Initial production backup
@@ -0,0 +1,15 @@
|
|||||||
|
<IfModule mod_rewrite.c>
|
||||||
|
RewriteEngine off
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
# Require all granted
|
||||||
|
Satisfy Any
|
||||||
|
Order Deny,Allow
|
||||||
|
Allow from all
|
||||||
|
|
||||||
|
<FilesMatch "^\.">
|
||||||
|
# Require all denied
|
||||||
|
Order Allow,Deny
|
||||||
|
Deny from all
|
||||||
|
</FilesMatch>
|
||||||
|
|
||||||
@@ -0,0 +1,386 @@
|
|||||||
|
@-webkit-keyframes spin
|
||||||
|
{
|
||||||
|
0%
|
||||||
|
{
|
||||||
|
-webkit-transform: rotate(0);
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
100%
|
||||||
|
{
|
||||||
|
-webkit-transform: rotate(359deg);
|
||||||
|
transform: rotate(359deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes spin
|
||||||
|
{
|
||||||
|
0%
|
||||||
|
{
|
||||||
|
-webkit-transform: rotate(0);
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
100%
|
||||||
|
{
|
||||||
|
-webkit-transform: rotate(359deg);
|
||||||
|
transform: rotate(359deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes burst
|
||||||
|
{
|
||||||
|
0%
|
||||||
|
{
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
transform: scale(1);
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
90%
|
||||||
|
{
|
||||||
|
-webkit-transform: scale(1.5);
|
||||||
|
transform: scale(1.5);
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes burst
|
||||||
|
{
|
||||||
|
0%
|
||||||
|
{
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
transform: scale(1);
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
90%
|
||||||
|
{
|
||||||
|
-webkit-transform: scale(1.5);
|
||||||
|
transform: scale(1.5);
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes flashing
|
||||||
|
{
|
||||||
|
0%
|
||||||
|
{
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
45%
|
||||||
|
{
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
90%
|
||||||
|
{
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes flashing
|
||||||
|
{
|
||||||
|
0%
|
||||||
|
{
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
45%
|
||||||
|
{
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
90%
|
||||||
|
{
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fade-left
|
||||||
|
{
|
||||||
|
0%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
transform: translateX(0);
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
75%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateX(-20px);
|
||||||
|
transform: translateX(-20px);
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes fade-left
|
||||||
|
{
|
||||||
|
0%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
transform: translateX(0);
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
75%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateX(-20px);
|
||||||
|
transform: translateX(-20px);
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fade-right
|
||||||
|
{
|
||||||
|
0%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
transform: translateX(0);
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
75%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateX(20px);
|
||||||
|
transform: translateX(20px);
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes fade-right
|
||||||
|
{
|
||||||
|
0%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
transform: translateX(0);
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
75%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateX(20px);
|
||||||
|
transform: translateX(20px);
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fade-up
|
||||||
|
{
|
||||||
|
0%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
transform: translateY(0);
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
75%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateY(-20px);
|
||||||
|
transform: translateY(-20px);
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes fade-up
|
||||||
|
{
|
||||||
|
0%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
transform: translateY(0);
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
75%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateY(-20px);
|
||||||
|
transform: translateY(-20px);
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fade-down
|
||||||
|
{
|
||||||
|
0%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
transform: translateY(0);
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
75%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateY(20px);
|
||||||
|
transform: translateY(20px);
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes fade-down
|
||||||
|
{
|
||||||
|
0%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
transform: translateY(0);
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
75%
|
||||||
|
{
|
||||||
|
-webkit-transform: translateY(20px);
|
||||||
|
transform: translateY(20px);
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes tada
|
||||||
|
{
|
||||||
|
from
|
||||||
|
{
|
||||||
|
-webkit-transform: scale3d(1, 1, 1);
|
||||||
|
transform: scale3d(1, 1, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
10%,
|
||||||
|
20%
|
||||||
|
{
|
||||||
|
-webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
|
||||||
|
transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
30%,
|
||||||
|
50%,
|
||||||
|
70%,
|
||||||
|
90%
|
||||||
|
{
|
||||||
|
-webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
|
||||||
|
transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
40%,
|
||||||
|
60%,
|
||||||
|
80%
|
||||||
|
{
|
||||||
|
-webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
|
||||||
|
transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
to
|
||||||
|
{
|
||||||
|
-webkit-transform: scale3d(1, 1, 1);
|
||||||
|
transform: scale3d(1, 1, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes tada
|
||||||
|
{
|
||||||
|
from
|
||||||
|
{
|
||||||
|
-webkit-transform: scale3d(1, 1, 1);
|
||||||
|
transform: scale3d(1, 1, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
10%,
|
||||||
|
20%
|
||||||
|
{
|
||||||
|
-webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
|
||||||
|
transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
30%,
|
||||||
|
50%,
|
||||||
|
70%,
|
||||||
|
90%
|
||||||
|
{
|
||||||
|
-webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
|
||||||
|
transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
40%,
|
||||||
|
60%,
|
||||||
|
80%
|
||||||
|
{
|
||||||
|
-webkit-transform: rotate3d(0, 0, 1, -10deg);
|
||||||
|
transform: rotate3d(0, 0, 1, -10deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
to
|
||||||
|
{
|
||||||
|
-webkit-transform: scale3d(1, 1, 1);
|
||||||
|
transform: scale3d(1, 1, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bx-spin
|
||||||
|
{
|
||||||
|
-webkit-animation: spin 2s linear infinite;
|
||||||
|
animation: spin 2s linear infinite;
|
||||||
|
}
|
||||||
|
.bx-spin-hover:hover
|
||||||
|
{
|
||||||
|
-webkit-animation: spin 2s linear infinite;
|
||||||
|
animation: spin 2s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bx-tada
|
||||||
|
{
|
||||||
|
-webkit-animation: tada 1.5s ease infinite;
|
||||||
|
animation: tada 1.5s ease infinite;
|
||||||
|
}
|
||||||
|
.bx-tada-hover:hover
|
||||||
|
{
|
||||||
|
-webkit-animation: tada 1.5s ease infinite;
|
||||||
|
animation: tada 1.5s ease infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bx-flashing
|
||||||
|
{
|
||||||
|
-webkit-animation: flashing 1.5s infinite linear;
|
||||||
|
animation: flashing 1.5s infinite linear;
|
||||||
|
}
|
||||||
|
.bx-flashing-hover:hover
|
||||||
|
{
|
||||||
|
-webkit-animation: flashing 1.5s infinite linear;
|
||||||
|
animation: flashing 1.5s infinite linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bx-burst
|
||||||
|
{
|
||||||
|
-webkit-animation: burst 1.5s infinite linear;
|
||||||
|
animation: burst 1.5s infinite linear;
|
||||||
|
}
|
||||||
|
.bx-burst-hover:hover
|
||||||
|
{
|
||||||
|
-webkit-animation: burst 1.5s infinite linear;
|
||||||
|
animation: burst 1.5s infinite linear;
|
||||||
|
}
|
||||||
|
.bx-fade-up
|
||||||
|
{
|
||||||
|
-webkit-animation: fade-up 1.5s infinite linear;
|
||||||
|
animation: fade-up 1.5s infinite linear;
|
||||||
|
}
|
||||||
|
.bx-fade-up-hover:hover
|
||||||
|
{
|
||||||
|
-webkit-animation: fade-up 1.5s infinite linear;
|
||||||
|
animation: fade-up 1.5s infinite linear;
|
||||||
|
}
|
||||||
|
.bx-fade-down
|
||||||
|
{
|
||||||
|
-webkit-animation: fade-down 1.5s infinite linear;
|
||||||
|
animation: fade-down 1.5s infinite linear;
|
||||||
|
}
|
||||||
|
.bx-fade-down-hover:hover
|
||||||
|
{
|
||||||
|
-webkit-animation: fade-down 1.5s infinite linear;
|
||||||
|
animation: fade-down 1.5s infinite linear;
|
||||||
|
}
|
||||||
|
.bx-fade-left
|
||||||
|
{
|
||||||
|
-webkit-animation: fade-left 1.5s infinite linear;
|
||||||
|
animation: fade-left 1.5s infinite linear;
|
||||||
|
}
|
||||||
|
.bx-fade-left-hover:hover
|
||||||
|
{
|
||||||
|
-webkit-animation: fade-left 1.5s infinite linear;
|
||||||
|
animation: fade-left 1.5s infinite linear;
|
||||||
|
}
|
||||||
|
.bx-fade-right
|
||||||
|
{
|
||||||
|
-webkit-animation: fade-right 1.5s infinite linear;
|
||||||
|
animation: fade-right 1.5s infinite linear;
|
||||||
|
}
|
||||||
|
.bx-fade-right-hover:hover
|
||||||
|
{
|
||||||
|
-webkit-animation: fade-right 1.5s infinite linear;
|
||||||
|
animation: fade-right 1.5s infinite linear;
|
||||||
|
}
|
||||||
@@ -0,0 +1,30 @@
|
|||||||
|
.bx-rotate-90
|
||||||
|
{
|
||||||
|
transform: rotate(90deg);
|
||||||
|
|
||||||
|
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
|
||||||
|
}
|
||||||
|
.bx-rotate-180
|
||||||
|
{
|
||||||
|
transform: rotate(180deg);
|
||||||
|
|
||||||
|
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
|
||||||
|
}
|
||||||
|
.bx-rotate-270
|
||||||
|
{
|
||||||
|
transform: rotate(270deg);
|
||||||
|
|
||||||
|
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
|
||||||
|
}
|
||||||
|
.bx-flip-horizontal
|
||||||
|
{
|
||||||
|
transform: scaleX(-1);
|
||||||
|
|
||||||
|
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
|
||||||
|
}
|
||||||
|
.bx-flip-vertical
|
||||||
|
{
|
||||||
|
transform: scaleY(-1);
|
||||||
|
|
||||||
|
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)';
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 952 KiB |
@@ -0,0 +1,23 @@
|
|||||||
|
Copyright (c) 2014 Owl
|
||||||
|
Modified work Copyright 2016-2018 David Deutsch
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person
|
||||||
|
obtaining a copy of this software and associated documentation
|
||||||
|
files (the "Software"), to deal in the Software without
|
||||||
|
restriction, including without limitation the rights to use,
|
||||||
|
copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the
|
||||||
|
Software is furnished to do so, subject to the following
|
||||||
|
conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be
|
||||||
|
included in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
||||||
|
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||||
|
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
||||||
|
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
||||||
|
OTHER DEALINGS IN THE SOFTWARE.
|
||||||
@@ -0,0 +1,122 @@
|
|||||||
|
# Owl Carousel 2
|
||||||
|
|
||||||
|
Touch enabled [jQuery](https://jquery.com/) plugin that lets you create a beautiful, responsive carousel slider. **To get started, check out https://owlcarousel2.github.io/OwlCarousel2/.**
|
||||||
|
|
||||||
|
**Notice:** The old Owl Carousel site (owlgraphic [dot] com) is no longer in use. Please delete all references to this in bookmarks and your own products' documentation as it's being used for malicious purposes.
|
||||||
|
|
||||||
|
## Quick start
|
||||||
|
|
||||||
|
### Install
|
||||||
|
|
||||||
|
This package can be installed with:
|
||||||
|
|
||||||
|
- [npm](https://www.npmjs.com/package/owl.carousel): `npm install --save owl.carousel` or `yarn add owl.carousel jquery`
|
||||||
|
- [bower](http://bower.io/search/?q=owl.carousel): `bower install --save owl.carousel`
|
||||||
|
|
||||||
|
Or download the [latest release](https://github.com/OwlCarousel2/OwlCarousel2/releases).
|
||||||
|
|
||||||
|
### Load
|
||||||
|
|
||||||
|
#### Webpack
|
||||||
|
|
||||||
|
Add jQuery via the "webpack.ProvidePlugin" to your webpack configuration:
|
||||||
|
|
||||||
|
const webpack = require('webpack');
|
||||||
|
|
||||||
|
//...
|
||||||
|
plugins: [
|
||||||
|
new webpack.ProvidePlugin({
|
||||||
|
$: 'jquery',
|
||||||
|
jQuery: 'jquery',
|
||||||
|
'window.jQuery': 'jquery'
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
//...
|
||||||
|
|
||||||
|
Load the required stylesheet and JS:
|
||||||
|
|
||||||
|
```js
|
||||||
|
import 'owl.carousel/dist/assets/owl.carousel.css';
|
||||||
|
import 'owl.carousel';
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Static HTML
|
||||||
|
|
||||||
|
Put the required stylesheet at the [top](https://developer.yahoo.com/performance/rules.html#css_top) of your markup:
|
||||||
|
|
||||||
|
```html
|
||||||
|
<link rel="stylesheet" href="/node_modules/owl.carousel/dist/assets/owl.carousel.min.css" />
|
||||||
|
```
|
||||||
|
|
||||||
|
```html
|
||||||
|
<link rel="stylesheet" href="/bower_components/owl.carousel/dist/assets/owl.carousel.min.css" />
|
||||||
|
```
|
||||||
|
|
||||||
|
**NOTE:** If you want to use the default navigation styles, you will also need to include `owl.theme.default.css`.
|
||||||
|
|
||||||
|
|
||||||
|
Put the script at the [bottom](https://developer.yahoo.com/performance/rules.html#js_bottom) of your markup right after jQuery:
|
||||||
|
|
||||||
|
```html
|
||||||
|
<script src="/node_modules/jquery/dist/jquery.js"></script>
|
||||||
|
<script src="/node_modules/owl.carousel/dist/owl.carousel.min.js"></script>
|
||||||
|
```
|
||||||
|
|
||||||
|
```html
|
||||||
|
<script src="/bower_components/jquery/dist/jquery.js"></script>
|
||||||
|
<script src="/bower_components/owl.carousel/dist/owl.carousel.min.js"></script>
|
||||||
|
```
|
||||||
|
|
||||||
|
### Usage
|
||||||
|
|
||||||
|
Wrap your items (`div`, `a`, `img`, `span`, `li` etc.) with a container element (`div`, `ul` etc.). Only the class `owl-carousel` is mandatory to apply proper styles:
|
||||||
|
|
||||||
|
```html
|
||||||
|
<div class="owl-carousel owl-theme">
|
||||||
|
<div> Your Content </div>
|
||||||
|
<div> Your Content </div>
|
||||||
|
<div> Your Content </div>
|
||||||
|
<div> Your Content </div>
|
||||||
|
<div> Your Content </div>
|
||||||
|
<div> Your Content </div>
|
||||||
|
<div> Your Content </div>
|
||||||
|
</div>
|
||||||
|
```
|
||||||
|
**NOTE:** The `owl-theme` class is optional, but without it, you will need to style navigation features on your own.
|
||||||
|
|
||||||
|
|
||||||
|
Call the [plugin](https://learn.jquery.com/plugins/) function and your carousel is ready.
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
$(document).ready(function(){
|
||||||
|
$('.owl-carousel').owlCarousel();
|
||||||
|
});
|
||||||
|
```
|
||||||
|
|
||||||
|
## Documentation
|
||||||
|
|
||||||
|
The documentation, included in this repo in the root directory, is built with [Assemble](http://assemble.io/) and publicly available at https://owlcarousel2.github.io/OwlCarousel2/. The documentation may also be run locally.
|
||||||
|
|
||||||
|
## Building
|
||||||
|
|
||||||
|
This package comes with [Grunt](http://gruntjs.com/) and [Bower](http://bower.io/). The following tasks are available:
|
||||||
|
|
||||||
|
* `default` compiles the CSS and JS into `/dist` and builds the doc.
|
||||||
|
* `dist` compiles the CSS and JS into `/dist` only.
|
||||||
|
* `watch` watches source files and builds them automatically whenever you save.
|
||||||
|
* `test` runs [JSHint](http://www.jshint.com/) and [QUnit](http://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/).
|
||||||
|
|
||||||
|
To define which plugins are build into the distribution just edit `/_config.json` to fit your needs.
|
||||||
|
|
||||||
|
## Contributing
|
||||||
|
|
||||||
|
Please read [CONTRIBUTING.md](CONTRIBUTING.md).
|
||||||
|
|
||||||
|
## Roadmap
|
||||||
|
|
||||||
|
Please make sure to check out our [Roadmap Discussion](https://github.com/OwlCarousel2/OwlCarousel2/issues/1756).
|
||||||
|
|
||||||
|
|
||||||
|
## License
|
||||||
|
|
||||||
|
The code and the documentation are released under the [MIT License](LICENSE).
|
||||||
|
After Width: | Height: | Size: 3.1 KiB |
@@ -0,0 +1,186 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.3.4
|
||||||
|
* Copyright 2013-2018 David Deutsch
|
||||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Core
|
||||||
|
*/
|
||||||
|
.owl-carousel {
|
||||||
|
display: none;
|
||||||
|
width: 100%;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
/* position relative and z-index fix webkit rendering fonts issue */
|
||||||
|
position: relative;
|
||||||
|
z-index: 1; }
|
||||||
|
.owl-carousel .owl-stage {
|
||||||
|
position: relative;
|
||||||
|
-ms-touch-action: pan-Y;
|
||||||
|
touch-action: manipulation;
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
/* fix firefox animation glitch */ }
|
||||||
|
.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;
|
||||||
|
/* fix for flashing background */
|
||||||
|
-webkit-transform: translate3d(0px, 0px, 0px); }
|
||||||
|
.owl-carousel .owl-wrapper,
|
||||||
|
.owl-carousel .owl-item {
|
||||||
|
-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 {
|
||||||
|
position: relative;
|
||||||
|
min-height: 1px;
|
||||||
|
float: left;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
-webkit-touch-callout: none; }
|
||||||
|
.owl-carousel .owl-item img {
|
||||||
|
display: block;
|
||||||
|
width: 100%; }
|
||||||
|
.owl-carousel .owl-nav.disabled,
|
||||||
|
.owl-carousel .owl-dots.disabled {
|
||||||
|
display: none; }
|
||||||
|
.owl-carousel .owl-nav .owl-prev,
|
||||||
|
.owl-carousel .owl-nav .owl-next,
|
||||||
|
.owl-carousel .owl-dot {
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
.owl-carousel .owl-nav button.owl-prev,
|
||||||
|
.owl-carousel .owl-nav button.owl-next,
|
||||||
|
.owl-carousel button.owl-dot {
|
||||||
|
background: none;
|
||||||
|
color: inherit;
|
||||||
|
border: none;
|
||||||
|
padding: 0 !important;
|
||||||
|
font: inherit; }
|
||||||
|
.owl-carousel.owl-loaded {
|
||||||
|
display: block; }
|
||||||
|
.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 {
|
||||||
|
-ms-touch-action: pan-y;
|
||||||
|
touch-action: pan-y;
|
||||||
|
-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; }
|
||||||
|
|
||||||
|
/* No Js */
|
||||||
|
.no-js .owl-carousel {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Animate Plugin
|
||||||
|
*/
|
||||||
|
.owl-carousel .animated {
|
||||||
|
animation-duration: 1000ms;
|
||||||
|
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 Carousel - Auto Height Plugin
|
||||||
|
*/
|
||||||
|
.owl-height {
|
||||||
|
transition: height 500ms ease-in-out; }
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Lazy Load Plugin
|
||||||
|
*/
|
||||||
|
.owl-carousel .owl-item {
|
||||||
|
/**
|
||||||
|
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
|
||||||
|
calculation of the height of the owl-item that breaks page layouts
|
||||||
|
*/ }
|
||||||
|
.owl-carousel .owl-item .owl-lazy {
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 400ms ease; }
|
||||||
|
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
|
||||||
|
max-height: 0; }
|
||||||
|
.owl-carousel .owl-item img.owl-lazy {
|
||||||
|
transform-style: preserve-3d; }
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Video Plugin
|
||||||
|
*/
|
||||||
|
.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 100ms 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-tn,
|
||||||
|
.owl-carousel .owl-video-playing .owl-video-play-icon {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-video-tn {
|
||||||
|
opacity: 0;
|
||||||
|
height: 100%;
|
||||||
|
background-position: center center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
transition: opacity 400ms ease; }
|
||||||
|
|
||||||
|
.owl-carousel .owl-video-frame {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%; }
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.3.4
|
||||||
|
* Copyright 2013-2018 David Deutsch
|
||||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||||
|
*/
|
||||||
|
.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;touch-action:manipulation;-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;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.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{-ms-touch-action:pan-y;touch-action:pan-y;-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 .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.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%}
|
||||||
@@ -0,0 +1,50 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.3.4
|
||||||
|
* Copyright 2013-2018 David Deutsch
|
||||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
* Default theme - Owl Carousel CSS File
|
||||||
|
*/
|
||||||
|
.owl-theme .owl-nav {
|
||||||
|
margin-top: 10px;
|
||||||
|
text-align: center;
|
||||||
|
-webkit-tap-highlight-color: transparent; }
|
||||||
|
.owl-theme .owl-nav [class*='owl-'] {
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 5px;
|
||||||
|
padding: 4px 7px;
|
||||||
|
background: #D6D6D6;
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 3px; }
|
||||||
|
.owl-theme .owl-nav [class*='owl-']:hover {
|
||||||
|
background: #869791;
|
||||||
|
color: #FFF;
|
||||||
|
text-decoration: none; }
|
||||||
|
.owl-theme .owl-nav .disabled {
|
||||||
|
opacity: 0.5;
|
||||||
|
cursor: default; }
|
||||||
|
|
||||||
|
.owl-theme .owl-nav.disabled + .owl-dots {
|
||||||
|
margin-top: 10px; }
|
||||||
|
|
||||||
|
.owl-theme .owl-dots {
|
||||||
|
text-align: center;
|
||||||
|
-webkit-tap-highlight-color: transparent; }
|
||||||
|
.owl-theme .owl-dots .owl-dot {
|
||||||
|
display: inline-block;
|
||||||
|
zoom: 1;
|
||||||
|
*display: inline; }
|
||||||
|
.owl-theme .owl-dots .owl-dot span {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
margin: 5px 7px;
|
||||||
|
background: #D6D6D6;
|
||||||
|
display: block;
|
||||||
|
-webkit-backface-visibility: visible;
|
||||||
|
transition: opacity 200ms ease;
|
||||||
|
border-radius: 30px; }
|
||||||
|
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
|
||||||
|
background: #869791; }
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.3.4
|
||||||
|
* Copyright 2013-2018 David Deutsch
|
||||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||||
|
*/
|
||||||
|
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
|
||||||
@@ -0,0 +1,50 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.3.4
|
||||||
|
* Copyright 2013-2018 David Deutsch
|
||||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
* Green theme - Owl Carousel CSS File
|
||||||
|
*/
|
||||||
|
.owl-theme .owl-nav {
|
||||||
|
margin-top: 10px;
|
||||||
|
text-align: center;
|
||||||
|
-webkit-tap-highlight-color: transparent; }
|
||||||
|
.owl-theme .owl-nav [class*='owl-'] {
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 5px;
|
||||||
|
padding: 4px 7px;
|
||||||
|
background: #D6D6D6;
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 3px; }
|
||||||
|
.owl-theme .owl-nav [class*='owl-']:hover {
|
||||||
|
background: #4DC7A0;
|
||||||
|
color: #FFF;
|
||||||
|
text-decoration: none; }
|
||||||
|
.owl-theme .owl-nav .disabled {
|
||||||
|
opacity: 0.5;
|
||||||
|
cursor: default; }
|
||||||
|
|
||||||
|
.owl-theme .owl-nav.disabled + .owl-dots {
|
||||||
|
margin-top: 10px; }
|
||||||
|
|
||||||
|
.owl-theme .owl-dots {
|
||||||
|
text-align: center;
|
||||||
|
-webkit-tap-highlight-color: transparent; }
|
||||||
|
.owl-theme .owl-dots .owl-dot {
|
||||||
|
display: inline-block;
|
||||||
|
zoom: 1;
|
||||||
|
*display: inline; }
|
||||||
|
.owl-theme .owl-dots .owl-dot span {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
margin: 5px 7px;
|
||||||
|
background: #D6D6D6;
|
||||||
|
display: block;
|
||||||
|
-webkit-backface-visibility: visible;
|
||||||
|
transition: opacity 200ms ease;
|
||||||
|
border-radius: 30px; }
|
||||||
|
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
|
||||||
|
background: #4DC7A0; }
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.3.4
|
||||||
|
* Copyright 2013-2018 David Deutsch
|
||||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||||
|
*/
|
||||||
|
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0}
|
||||||
|
After Width: | Height: | Size: 4.9 KiB |
@@ -0,0 +1,889 @@
|
|||||||
|
.c_carousel {
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.c_carousel::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 10vw;
|
||||||
|
background: linear-gradient(to right, white, transparent);
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.c_carousel::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 10vw;
|
||||||
|
background: linear-gradient(to left, white, transparent);
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.c_slides {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.c_slides img {
|
||||||
|
flex-shrink: 0;
|
||||||
|
width: 50vw; /* Mobile first: ~2 visibles */
|
||||||
|
height: 80px; /* Altura fija para no deformar */
|
||||||
|
object-fit: contain; /* Mantiene proporción sin deformar */
|
||||||
|
}
|
||||||
|
@keyframes slide4 {
|
||||||
|
from {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: translateX(calc(-50vw * 4));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes slide5 {
|
||||||
|
from {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: translateX(calc(-50vw * 12));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.c_private .c_slides {
|
||||||
|
animation: slide4 10s linear infinite;
|
||||||
|
}
|
||||||
|
.c_public .c_slides {
|
||||||
|
animation: slide5 24s linear infinite;
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.c_private .c_slides img {
|
||||||
|
width: 25vw; /* ~4 visibles en desktop */
|
||||||
|
height: 100px; /* Altura fija en desktop */
|
||||||
|
object-fit: contain; /* Mantiene proporción sin deformar */
|
||||||
|
}
|
||||||
|
.c_public .c_slides img {
|
||||||
|
width: 20vw; /* ~5 visibles en desktop */
|
||||||
|
height: 100px; /* Altura fija en desktop */
|
||||||
|
object-fit: contain; /* Mantiene proporción sin deformar */
|
||||||
|
}
|
||||||
|
.c_carousel::before,
|
||||||
|
.c_carousel::after {
|
||||||
|
width: 5vw; /* Menos fade en desktops */
|
||||||
|
}
|
||||||
|
@keyframes slide4 {
|
||||||
|
from {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: translateX(calc(-25vw * 4));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes slide5 {
|
||||||
|
from {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: translateX(calc(-20vw * 12));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.c-size {
|
||||||
|
width: 600px;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.c-size {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------------
|
||||||
|
# Hero Section
|
||||||
|
--------------------------------------------------------------*/
|
||||||
|
|
||||||
|
#hero {
|
||||||
|
width: 100%;
|
||||||
|
height: 600px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
background-color: white;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
#hero:before {
|
||||||
|
content: "";
|
||||||
|
background: white;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#hero .carousel-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
bottom: 0;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#hero .hc-i1 {
|
||||||
|
background-color: #d4efff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#hero .hc-i2 {
|
||||||
|
background-color: #15296e;
|
||||||
|
}
|
||||||
|
|
||||||
|
#hero .hc-i3 {
|
||||||
|
background-color: #2baba3;
|
||||||
|
}
|
||||||
|
|
||||||
|
#hero h2 {
|
||||||
|
color: #fff;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
font-size: 48px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
#hero p {
|
||||||
|
width: 80%;
|
||||||
|
-webkit-animation-delay: 0.4s;
|
||||||
|
animation-delay: 0.4s;
|
||||||
|
/* margin: 0 auto 30px auto; */
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#hero .carousel-control-prev,
|
||||||
|
#hero .carousel-control-next {
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#hero .carousel-control-next-icon,
|
||||||
|
#hero .carousel-control-prev-icon {
|
||||||
|
background: none;
|
||||||
|
font-size: 48px;
|
||||||
|
line-height: 1;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#hero .btn-get-started {
|
||||||
|
font-family: "Raleway", sans-serif;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 12px 32px;
|
||||||
|
border-radius: 50px;
|
||||||
|
transition: 0.5s;
|
||||||
|
line-height: 1;
|
||||||
|
margin: 10px;
|
||||||
|
color: #fff;
|
||||||
|
-webkit-animation-delay: 0.8s;
|
||||||
|
animation-delay: 0.8s;
|
||||||
|
border: 2px solid #f6b024;
|
||||||
|
}
|
||||||
|
|
||||||
|
#hero .btn-get-started:hover {
|
||||||
|
background: #f6b024;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1024px) {
|
||||||
|
#hero p {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
#hero .carousel-control-prev,
|
||||||
|
#hero .carousel-control-next {
|
||||||
|
width: 5%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
#hero h2 {
|
||||||
|
font-size: 28px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#mision::before,
|
||||||
|
#vision::before,
|
||||||
|
#valores::before,
|
||||||
|
#servicios::before,
|
||||||
|
#contacto::before {
|
||||||
|
display: block;
|
||||||
|
content: " ";
|
||||||
|
margin-top: -65px;
|
||||||
|
height: 65px;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-vitalcare {
|
||||||
|
max-width: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-vitalcare {
|
||||||
|
color: white;
|
||||||
|
background-color: teal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-vitalcare:hover {
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.somos {
|
||||||
|
min-height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-somos {
|
||||||
|
max-width: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-somos {
|
||||||
|
color: #263153;
|
||||||
|
font-size: x-large;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-mision {
|
||||||
|
color: #263153;
|
||||||
|
background-color: white;
|
||||||
|
min-height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-vision {
|
||||||
|
color: white;
|
||||||
|
background-color: #2baba3;
|
||||||
|
min-height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-valores {
|
||||||
|
color: white;
|
||||||
|
background-color: #475a9e;
|
||||||
|
min-height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-servicios {
|
||||||
|
color: #15296e;
|
||||||
|
min-height: 500px;
|
||||||
|
}
|
||||||
|
.row-subtitulo {
|
||||||
|
color: #21a6d4;
|
||||||
|
min-height: 50px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-nosotro {
|
||||||
|
color: #15296e;
|
||||||
|
min-height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-suministro {
|
||||||
|
color: white;
|
||||||
|
background-color: #475a9e;
|
||||||
|
min-height: 500px;
|
||||||
|
/* text-shadow: 4px 4px black; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-contacto {
|
||||||
|
min-height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-cuentas {
|
||||||
|
min-height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-agenda {
|
||||||
|
color: white;
|
||||||
|
background-color: #2baba3;
|
||||||
|
min-height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-precios {
|
||||||
|
color: #15296e;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-about {
|
||||||
|
color: white;
|
||||||
|
background-color: black;
|
||||||
|
min-height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-icons {
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
background-color: white;
|
||||||
|
border: 1px solid;
|
||||||
|
border-color: black;
|
||||||
|
box-shadow: 1px 1px 8px 0px #7d7d7d;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-icons:hover {
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
color: white;
|
||||||
|
background-color: #15296e;
|
||||||
|
border: 1px solid;
|
||||||
|
border-color: black;
|
||||||
|
box-shadow: 1px 1px 8px 0px #7d7d7d;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover > .icon > .img-card {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-card {
|
||||||
|
max-width: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-agenda {
|
||||||
|
max-width: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.forma {
|
||||||
|
color: black;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
background-color: #2baba3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-yellow {
|
||||||
|
background-color: #f5c542;
|
||||||
|
color: #111;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pill {
|
||||||
|
border-radius: 999px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:hover {
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.whatsapp {
|
||||||
|
position: fixed;
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
bottom: 40px;
|
||||||
|
right: 40px;
|
||||||
|
background-color: #25d366;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 50px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 30px;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
.whatsapp-icon {
|
||||||
|
margin-top: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fa:hover {
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tablabancaria {
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
th.rotate {
|
||||||
|
height: 80px;
|
||||||
|
white-space: nowrap;
|
||||||
|
position: relative;
|
||||||
|
color: white;
|
||||||
|
background-color: gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
th.rotate > div {
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 115px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Servicios cards **/
|
||||||
|
|
||||||
|
/*
|
||||||
|
.about {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 10;
|
||||||
|
bottom: 10px;
|
||||||
|
right: 10px;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
align-items: flex-end;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about .bg_links {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background-color: rgba(255, 255, 255, 0.2);
|
||||||
|
border-radius: 100%;
|
||||||
|
backdrop-filter: blur(5px);
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about .logo {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
z-index: 9;
|
||||||
|
background-image: url(https://rafaelalucas91.github.io/assets/codepen/logo_white.svg);
|
||||||
|
background-size: 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 10px 7px;
|
||||||
|
opacity: 0.9;
|
||||||
|
transition: all 1s 0.2s ease;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about .social {
|
||||||
|
opacity: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about .social .icon {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-size: 20px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-color: transparent;
|
||||||
|
display: flex;
|
||||||
|
transition: all 0.2s ease, background-color 0.4s ease;
|
||||||
|
opacity: 0;
|
||||||
|
border-radius: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about .social.portfolio {
|
||||||
|
transition: all 0.8s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about .social.portfolio .icon {
|
||||||
|
background-image: url(https://rafaelalucas91.github.io/assets/codepen/link.svg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.about .social.dribbble {
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about .social.dribbble .icon {
|
||||||
|
background-image: url(https://rafaelalucas91.github.io/assets/codepen/dribbble.svg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.about .social.linkedin {
|
||||||
|
transition: all 0.8s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about .social.linkedin .icon {
|
||||||
|
background-image: url(https://rafaelalucas91.github.io/assets/codepen/linkedin.svg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.about:hover {
|
||||||
|
width: 105px;
|
||||||
|
height: 105px;
|
||||||
|
transition: all 0.6s cubic-bezier(0.64, 0.01, 0.07, 1.65);
|
||||||
|
}
|
||||||
|
|
||||||
|
.about:hover .logo {
|
||||||
|
opacity: 1;
|
||||||
|
transition: all 0.6s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about:hover .social {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about:hover .social .icon {
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about:hover .social:hover {
|
||||||
|
background-size: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about:hover .social:hover .icon {
|
||||||
|
background-size: 65%;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about:hover .social.portfolio {
|
||||||
|
right: 0;
|
||||||
|
bottom: calc(100% - 40px);
|
||||||
|
transition: all 0.3s 0s cubic-bezier(0.64, 0.01, 0.07, 1.65);
|
||||||
|
}
|
||||||
|
|
||||||
|
.about:hover .social.portfolio .icon:hover {
|
||||||
|
background-color: #698fb7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about:hover .social.dribbble {
|
||||||
|
bottom: 45%;
|
||||||
|
right: 45%;
|
||||||
|
transition: all 0.3s 0.15s cubic-bezier(0.64, 0.01, 0.07, 1.65);
|
||||||
|
}
|
||||||
|
|
||||||
|
.about:hover .social.dribbble .icon:hover {
|
||||||
|
background-color: #ea4c89;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about:hover .social.linkedin {
|
||||||
|
bottom: 0;
|
||||||
|
right: calc(100% - 40px);
|
||||||
|
transition: all 0.3s 0.25s cubic-bezier(0.64, 0.01, 0.07, 1.65);
|
||||||
|
}
|
||||||
|
|
||||||
|
.about:hover .social.linkedin .icon:hover {
|
||||||
|
background-color: #0077b5;
|
||||||
|
} */
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
width: 100vw;
|
||||||
|
margin: 0 auto;
|
||||||
|
height: 400px;
|
||||||
|
background-color: #161616;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 767px) {
|
||||||
|
.wrapper {
|
||||||
|
height: 700px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
max-width: 1024px;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0 4%;
|
||||||
|
padding-top: 250px;
|
||||||
|
margin: 0 auto;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 767px) {
|
||||||
|
.content {
|
||||||
|
padding-top: 300px;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 300px;
|
||||||
|
min-width: 200px;
|
||||||
|
height: 250px;
|
||||||
|
background-color: white;
|
||||||
|
margin: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
|
||||||
|
border: 2px solid rgba(7, 7, 7, 0.12);
|
||||||
|
font-size: 16px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.9s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 100%;
|
||||||
|
height: 80px;
|
||||||
|
max-width: 80px;
|
||||||
|
background: linear-gradient(90deg, white 0%, #15296e 60%, #15296e 0%);
|
||||||
|
border-radius: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: white;
|
||||||
|
transition: all 0.8s ease;
|
||||||
|
background-position: 0px;
|
||||||
|
background-size: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.material-icons.md-18 {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.material-icons.md-24 {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.material-icons.md-36 {
|
||||||
|
font-size: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.material-icons.md-48 {
|
||||||
|
font-size: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card .title {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 30px;
|
||||||
|
color: #15296e;
|
||||||
|
font-weight: 600;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card .text {
|
||||||
|
width: 95%;
|
||||||
|
margin: 0 auto;
|
||||||
|
font-size: 13px;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
color: #15296e;
|
||||||
|
font-weight: 200;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
opacity: 0;
|
||||||
|
max-height: 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover {
|
||||||
|
height: 280px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-integral:hover {
|
||||||
|
height: 400px;
|
||||||
|
justify-content: start !important;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-analisis:hover {
|
||||||
|
height: 450px;
|
||||||
|
justify-content: start !important;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-medbasico:hover {
|
||||||
|
height: 550px;
|
||||||
|
justify-content: start !important;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-altaespe:hover {
|
||||||
|
height: 650px;
|
||||||
|
justify-content: start !important;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-alianza:hover {
|
||||||
|
height: 420px;
|
||||||
|
justify-content: start !important;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-cura:hover {
|
||||||
|
height: 580px;
|
||||||
|
justify-content: start !important;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
.card-laboratorio:hover {
|
||||||
|
height: 430px;
|
||||||
|
justify-content: start !important;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-generico:hover {
|
||||||
|
height: 350px;
|
||||||
|
justify-content: start !important;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-medico:hover {
|
||||||
|
height: 350px;
|
||||||
|
justify-content: start !important;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
.card-analisis:hover {
|
||||||
|
height: 350px;
|
||||||
|
justify-content: start !important;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
.card-refrigeracion:hover {
|
||||||
|
height: 350px;
|
||||||
|
justify-content: start !important;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover .info {
|
||||||
|
height: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover .text {
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
opacity: 1;
|
||||||
|
max-height: 70px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover .icon {
|
||||||
|
background-position: -120px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover .icon i {
|
||||||
|
background: linear-gradient(90deg, #ff7e7e, #ff4848);
|
||||||
|
background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
opacity: 0.5;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** end Servicios Card**/
|
||||||
|
|
||||||
|
.img-precio {
|
||||||
|
max-width: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 576px) {
|
||||||
|
.container {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.container {
|
||||||
|
max-width: 992px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.container {
|
||||||
|
max-width: 1200px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 576px) {
|
||||||
|
#hero .carousel-container .carousel-item {
|
||||||
|
max-height: 300px;
|
||||||
|
}
|
||||||
|
#hero .carousel {
|
||||||
|
max-height: 600px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 992px) {
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1200px) {
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ACORDEON DE CUENTAS*/
|
||||||
|
|
||||||
|
.accordion.width {
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.125);
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.accordion.width .card {
|
||||||
|
flex-direction: row;
|
||||||
|
flex-grow: 0;
|
||||||
|
flex-shrink: 1;
|
||||||
|
min-width: min-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
.accordion.width .card .card-header {
|
||||||
|
cursor: pointer;
|
||||||
|
transform: rotate(180deg);
|
||||||
|
writing-mode: vertical-rl;
|
||||||
|
}
|
||||||
|
|
||||||
|
.accordion.width .card .card-header:not(.collapsed) {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collapsing.width {
|
||||||
|
transition: width 0s ease;
|
||||||
|
height: auto;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-yellow {
|
||||||
|
color: rgb(211, 211, 15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.price-card {
|
||||||
|
max-width: 300px;
|
||||||
|
background-color: #070f3b;
|
||||||
|
border-radius: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icono-precios {
|
||||||
|
width: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Estilos para carrusel de marcas */
|
||||||
|
.marcas-carousel {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.marcas-carousel .owl-carousel .item {
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.marcas-carousel .owl-carousel .item img {
|
||||||
|
max-height: 60px;
|
||||||
|
max-width: 150px;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
filter: grayscale(0%);
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.marcas-carousel .owl-carousel .item img:hover {
|
||||||
|
transform: scale(1.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.marcas-carousel .owl-nav {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.marcas-carousel .owl-dots {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
@@ -0,0 +1,343 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<!-- Required meta tags -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||||
|
<link href="./assets/boxicons/css/boxicons.min.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="./assets/aos/aos.css">
|
||||||
|
<link rel="stylesheet" href="./assets/animate.css/animate.css">
|
||||||
|
<link rel="stylesheet" href="./css/main.css">
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
|
||||||
|
<title>VITALCARE - Documentación Requerida (PRD)</title>
|
||||||
|
<style>
|
||||||
|
/* PRD Specific Styles */
|
||||||
|
.prd-header {
|
||||||
|
border-bottom: 2px solid #e9ecef;
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
.prd-section {
|
||||||
|
margin-bottom: 4rem;
|
||||||
|
border-bottom: 1px solid #e9ecef;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
}
|
||||||
|
.prd-section:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.prd-title {
|
||||||
|
font-weight: 700;
|
||||||
|
color: #343a40;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.prd-badge {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
margin-left: 1rem;
|
||||||
|
padding: 0.4em 0.8em;
|
||||||
|
background-color: #e9ecef;
|
||||||
|
color: #495057;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.prd-meta {
|
||||||
|
font-family: monospace;
|
||||||
|
color: #6c757d;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
padding: 0.5rem;
|
||||||
|
border-radius: 4px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.prd-image {
|
||||||
|
border: 1px solid #dee2e6;
|
||||||
|
padding: 4px;
|
||||||
|
background-color: #fff;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.table-reqs th {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
border-top: none;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
color: #6c757d;
|
||||||
|
}
|
||||||
|
.table-reqs td {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.req-check {
|
||||||
|
color: #28a745;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body data-spy="scroll" data-target="#sidebar-nav" data-offset="200" style="position: relative;">
|
||||||
|
<div class="container">
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom mb-4">
|
||||||
|
<a class="navbar-brand" href="index.html">
|
||||||
|
<img class="logo-vitalcare mx-md-5 my-md-1" src="./img/logo-vitalcare.png" alt="">
|
||||||
|
</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
|
<ul class="smooth-scroll navbar-nav mx-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="index.html#Nosotros">Nosotros</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="index.html#Infusion">Servicios</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="index.html#suministro">Suministros</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="index.html#contacto">Contacto</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="index.html#clientes">Clientes</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item active">
|
||||||
|
<a class="nav-link" href="documentacion.html">Documentación</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item my-auto pl-3">
|
||||||
|
<a class="btn btn-vitalcare btn-sm" href="index.html#contacto"><small>Agenda tu consulta</small></a>
|
||||||
|
</li>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- PRD Content -->
|
||||||
|
<div class="row">
|
||||||
|
<!-- Sidebar TOC -->
|
||||||
|
<div class="col-md-3 d-none d-md-block">
|
||||||
|
<div class="sticky-top pt-4" style="top: 2rem; z-index: 1;">
|
||||||
|
<h6 class="text-uppercase text-muted font-weight-bold mb-3 small">Contenido</h6>
|
||||||
|
<ul id="sidebar-nav" class="nav flex-column nav-pills small">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link text-dark" href="#urano">1.0 Urano Veracruz</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link text-dark" href="#orizaba">2.0 Orizaba Veracruz</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link text-dark" href="#carmen">3.0 Ciudad del Carmen</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Main Document -->
|
||||||
|
<div class="col-md-9 py-4">
|
||||||
|
<div class="prd-header">
|
||||||
|
<h1 class="h2 mb-2">Especificaciones de Documentación</h1>
|
||||||
|
<p class="text-muted">Requisitos oficiales y obligatorios para el acceso a servicios clínicos en sucursales VITALCARE.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Section 1.0 -->
|
||||||
|
<div id="urano" class="prd-section">
|
||||||
|
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="h4 prd-title">1.0 Urano Veracruz <span class="prd-badge">Principal</span></h2>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row mb-4">
|
||||||
|
<div class="col-md-4 order-md-2 mb-3">
|
||||||
|
<img src="./img/clinicas/fachada.png" class="img-fluid prd-image shadow-sm" alt="Fachada Urano">
|
||||||
|
<p class="small text-muted mt-1 text-center font-italic">Fig 1.1: Fachada Principal</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8 order-md-1">
|
||||||
|
<p>Para la admisión en la clínica Urano, el paciente debe presentar la siguiente documentación en original y copia.</p>
|
||||||
|
<table class="table table-sm table-hover table-reqs border">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
|
||||||
|
<th>Documento</th>
|
||||||
|
<th style="width: 80px;" class="text-center">Obligatorio</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Identificación del paciente (INE vigente)</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Acta de nacimiento</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Constancia de Situación Fiscal (no mayor a 3 meses)</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Comprobante de domicilio (no mayor a 3 meses)</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Carta de naturalización (en caso de extranjeros)</td>
|
||||||
|
<td class="text-center"><span class="badge badge-secondary">Si aplica</span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>CURP</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Section 2.0 -->
|
||||||
|
<div id="orizaba" class="prd-section">
|
||||||
|
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="h4 prd-title">2.0 Orizaba Veracruz <span class="prd-badge">Sucursal</span></h2>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row mb-4">
|
||||||
|
<div class="col-md-4 order-md-2 mb-3">
|
||||||
|
<img src="./img/clinicas/orizaba.webp" class="img-fluid prd-image shadow-sm" alt="Fachada Orizaba">
|
||||||
|
<p class="small text-muted mt-1 text-center font-italic">Fig 2.1: Acceso Principal</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8 order-md-1">
|
||||||
|
<p>Requisitos estandarizados para la sucursal Orizaba.</p>
|
||||||
|
<table class="table table-sm table-hover table-reqs border">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
|
||||||
|
<th>Documento</th>
|
||||||
|
<th style="width: 80px;" class="text-center">Obligatorio</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Identificación del paciente (INE vigente)</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Acta de nacimiento</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Constancia de Situación Fiscal (no mayor a 3 meses)</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Comprobante de domicilio (no mayor a 3 meses)</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Carta de naturalización (en caso de extranjeros)</td>
|
||||||
|
<td class="text-center"><span class="badge badge-secondary">Si aplica</span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>CURP</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Section 3.0 -->
|
||||||
|
<div id="carmen" class="prd-section">
|
||||||
|
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="h4 prd-title">3.0 Ciudad del Carmen <span class="prd-badge">Sucursal</span></h2>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row mb-4">
|
||||||
|
<div class="col-md-4 order-md-2 mb-3">
|
||||||
|
<img src="./img/clinicas/cd_carmen.webp" class="img-fluid prd-image shadow-sm" alt="Fachada Carmen">
|
||||||
|
<p class="small text-muted mt-1 text-center font-italic">Fig 3.1: Vista Exterior</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8 order-md-1">
|
||||||
|
<p>Documentación requerida para procesos en Ciudad del Carmen.</p>
|
||||||
|
<table class="table table-sm table-hover table-reqs border">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
|
||||||
|
<th>Documento</th>
|
||||||
|
<th style="width: 80px;" class="text-center">Obligatorio</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Identificación del paciente (INE vigente)</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Acta de nacimiento</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Constancia de Situación Fiscal (no mayor a 3 meses)</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Comprobante de domicilio (no mayor a 3 meses)</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Carta de naturalización (en caso de extranjeros)</td>
|
||||||
|
<td class="text-center"><span class="badge badge-secondary">Si aplica</span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>CURP</td>
|
||||||
|
<td class="text-center"><i class="fa fa-check req-check"></i></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Libreta de Mar (Solo personal marítimo)</td>
|
||||||
|
<td class="text-center"><span class="badge badge-warning text-white">Condicional</span></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<div class="row text-center row-about mt-5 border-top pt-4">
|
||||||
|
<div class="col-md-4 my-auto">
|
||||||
|
<img class="img-fluid p-4" src="./img/logo-footer.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 my-auto">
|
||||||
|
<p> <small>2022 VITALCARE Derechos reservados</small>
|
||||||
|
</div>
|
||||||
|
</p>
|
||||||
|
<div class="col-md-4 my-auto">
|
||||||
|
<p> <small>Powered by <a href="http://www.getmarket.mx">www.getmarket.mx</a></small></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Optional JavaScript -->
|
||||||
|
<script src="./js/jquery-3.4.1.min.js"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
|
||||||
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
||||||
|
<script src="./js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
After Width: | Height: | Size: 931 B |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 826 KiB |
|
After Width: | Height: | Size: 1.8 MiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 279 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 159 KiB |
|
After Width: | Height: | Size: 160 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 503 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 8.3 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 106 KiB |
|
After Width: | Height: | Size: 9.6 MiB |
|
After Width: | Height: | Size: 127 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 402 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 23 KiB |