From 10263e08ff881522534fe2134211beac789c67eb Mon Sep 17 00:00:00 2001 From: Ryan Westfall Date: Mon, 7 Sep 2026 06:05:29 -0500 Subject: [PATCH] Align the public site with the PRINTFORGE banner for client demos. Replace orange with cyan/lime/navy, swap the splash for a print animation, make smart-crop optional, and add a prod-safe seed_demo command. Closes #5. Co-authored-by: Cursor --- site/core/management/commands/seed_demo.py | 807 + site/core/tests.py | 54 + site/email_sms/tests.py | 2 +- site/print_forge/static/css/portal.css | 56 +- site/print_forge/static/css/style.css | 33528 +++++++++++++++- .../static/css/theme-overrides.css | 201 +- site/print_forge/static/js/campaign-utm.js | 2 +- site/print_forge/static/js/stl-viewer.js | 2 +- site/print_forge/templates/base.html | 39 +- site/public/email_branding.py | 2 +- site/public/templates/emails/base_email.html | 10 +- .../templates/emails/campaign_complete.html | 4 +- .../templates/emails/contact_email.html | 4 +- .../templates/emails/marketing_email.html | 4 +- site/shop/services.py | 16 +- site/shop/templates/shop/detail.html | 2 +- .../templates/shop/portal/product_edit.html | 9 +- site/shop/tests.py | 42 + site/shop/views.py | 3 + 19 files changed, 34722 insertions(+), 65 deletions(-) create mode 100644 site/core/management/commands/seed_demo.py diff --git a/site/core/management/commands/seed_demo.py b/site/core/management/commands/seed_demo.py new file mode 100644 index 0000000..208ca5d --- /dev/null +++ b/site/core/management/commands/seed_demo.py @@ -0,0 +1,807 @@ +"""Populate a demo catalog, portal lists, and shop traffic for client walkthroughs. + +Safe on DJANGO_ENV=dev and beta only. Never runs against prod. Does not send +mail or call EasyPost/Stripe. Re-runs are idempotent (DEMO- / demo+ keys). +Pass --reset to wipe tagged demo rows and seed again. + + uv run python manage.py seed_demo + docker compose exec web uv run python manage.py seed_demo --reset +""" + +from __future__ import annotations + +import os +import struct +from datetime import timedelta +from decimal import Decimal +from io import BytesIO + +from django.apps import apps +from django.contrib.auth import get_user_model +from django.core.management.base import BaseCommand, CommandError +from django.utils import timezone +from django.utils.text import slugify + +DEMO_NOTE = "[demo-seed]" +DEMO_UTM_CAMPAIGN = "printforge-demo" +DEMO_EMAIL_DOMAIN = "@example.com" +DEMO_EMAIL_PREFIX = "demo+" + + +def _django_env() -> str: + return (os.environ.get("DJANGO_ENV") or "dev").lower() + + +def _parse_hex(value: str) -> tuple[int, int, int]: + raw = (value or "#808080").strip().lstrip("#") + if len(raw) != 6: + return (128, 128, 128) + return int(raw[0:2], 16), int(raw[2:4], 16), int(raw[4:6], 16) + + +def _toy_png(hex_color: str) -> bytes: + """Square RGBA figurine swatch so shop cards look like product photos.""" + from PIL import Image, ImageDraw + + size = 800 + rgb = _parse_hex(hex_color) + img = Image.new("RGBA", (size, size), (0, 0, 0, 0)) + draw = ImageDraw.Draw(img) + fill = (*rgb, 255) + shadow = tuple(max(0, c - 40) for c in rgb) + (255,) + highlight = tuple(min(255, c + 50) for c in rgb) + (220,) + draw.ellipse([250, 620, 550, 740], fill=(15, 20, 28, 40)) + draw.rounded_rectangle([260, 300, 540, 660], radius=48, fill=fill) + draw.rounded_rectangle([280, 320, 400, 640], radius=36, fill=highlight) + draw.ellipse([230, 140, 570, 420], fill=fill) + draw.ellipse([250, 160, 430, 340], fill=highlight) + draw.polygon([(400, 80), (460, 200), (340, 200)], fill=shadow) + draw.ellipse([310, 230, 380, 300], fill=(255, 255, 255, 255)) + draw.ellipse([420, 230, 490, 300], fill=(255, 255, 255, 255)) + draw.ellipse([332, 250, 368, 286], fill=(10, 14, 20, 255)) + draw.ellipse([442, 250, 478, 286], fill=(10, 14, 20, 255)) + buf = BytesIO() + img.save(buf, format="PNG", optimize=True) + return buf.getvalue() + + +def _cube_stl(size: float = 24.0) -> bytes: + """Binary STL of a cube so the shop 3D viewer has something to spin.""" + s = size / 2.0 + faces = ( + ((0, 0, 1), ((-s, -s, s), (s, -s, s), (s, s, s)), ((-s, -s, s), (s, s, s), (-s, s, s))), + ((0, 0, -1), ((-s, -s, -s), (-s, s, -s), (s, s, -s)), ((-s, -s, -s), (s, s, -s), (s, -s, -s))), + ((0, 1, 0), ((-s, s, -s), (-s, s, s), (s, s, s)), ((-s, s, -s), (s, s, s), (s, s, -s))), + ((0, -1, 0), ((-s, -s, -s), (s, -s, -s), (s, -s, s)), ((-s, -s, -s), (s, -s, s), (-s, -s, s))), + ((1, 0, 0), ((s, -s, -s), (s, s, -s), (s, s, s)), ((s, -s, -s), (s, s, s), (s, -s, s))), + ((-1, 0, 0), ((-s, -s, -s), (-s, -s, s), (-s, s, s)), ((-s, -s, -s), (-s, s, s), (-s, s, -s))), + ) + triangles: list[tuple[tuple[float, float, float], tuple[float, float, float], tuple[float, float, float], tuple[float, float, float]]] = [] + for normal, tri_a, tri_b in faces: + triangles.append((normal, tri_a[0], tri_a[1], tri_a[2])) + triangles.append((normal, tri_b[0], tri_b[1], tri_b[2])) + buf = BytesIO() + buf.write(b"PrintForge demo cube".ljust(80, b"\x00")) + buf.write(struct.pack(" None: + model.objects.filter(pk=pk).update(created_at=when, updated_at=when) + + +class Command(BaseCommand): + help = ( + "Seed tagged fake catalog, contacts, leads, orders, campaigns, and " + "analytics for client demos. Allowed on DJANGO_ENV=dev and beta only." + ) + + def add_arguments(self, parser): + parser.add_argument( + "--reset", + action="store_true", + help="Delete previously tagged demo rows, then seed again.", + ) + + def handle(self, *args, **options): + env = _django_env() + if env == "prod": + raise CommandError( + "seed_demo refuses DJANGO_ENV=prod. Run it on dev or beta." + ) + self.verbosity = int(options.get("verbosity", 1)) + self.now = timezone.now() + self.owner = get_user_model().objects.order_by("pk").first() + if options["reset"]: + self._reset() + self.stdout.write("Cleared tagged demo rows.") + counts = { + "contacts": self._seed_contacts(), + "leads": self._seed_leads(), + "analytics": self._seed_analytics(), + } + if apps.is_installed("shop"): + counts["products"] = self._seed_products() + counts["orders"] = self._seed_orders() + if apps.is_installed("shipping"): + counts["shipments"] = self._seed_shipments() + if apps.is_installed("payments"): + counts["invoices"] = self._seed_invoices() + if apps.is_installed("email_sms"): + counts["campaigns"] = self._seed_campaigns() + summary = ", ".join(f"{key}={value}" for key, value in counts.items()) + self.stdout.write(self.style.SUCCESS(f"Demo seed ready on {env} ({summary}).")) + + def _log(self, message: str) -> None: + if self.verbosity >= 2: + self.stdout.write(message) + + def _reset(self) -> None: + from analytics.models import UTMVisit + from contacts.models import Contact + from leads.models import Lead + + if apps.is_installed("shipping"): + from shipping.models import Shipment + + Shipment.objects.filter(order__number__startswith="DEMO-").delete() + if apps.is_installed("shop"): + from core.models import StoredFile + from shop.models import Order, Product, ProductImage + + Order.objects.filter(number__startswith="DEMO-").delete() + products = Product.objects.filter(sku__startswith="DEMO-") + file_ids = list( + ProductImage.objects.filter(product__in=products).values_list( + "file_id", flat=True + ) + ) + extra_ids = list(products.values_list("stl_id", "image_id")) + products.delete() + blob_ids = {pk for pk in file_ids if pk} + for stl_id, image_id in extra_ids: + blob_ids.update(pk for pk in (stl_id, image_id) if pk) + if blob_ids: + StoredFile.objects.filter(pk__in=blob_ids).delete() + if apps.is_installed("payments"): + from payments.models import Invoice + + Invoice.objects.filter(number__startswith="DEMO-").delete() + if apps.is_installed("email_sms"): + from email_sms.models import Campaign + + Campaign.objects.filter(name__startswith="DEMO:").delete() + Lead.objects.filter(message__startswith=DEMO_NOTE).delete() + Contact.objects.filter( + email__startswith=DEMO_EMAIL_PREFIX, + email__endswith=DEMO_EMAIL_DOMAIN, + ).delete() + UTMVisit.objects.filter(utm_campaign=DEMO_UTM_CAMPAIGN).delete() + + def _seed_contacts(self) -> int: + from contacts.consent import set_channel_consent + from contacts.models import Channel, Contact + + people = ( + ( + "maya", + "Maya", + "Chen", + "630-555-0142", + Contact.Source.CONTACT_FORM, + True, + True, + "Naperville", + "Looking for classroom STEM kits.", + ), + ( + "jordan", + "Jordan", + "Walsh", + "630-555-0198", + Contact.Source.MANUAL, + True, + False, + "Aurora", + "Repeat buyer, prefers cyan filament.", + ), + ( + "priya", + "Priya", + "Shah", + "847-555-0110", + Contact.Source.IMPORT, + True, + True, + "Wheaton", + "Wedding favor quote, 40 pieces.", + ), + ( + "evan", + "Evan", + "Brooks", + "312-555-0177", + Contact.Source.NOTIFY_ME, + False, + True, + "Chicago", + "Notify list from the coming-soon page.", + ), + ( + "sam", + "Sam", + "Ortiz", + "630-555-0166", + Contact.Source.CONTACT_FORM, + True, + True, + "Lisle", + "Custom name keychains for a team.", + ), + ( + "riley", + "Riley", + "Nguyen", + "708-555-0133", + Contact.Source.OTHER, + True, + False, + "Downers Grove", + "Asked about made-to-order dragons.", + ), + ( + "alex", + "Alex", + "Patel", + "630-555-0121", + Contact.Source.MANUAL, + False, + False, + "Naperville", + "Opted out of email after one campaign.", + ), + ( + "casey", + "Casey", + "Miller", + "815-555-0188", + Contact.Source.IMPORT, + True, + True, + "Geneva", + "PTA bulk order for a school fair.", + ), + ) + created = 0 + for slug, first, last, phone, source, email_on, sms_on, city, note in people: + email = f"{DEMO_EMAIL_PREFIX}{slug}{DEMO_EMAIL_DOMAIN}" + contact, was_created = Contact.objects.update_or_create( + email=email, + defaults={ + "first_name": first, + "last_name": last, + "phone": phone, + "source": source, + "notes": f"{DEMO_NOTE} {note}", + "postal_address": Contact.make_postal_address( + line1=f"{100 + len(slug) * 17} Demo Ave", + city=city, + state="IL", + zip_code="60540", + ), + }, + ) + set_channel_consent( + contact, Channel.EMAIL, opted_in=email_on, reason="demo_seed" + ) + set_channel_consent( + contact, Channel.SMS, opted_in=sms_on, reason="demo_seed" + ) + if was_created: + created += 1 + self._log(f"contact {contact.email}") + return created + + def _seed_leads(self) -> int: + from analytics.models import Attribution + from contacts.models import Contact + from leads.models import Lead, LeadNote + + specs = ( + ( + "maya", + Lead.Status.NEW, + "Need 12 flexi dragons in school colors by next Friday.", + "instagram", + "social", + 2, + ), + ( + "priya", + Lead.Status.CONTACTED, + "Quoted 40 keychains for wedding favors. Waiting on names.", + "google", + "cpc", + 8, + ), + ( + "casey", + Lead.Status.WON, + "STEM night kits — 30 planters, paid via invoice.", + "google", + "organic", + 18, + ), + ( + "riley", + Lead.Status.LOST, + "Wanted 200 units at $4. Could not hit that price.", + "", + "", + 12, + ), + ) + created = 0 + for slug, status, body, source, medium, days_ago in specs: + email = f"{DEMO_EMAIL_PREFIX}{slug}{DEMO_EMAIL_DOMAIN}" + contact = Contact.objects.filter(email=email).first() + if contact is None: + continue + message = f"{DEMO_NOTE} {body}" + lead, was_created = Lead.objects.get_or_create( + contact=contact, + message=message, + defaults={"status": status, "owner": self.owner}, + ) + if not was_created: + if lead.status != status: + lead.status = status + lead.owner = self.owner + lead.save(update_fields=["status", "owner", "updated_at"]) + else: + created += 1 + LeadNote.objects.create( + lead=lead, + author=self.owner, + body=f"{DEMO_NOTE} Demo walkthrough note.", + ) + when = self.now - timedelta(days=days_ago) + _stamp(Lead, lead.pk, when) + if source: + Attribution.objects.update_or_create( + lead=lead, + defaults={ + "utm_source": source, + "utm_medium": medium, + "utm_campaign": DEMO_UTM_CAMPAIGN, + }, + ) + self._log(f"lead {slug} {status}") + return created + + def _seed_analytics(self) -> int: + from analytics.models import PageView, UTMVisit + + if UTMVisit.objects.filter(utm_campaign=DEMO_UTM_CAMPAIGN).exists(): + return 0 + paths = ( + "/", + "/", + "/", + "/shop/", + "/shop/", + "/shop/demo-flexi-dragon/", + "/shop/demo-rocket/", + "/about/", + "/contact/", + ) + created = 0 + for offset, path in enumerate(paths * 6): + when = self.now - timedelta(hours=4 * offset + 3) + view = PageView.objects.create(path=path) + _stamp(PageView, view.pk, when) + created += 1 + sources = ( + ("google", "cpc", "/shop/"), + ("google", "organic", "/"), + ("instagram", "social", "/shop/demo-flexi-dragon/"), + ("facebook", "social", "/contact/"), + ("direct", "", "/"), + ) + for i, (source, medium, path) in enumerate(sources * 8): + when = self.now - timedelta(hours=6 * i + 2) + visit = UTMVisit.objects.create( + correlation_id=f"demo-{i:03d}", + path=path, + utm_source=source, + utm_medium=medium, + utm_campaign=DEMO_UTM_CAMPAIGN, + user_agent="PrintForge demo seed", + ) + _stamp(UTMVisit, visit.pk, when) + created += 1 + return created + + def _seed_products(self) -> int: + from core.models import StoredFile + from shop.models import Product, ProductColor, ProductImage + from shop.services import refresh_listing_image + + stl_bytes = _cube_stl() + stl, _ = StoredFile.objects.get_or_create( + filename="demo-cube.stl", + kind=StoredFile.Kind.PRODUCT_STL, + defaults={ + "content_type": "model/stl", + "size": len(stl_bytes), + "data": stl_bytes, + }, + ) + catalog = ( + { + "sku": "DEMO-FLEXI-DRAGON", + "name": "Articulated Flexi Dragon", + "price": Decimal("24.00"), + "fulfillment": Product.Fulfillment.STOCKED, + "stock_qty": 0, + "print_minutes": 180, + "filament_grams": 42, + "published": True, + "description": ( + "Print-in-place flexi dragon. No assembly. A desk toy that " + "actually wiggles when you pick it up." + ), + "colors": ( + ("Flame Red", "#c41e3a", 6), + ("Forge Cyan", "#00aeef", 8), + ("Lime", "#8dc63f", 4), + ), + "stl": True, + }, + { + "sku": "DEMO-D20", + "name": "Oversized D20", + "price": Decimal("18.00"), + "fulfillment": Product.Fulfillment.STOCKED, + "stock_qty": 14, + "print_minutes": 90, + "filament_grams": 28, + "published": True, + "description": "Chunky twenty-sided die. Looks great in a dice tray.", + "colors": (("Obsidian", "#1f2937", 9), ("Gold", "#c4a574", 5)), + "stl": True, + }, + { + "sku": "DEMO-ROCKET", + "name": "Desktop Rocket", + "price": Decimal("32.00"), + "fulfillment": Product.Fulfillment.MADE_TO_ORDER, + "stock_qty": 0, + "print_minutes": 210, + "filament_grams": 55, + "published": True, + "description": "Two-color rocket on a stand. Printed to order.", + "colors": (("Navy", "#0a0e14", 0), ("Cyan", "#00aeef", 0)), + "stl": True, + }, + { + "sku": "DEMO-PLANTER", + "name": "Geometric Planter", + "price": Decimal("28.00"), + "fulfillment": Product.Fulfillment.STOCKED, + "stock_qty": 2, + "print_minutes": 240, + "filament_grams": 80, + "published": True, + "description": "Faceted succulent planter. Drainage hole included.", + "colors": (), + "stl": False, + }, + { + "sku": "DEMO-KEYCHAIN", + "name": "Custom Name Keychain", + "price": Decimal("12.00"), + "fulfillment": Product.Fulfillment.MADE_TO_ORDER, + "stock_qty": 0, + "print_minutes": 35, + "filament_grams": 8, + "published": True, + "description": "Tell us the name. We print it on a split ring loop.", + "colors": (("Cyan", "#00aeef", 0), ("Lime", "#8dc63f", 0)), + "stl": False, + }, + { + "sku": "DEMO-PROTO", + "name": "Prototype Mech (coming soon)", + "price": Decimal("45.00"), + "fulfillment": Product.Fulfillment.MADE_TO_ORDER, + "stock_qty": 0, + "print_minutes": 400, + "filament_grams": 120, + "published": False, + "description": "Unpublished prototype so the portal list is not empty of drafts.", + "colors": (), + "stl": False, + }, + ) + created = 0 + for spec in catalog: + product, was_created = Product.objects.update_or_create( + sku=spec["sku"], + defaults={ + "name": spec["name"], + "slug": spec["sku"].lower(), + "description": spec["description"], + "price": spec["price"], + "currency": "usd", + "fulfillment": spec["fulfillment"], + "stock_qty": spec["stock_qty"], + "print_minutes": spec["print_minutes"], + "filament_grams": spec["filament_grams"], + "is_published": spec["published"], + "track_inventory": True, + "stl": stl if spec["stl"] else None, + }, + ) + if was_created: + created += 1 + if spec["colors"] and not product.colors.exists(): + for index, (name, hex_color, qty) in enumerate(spec["colors"]): + ProductColor.objects.create( + product=product, + name=name, + hex=hex_color, + stock_qty=qty, + sort_order=index, + ) + if not product.images.exists(): + hex_color = spec["colors"][0][1] if spec["colors"] else "#00aeef" + png = _toy_png(hex_color) + stored = StoredFile.objects.create( + kind=StoredFile.Kind.PRODUCT_IMAGE, + filename=f"{spec['sku'].lower()}.png", + content_type="image/png", + size=len(png), + data=png, + ) + ProductImage.objects.create(product=product, file=stored, sort_order=0) + for index, color in enumerate(product.colors.all(), start=1): + color_png = _toy_png(color.hex) + color_file = StoredFile.objects.create( + kind=StoredFile.Kind.PRODUCT_IMAGE, + filename=f"{spec['sku'].lower()}-{slugify(color.name)}.png", + content_type="image/png", + size=len(color_png), + data=color_png, + ) + ProductImage.objects.create( + product=product, + color=color, + file=color_file, + sort_order=index, + ) + refresh_listing_image(product) + self._log(f"product {product.sku}") + return created + + def _seed_orders(self) -> int: + from contacts.models import Contact + from shop.models import Order, OrderItem, Product + + dragon = Product.objects.filter(sku="DEMO-FLEXI-DRAGON").first() + d20 = Product.objects.filter(sku="DEMO-D20").first() + rocket = Product.objects.filter(sku="DEMO-ROCKET").first() + planter = Product.objects.filter(sku="DEMO-PLANTER").first() + if not all([dragon, d20, rocket, planter]): + return 0 + dragon_cyan = dragon.colors.filter(name="Forge Cyan").first() + specs = ( + ( + "DEMO-ORD-001", + "jordan", + Order.Status.PAID, + ((dragon, dragon_cyan, 1),), + 3, + ), + ( + "DEMO-ORD-002", + "casey", + Order.Status.FULFILLED, + ((planter, None, 2), (d20, None, 1)), + 11, + ), + ( + "DEMO-ORD-003", + "sam", + Order.Status.PAID, + ((d20, None, 2),), + 1, + ), + ( + "DEMO-ORD-004", + "riley", + Order.Status.OPEN, + ((rocket, None, 1),), + 0, + ), + ( + "DEMO-ORD-005", + "alex", + Order.Status.CANCELLED, + ((dragon, None, 1),), + 16, + ), + ) + created = 0 + for number, slug, status, lines, days_ago in specs: + contact = Contact.objects.filter( + email=f"{DEMO_EMAIL_PREFIX}{slug}{DEMO_EMAIL_DOMAIN}" + ).first() + if contact is None: + continue + amount = sum( + (product.price * qty for product, _color, qty in lines), + Decimal("0.00"), + ) + paid = status in {Order.Status.PAID, Order.Status.FULFILLED} + when = self.now - timedelta(days=days_ago, hours=5) + order, was_created = Order.objects.update_or_create( + number=number, + defaults={ + "email": contact.email, + "customer_name": contact.full_name, + "status": status, + "amount": amount, + "currency": "usd", + "paid_at": when if paid else None, + "shipping_address": contact.postal_address, + "notes": f"{DEMO_NOTE} Demo order.", + }, + ) + if was_created: + created += 1 + if not order.items.exists(): + for product, color, qty in lines: + OrderItem.objects.create( + order=order, + product=product, + color=color, + name=product.name, + sku=product.sku, + color_name=color.name if color else "", + quantity=qty, + unit_price=product.price, + print_minutes=product.print_minutes, + ) + _stamp(Order, order.pk, when) + self._log(f"order {order.number} {status}") + return created + + def _seed_shipments(self) -> int: + from shipping.models import Shipment + from shop.models import Order + + order = Order.objects.filter(number="DEMO-ORD-002").first() + if order is None: + return 0 + shipment, created = Shipment.objects.get_or_create( + order=order, + defaults={ + "status": Shipment.Status.LABELED, + "carrier": "USPS", + "service": "Priority", + "tracking_number": "940011189922DEMO02", + "rate_amount": Decimal("8.45"), + "currency": "usd", + "weight_oz": 18, + "notes": f"{DEMO_NOTE} Stub label. No EasyPost call.", + }, + ) + if created: + self._log(f"shipment {shipment.tracking_number}") + return 1 + return 0 + + def _seed_invoices(self) -> int: + from contacts.models import Contact + from payments.models import Invoice + + specs = ( + ( + "DEMO-INV-001", + "casey", + Invoice.Status.PAID, + Decimal("210.00"), + "STEM night planter kits (30)", + 14, + ), + ( + "DEMO-INV-002", + "priya", + Invoice.Status.OPEN, + Decimal("480.00"), + "Wedding favor keychains (40) — deposit due", + 4, + ), + ) + created = 0 + for number, slug, status, amount, description, days_ago in specs: + contact = Contact.objects.filter( + email=f"{DEMO_EMAIL_PREFIX}{slug}{DEMO_EMAIL_DOMAIN}" + ).first() + if contact is None: + continue + when = self.now - timedelta(days=days_ago) + paid = status == Invoice.Status.PAID + invoice, was_created = Invoice.objects.update_or_create( + number=number, + defaults={ + "contact": contact, + "description": description, + "amount": amount, + "currency": "usd", + "status": status, + "paid_at": when if paid else None, + "created_by": self.owner, + "notes": f"{DEMO_NOTE} Demo invoice. No Stripe session.", + }, + ) + if was_created: + created += 1 + _stamp(Invoice, invoice.pk, when) + self._log(f"invoice {invoice.number} {status}") + return created + + def _seed_campaigns(self) -> int: + from email_sms.models import Campaign, Message + from email_sms.services import create_campaign_draft + + created = 0 + draft_name = "DEMO: New filament colors" + if not Campaign.objects.filter(name=draft_name).exists(): + create_campaign_draft( + name=draft_name, + audience=Campaign.Audience.EMAIL_OPT_IN, + subject="Cyan and lime just landed", + body=( + "

We restocked Forge Cyan and Lime flexi dragons. " + "Shop the drop before they print out.

" + ), + created_by=self.owner, + ) + created += 1 + done_name = "DEMO: STEM night recap" + if not Campaign.objects.filter(name=done_name).exists(): + campaign = create_campaign_draft( + name=done_name, + audience=Campaign.Audience.EMAIL_OPT_IN, + subject="Thanks for coming to STEM night", + body="

Your geometric planters are packed. Tracking goes out tomorrow.

", + created_by=self.owner, + ) + campaign.status = Campaign.Status.COMPLETED + campaign.notify_sent_at = self.now - timedelta(days=9) + campaign.save(update_fields=["status", "notify_sent_at", "updated_at"]) + messages = list(campaign.messages.all()) + for index, message in enumerate(messages): + message.status = ( + Message.Status.OPENED + if index % 3 == 0 + else Message.Status.DELIVERED + ) + message.sent_at = self.now - timedelta(days=10) + message.save(update_fields=["status", "sent_at", "updated_at"]) + created += 1 + self._log(f"campaign {done_name} completed") + sms_name = "DEMO: Print-ready SMS" + if not Campaign.objects.filter(name=sms_name).exists(): + create_campaign_draft( + name=sms_name, + audience=Campaign.Audience.SMS_OPT_IN, + body="Your Print Forge order is on the bed. We will text when it ships.", + created_by=self.owner, + ) + created += 1 + return created diff --git a/site/core/tests.py b/site/core/tests.py index bd5c606..d0c012d 100644 --- a/site/core/tests.py +++ b/site/core/tests.py @@ -1,4 +1,6 @@ +import os from io import StringIO +from unittest.mock import patch from django.core.management import call_command from django.test import Client, TestCase, override_settings @@ -23,6 +25,9 @@ class UnderConstructionTests(TestCase): def test_home_ok_when_open(self): response = Client().get("/") self.assertEqual(response.status_code, 200) + self.assertContains(response, "pf-print-splash") + self.assertContains(response, "pf-printer") + self.assertNotContains(response, "cssload-container") class PublicSmokeTests(TestCase): @@ -37,3 +42,52 @@ class DispatchDueTests(TestCase): out = StringIO() call_command("dispatch_due", stdout=out) self.assertEqual(out.getvalue(), "") + + +class SeedDemoTests(TestCase): + def test_refuses_prod(self): + from django.core.management.base import CommandError + + with patch.dict(os.environ, {"DJANGO_ENV": "prod"}): + with self.assertRaises(CommandError) as ctx: + call_command("seed_demo", stdout=StringIO()) + self.assertIn("prod", str(ctx.exception).lower()) + + def test_seeds_shop_and_portal_rows(self): + out = StringIO() + call_command("seed_demo", stdout=out) + self.assertIn("Demo seed ready", out.getvalue()) + from contacts.models import Contact + from leads.models import Lead + from shop.models import Order, Product + + self.assertTrue(Product.objects.filter(sku="DEMO-FLEXI-DRAGON").exists()) + self.assertTrue(Product.objects.filter(sku="DEMO-PROTO", is_published=False).exists()) + self.assertGreaterEqual(Contact.objects.filter(email__startswith="demo+").count(), 8) + self.assertTrue(Lead.objects.filter(message__startswith="[demo-seed]").exists()) + self.assertTrue(Order.objects.filter(number="DEMO-ORD-001", status="paid").exists()) + listing = Client().get(reverse("shop:list")) + self.assertContains(listing, "Articulated Flexi Dragon") + + def test_second_run_is_idempotent(self): + call_command("seed_demo", stdout=StringIO()) + from shop.models import Product + + count = Product.objects.filter(sku__startswith="DEMO-").count() + call_command("seed_demo", stdout=StringIO()) + self.assertEqual(Product.objects.filter(sku__startswith="DEMO-").count(), count) + + def test_reset_rebuilds_tagged_rows(self): + call_command("seed_demo", stdout=StringIO()) + from shop.models import Product + + Product.objects.filter(sku="DEMO-FLEXI-DRAGON").delete() + call_command("seed_demo", reset=True, stdout=StringIO()) + self.assertTrue(Product.objects.filter(sku="DEMO-FLEXI-DRAGON").exists()) + + @patch.dict(os.environ, {"DJANGO_ENV": "beta"}) + def test_allows_beta(self): + call_command("seed_demo", stdout=StringIO()) + from shop.models import Product + + self.assertTrue(Product.objects.filter(sku__startswith="DEMO-").exists()) diff --git a/site/email_sms/tests.py b/site/email_sms/tests.py index e24012d..82c24af 100644 --- a/site/email_sms/tests.py +++ b/site/email_sms/tests.py @@ -336,7 +336,7 @@ class CampaignSendTests(TestCase): self.assertEqual(summary.to, [self.user.email]) self.assertTrue(mail.outbox[0].alternatives) self.assertEqual(mail.outbox[0].alternatives[0][1], "text/html") - self.assertIn("#00626c", mail.outbox[0].alternatives[0][0]) + self.assertIn("#00aeef", mail.outbox[0].alternatives[0][0]) self.assertTrue(summary.alternatives) diff --git a/site/print_forge/static/css/portal.css b/site/print_forge/static/css/portal.css index 521bc86..d575aa5 100644 --- a/site/print_forge/static/css/portal.css +++ b/site/print_forge/static/css/portal.css @@ -1,17 +1,17 @@ :root { - --monica-primary: #00626c; - --monica-primary-light: #008898; + --monica-primary: #00aeef; + --monica-primary-light: #33c4f4; --monica-ink: #212121; --monica-muted: #6b7280; - --monica-surface: #f4f7f7; - --monica-border: #d9e3e4; + --monica-surface: #f4f8fb; + --monica-border: #d5e3ea; --monica-ok: #1a7f4b; --monica-warn: #b45309; --monica-danger: #b91c1c; --portal-sidebar: 240px; - --exit-dark: #080808; - --exit-teal: #00626c; - --exit-teal-bright: #008898; + --exit-dark: #0a0e14; + --exit-teal: #00aeef; + --exit-teal-bright: #8dc63f; } /* Portal shell */ @@ -24,7 +24,7 @@ body.portal { .portal-shell { display: flex; min-height: 100vh; } .portal-sidebar { width: var(--portal-sidebar); - background: #080808; + background: #0a0e14; color: #cbd5e1; flex-shrink: 0; display: flex; @@ -47,7 +47,7 @@ body.portal { width: auto; display: block; } -.portal-brand span { color: #7dd3da; font-size: 12px; letter-spacing: 0.04em; } +.portal-brand span { color: #8dc63f; font-size: 12px; letter-spacing: 0.04em; } .portal-nav { padding: 12px 0; flex: 1; } .portal-nav a { display: block; @@ -58,7 +58,7 @@ body.portal { border-left: 3px solid transparent; } .portal-nav a:hover { color: #fff; background: rgba(255,255,255,0.04); } -.portal-nav a.active { color: #fff; background: rgba(0,98,108,0.28); border-left-color: #00a0ab; } +.portal-nav a.active { color: #fff; background: rgba(0,174,239,0.22); border-left-color: #8dc63f; } .portal-nav .nav-section { font-size: 10px; text-transform: uppercase; @@ -135,7 +135,7 @@ body.portal { font-family: "Work Sans", sans-serif; } .btn-primary { background: var(--monica-primary); color: #fff; } -.btn-primary:hover { background: #004e56; color: #fff; text-decoration: none; } +.btn-primary:hover { background: #0072bc; color: #fff; text-decoration: none; } .btn-ghost { background: transparent; border: 1px solid var(--monica-border); color: var(--monica-ink); } .btn-sm { padding: 6px 12px; font-size: 12px; } @@ -163,11 +163,11 @@ body.portal { text-transform: uppercase; letter-spacing: 0.04em; } -.badge-new { background: #d0eef0; color: #00626c; } +.badge-new { background: #d6f3fc; color: #00aeef; } .badge-contacted { background: #fef3c7; color: #92400e; } .badge-won { background: #d1fae5; color: #065f46; } .badge-lost { background: #fee2e2; color: #991b1b; } -.badge-sent { background: #d0eef0; color: #00626c; } +.badge-sent { background: #d6f3fc; color: #00aeef; } .badge-scheduled { background: #ede9fe; color: #5b21b6; } .badge-delivered { background: #d1fae5; color: #065f46; } .badge-opened { background: #dbeafe; color: #1e40af; } @@ -178,11 +178,11 @@ body.portal { .badge-draft { background: #f3f4f6; color: #4b5563; } .badge-completed { background: #d1fae5; color: #065f46; } .badge-cancelled { background: #f3f4f6; color: #4b5563; } -.badge-sending { background: #d0eef0; color: #00626c; } +.badge-sending { background: #d6f3fc; color: #00aeef; } .badge-queued { background: #ede9fe; color: #5b21b6; } .badge-bounced { background: #fee2e2; color: #991b1b; } .badge-published { background: #d1fae5; color: #065f46; } -.badge-publishing { background: #d0eef0; color: #00626c; } +.badge-publishing { background: #d6f3fc; color: #00aeef; } .form-grid { display: grid; gap: 16px; } .form-grid.cols-2 { grid-template-columns: 1fr 1fr; } @@ -213,7 +213,7 @@ body.portal { .chart-placeholder { height: 220px; - background: linear-gradient(180deg, #e8f4f5 0%, #fff 100%); + background: linear-gradient(180deg, #e6f7fd 0%, #fff 100%); border: 1px dashed #a8d8dc; display: flex; align-items: flex-end; @@ -306,7 +306,7 @@ body.portal { } .hbar-track { height: 16px; - background: #e8f4f5; + background: #e6f7fd; overflow: hidden; } .hbar-fill { @@ -344,7 +344,7 @@ body.portal { padding: 6px; position: relative; } -.calendar-grid .day.has-post { background: #e8f4f5; } +.calendar-grid .day.has-post { background: #e6f7fd; } .calendar-grid .day .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--monica-primary); @@ -356,7 +356,7 @@ body.portal { display: flex; align-items: center; justify-content: center; - background: linear-gradient(160deg, #080808, #00626c 60%, #e8f4f5 60%); + background: linear-gradient(160deg, #0a0e14, #00aeef 55%, #8dc63f 60%, #e6f7fd 60%); padding: 24px; } .login-card { @@ -376,7 +376,7 @@ body.portal { .portal-nav { display: flex; flex-wrap: wrap; padding: 8px; } .portal-nav .nav-section { display: none; } .portal-nav a { border-left: none; border-bottom: 2px solid transparent; padding: 8px 12px; } - .portal-nav a.active { border-bottom-color: #00a0ab; } + .portal-nav a.active { border-bottom-color: #8dc63f; } .split { grid-template-columns: 1fr; } } @@ -399,7 +399,7 @@ body.portal { font-weight: 700; font-size: 13px; letter-spacing: 0.04em; - color: #00626c; + color: #00aeef; text-decoration: none; line-height: 1.2; } @@ -546,7 +546,7 @@ body.portal { background: #fff; } .pcm-designer .table tr.is-active td { - background: #e8f4f5; + background: #e6f7fd; } /* Size picker */ @@ -557,7 +557,7 @@ body.portal { } .size-option:hover { border-color: var(--monica-primary); } .size-option.active { - border-color: var(--monica-primary); background: #e8f4f5; + border-color: var(--monica-primary); background: #e6f7fd; box-shadow: inset 3px 0 0 var(--monica-primary); } .size-option .sz-name { font-weight: 700; font-size: 13px; font-family: Poppins, sans-serif; } @@ -603,7 +603,7 @@ body.portal { .ai-chat-h h2 { margin: 0; font-size: 15px; font-family: Poppins, sans-serif; font-weight: 600; } .ai-pill { font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; - background: #e8f4f5; color: var(--monica-primary); padding: 3px 8px; + background: #e6f7fd; color: var(--monica-primary); padding: 3px 8px; } .ai-chat-messages { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 12px; @@ -671,14 +671,14 @@ body.portal { } .postcard-headline { font-family: Poppins, sans-serif; font-weight: 700; font-size: 28px; letter-spacing: 0.04em; - border-left: 4px solid #00626c; padding-left: 10px; line-height: 1.1; + border-left: 4px solid #00aeef; padding-left: 10px; line-height: 1.1; } .postcard-sub { margin-top: 8px; font-size: 14px; opacity: 0.95; } .postcard-back { background: #fafafa; color: #212121; } .postcard-back-grid { display: grid; grid-template-columns: 1.2fr 1fr; height: 100%; } .postcard-back-msg { padding: 16px; display: flex; flex-direction: column; gap: 10px; border-right: 1px dashed #cbd5e1; } .postcard-back-body { font-size: 12px; white-space: pre-wrap; flex: 1; line-height: 1.45; } -.postcard-agent { font-size: 11px; font-weight: 600; color: #00626c; } +.postcard-agent { font-size: 11px; font-weight: 600; color: #00aeef; } .postcard-qr { width: 48px; height: 48px; background: #111; color: #fff; font-size: 10px; display: flex; align-items: center; justify-content: center; letter-spacing: 0.05em; @@ -709,7 +709,7 @@ body.portal { display: flex; align-items: center; gap: 10px; padding: 12px 14px; position: relative; } .soc-avatar { - width: 40px; height: 40px; background: #00626c; color: #fff; display: flex; + width: 40px; height: 40px; background: #00aeef; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; flex-shrink: 0; } .soc-avatar.round { border-radius: 50%; background: linear-gradient(45deg, #f58529, #dd2a7b); } @@ -737,7 +737,7 @@ body.portal { } .portal-flash { list-style: none; margin: 0 0 16px; padding: 0; } .portal-flash li { - padding: 10px 14px; background: #e8f4f5; border-left: 3px solid var(--monica-primary); + padding: 10px 14px; background: #e6f7fd; border-left: 3px solid var(--monica-primary); margin-bottom: 8px; font-size: 14px; } .portal-flash li.error { background: #fee2e2; border-left-color: #b91c1c; } diff --git a/site/print_forge/static/css/style.css b/site/print_forge/static/css/style.css index 1ca7d19..c45d858 100644 --- a/site/print_forge/static/css/style.css +++ b/site/print_forge/static/css/style.css @@ -1 +1,33527 @@ -@charset "UTF-8"; /*! * Bootstrap v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: 300; line-height: 1.575; color: #808081; text-align: left; background-color: #ffffff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: inherit; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #ff6252; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #ff1d06; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: "Playfair Display", serif; font-weight: 300; line-height: 1.1; color: #151515; } h1, .h1 { font-size: 67px; } h2, .h2 { font-size: 45px; } h3, .h3 { font-size: 26px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 18px; } h6, .h6 { font-size: 16px; } .lead { font-size: 20px; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #f2f8ff; } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 5px 10px; background-color: #ff6252; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 5px; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 90%; color: #111111; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 90%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1200px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } @media (min-width: 1600px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xxl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xxl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xxl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xxl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xxl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-last { order: 13; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333%; } .offset-xxl-2 { margin-left: 16.66667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333%; } .offset-xxl-5 { margin-left: 41.66667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333%; } .offset-xxl-8 { margin-left: 66.66667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333%; } .offset-xxl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table .table { background-color: #ffffff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } @media (max-width: 1599.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xxl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 18px; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 12px; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 12px; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 18px; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #98bf44; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 2px 10px; margin-top: .1rem; font-size: 0.875rem; line-height: 1.575; color: #212529; background-color: #98bf44; border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #98bf44; padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right calc(2.25rem / 4); background-size: calc(2.25rem / 2) calc(2.25rem / 2); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #98bf44; box-shadow: 0 0 0 0.2rem rgba(152, 191, 68, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: 2.25rem; background-position: top calc(2.25rem / 4) right calc(2.25rem / 4); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #98bf44; padding-right: 2.25rem; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") no-repeat center right 2.025rem/calc(2.25rem / 2) calc(2.25rem / 2); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #98bf44; box-shadow: 0 0 0 0.2rem rgba(152, 191, 68, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #98bf44; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #98bf44; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #cce0a3; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #adcc6a; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(152, 191, 68, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #98bf44; } .was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(152, 191, 68, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #f5543f; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 2px 10px; margin-top: .1rem; font-size: 0.875rem; line-height: 1.575; color: #fff; background-color: #f5543f; border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #f5543f; padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right calc(2.25rem / 4); background-size: calc(2.25rem / 2) calc(2.25rem / 2); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #f5543f; box-shadow: 0 0 0 0.2rem rgba(245, 84, 63, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: 2.25rem; background-position: top calc(2.25rem / 4) right calc(2.25rem / 4); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #f5543f; padding-right: 2.25rem; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") no-repeat center right 2.025rem/calc(2.25rem / 2) calc(2.25rem / 2); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #f5543f; box-shadow: 0 0 0 0.2rem rgba(245, 84, 63, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #f5543f; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #f5543f; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #fbc0b8; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #f87f6f; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(245, 84, 63, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #f5543f; } .was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(245, 84, 63, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 700; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0; } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-link { font-weight: 400; color: #ff6252; background-color: transparent; } .btn-link:hover { color: #ff1d06; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #808081; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 18px; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 12px; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #808081; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-right { right: 0; left: auto; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 12px; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .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-left: -1px; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .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(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 18px; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 12px; line-height: 1.5; border-radius: 0.2rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.575rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; } .custom-control-label::before { position: absolute; top: 0.2875rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; user-select: none; background-color: #dee2e6; } .custom-control-label::after { position: absolute; top: 0.2875rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input:focus ~ .custom-file-label::after { border-color: #80bdff; } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 2.25rem; padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (max-width: 1599.98px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1600px) { .navbar-expand-xxl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0; } .page-link { position: relative; display: block; padding: 5px 5px; margin-left: 0; line-height: 20px; color: #151515; background-color: transparent; border: 0 solid transparent; } .page-link:hover { z-index: 2; color: #ff6252; text-decoration: none; background-color: transparent; border-color: transparent; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .page-item.active .page-link { z-index: 1; color: #ff6252; background-color: transparent; border-color: transparent; } .page-item.disabled .page-link { color: rgba(21, 21, 21, 0.8); pointer-events: none; cursor: auto; background-color: transparent; border-color: transparent; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 18px; line-height: 1.83333; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 12px; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { 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); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:not(:disabled):not(.disabled) { cursor: pointer; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { color: #000; text-decoration: none; opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: translate(0, 0); } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-dialog-centered::before { display: block; height: calc(100vh - (0.5rem * 2)); content: ""; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.575; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 1; } .tooltip .arrow { position: absolute; display: block; width: 12px; height: 6px; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 6px 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 6px 6px 0; border-top-color: #151515; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 6px; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 6px; height: 12px; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 6px 6px 6px 0; border-right-color: #151515; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 6px 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 6px 6px; border-bottom-color: #151515; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 6px; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 6px; height: 12px; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 6px 0 6px 6px; border-left-color: #151515; } .tooltip-inner { max-width: 200px; padding: 2px 10px; color: #ffffff; text-align: center; background-color: #151515; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.575; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.5rem 0.5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: 0.5rem 0.5rem 0.5rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.5rem 0.5rem 0.5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: 0.5rem 0 0.5rem 0.5rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; align-items: center; width: 100%; backface-visibility: hidden; perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; transition: transform 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item.active, .carousel-item-next, .carousel-item-prev { transition: none; } } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { transform: translateX(100%); } @supports (transform-style: preserve-3d) { .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { transform: translateX(-100%); } @supports (transform-style: preserve-3d) { .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translate3d(0, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; opacity: .5; transition: opacity 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-white { background-color: #ffffff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-white { border-color: #ffffff !important; } .rounded { border-radius: 0 !important; } .rounded-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-bottom { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1600px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1600px) { .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1600px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1600px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } .text-monospace { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1600px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #ffffff !important; } .text-body { color: #808081 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #9b9b9b; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #ffffff !important; } .table-bordered th, .table-bordered td { border: 1px solid #c8c8c8 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /** @group Base */ /** @section Reset Styles*/ a:focus, button:focus { outline: none !important; } button::-moz-focus-inner { border: 0; } *:focus { outline: none; } blockquote { padding: 0; margin: 0; } input, button, select, textarea { outline: none; } label { margin-bottom: 0; } p { margin: 0; } ul, ol { list-style: none; padding: 0; margin: 0; } ul li, ol li { display: block; } dl { margin: 0; } dt, dd { line-height: inherit; } dt { font-weight: inherit; } dd { margin-bottom: 0; } cite { font-style: normal; } form { margin-bottom: 0; } blockquote { padding-left: 0; border-left: 0; } address { margin-top: 0; margin-bottom: 0; } figure { margin-bottom: 0; } html p a:hover { text-decoration: none; } /** @section Context Styles */ .context-dark, .bg-gray-700, .bg-gray-800, .bg-gray-5, .bg-gray-13, .bg-gray-14, .bg-gray-17, .bg-gray-19, .bg-gray-21, .bg-primary, .bg-secondary, .bg-gradient-1 { color: rgba(255, 255, 255, 0.8); } .context-dark h1, .bg-gray-700 h1, .bg-gray-800 h1, .bg-gray-5 h1, .bg-gray-13 h1, .bg-gray-14 h1, .bg-gray-17 h1, .bg-gray-19 h1, .bg-gray-21 h1, .bg-primary h1, .bg-secondary h1, .bg-gradient-1 h1, .context-dark h2, .bg-gray-700 h2, .bg-gray-800 h2, .bg-gray-5 h2, .bg-gray-13 h2, .bg-gray-14 h2, .bg-gray-17 h2, .bg-gray-19 h2, .bg-gray-21 h2, .bg-primary h2, .bg-secondary h2, .bg-gradient-1 h2, .context-dark h3, .bg-gray-700 h3, .bg-gray-800 h3, .bg-gray-5 h3, .bg-gray-13 h3, .bg-gray-14 h3, .bg-gray-17 h3, .bg-gray-19 h3, .bg-gray-21 h3, .bg-primary h3, .bg-secondary h3, .bg-gradient-1 h3, .context-dark h4, .bg-gray-700 h4, .bg-gray-800 h4, .bg-gray-5 h4, .bg-gray-13 h4, .bg-gray-14 h4, .bg-gray-17 h4, .bg-gray-19 h4, .bg-gray-21 h4, .bg-primary h4, .bg-secondary h4, .bg-gradient-1 h4, .context-dark h5, .bg-gray-700 h5, .bg-gray-800 h5, .bg-gray-5 h5, .bg-gray-13 h5, .bg-gray-14 h5, .bg-gray-17 h5, .bg-gray-19 h5, .bg-gray-21 h5, .bg-primary h5, .bg-secondary h5, .bg-gradient-1 h5, .context-dark h6, .bg-gray-700 h6, .bg-gray-800 h6, .bg-gray-5 h6, .bg-gray-13 h6, .bg-gray-14 h6, .bg-gray-17 h6, .bg-gray-19 h6, .bg-gray-21 h6, .bg-primary h6, .bg-secondary h6, .bg-gradient-1 h6, .context-dark [class^='heading-'], .bg-gray-700 [class^='heading-'], .bg-gray-800 [class^='heading-'], .bg-gray-5 [class^='heading-'], .bg-gray-13 [class^='heading-'], .bg-gray-14 [class^='heading-'], .bg-gray-17 [class^='heading-'], .bg-gray-19 [class^='heading-'], .bg-gray-21 [class^='heading-'], .bg-primary [class^='heading-'], .bg-secondary [class^='heading-'], .bg-gradient-1 [class^='heading-'] { color: #ffffff; } /** @section Page layout */ .page { position: relative; overflow: hidden; min-height: 100vh; opacity: 0; } .page.fadeIn { animation-timing-function: ease-out; } .page.fadeOut { animation-timing-function: ease-in; } [data-x-mode] .page { opacity: 1; } html.boxed body { background: #f5f5f5 url(../images/bg-pattern-boxed.png) repeat fixed; } @media (min-width: 1630px) { html.boxed .page { max-width: 1600px; margin-left: auto; margin-right: auto; box-shadow: 0 0 23px 0 rgba(1, 1, 1, 0.1); } html.boxed .rd-navbar-static { max-width: 1600px; margin-left: auto; margin-right: auto; } html.boxed .rd-navbar-static.rd-navbar--is-stuck { max-width: 1600px; width: 100%; left: calc(50% - 1600px); right: calc(50% - 1600px); } } /** @section Offsets */ * + p { margin-top: 15px; } * + img { margin-top: 20px; } h1 + p { margin-top: 15px; } h2 + p { margin-top: 10px; } h3 + p { margin-top: 10px; } h4 + p { margin-top: 10px; } h5 + p { margin-top: 10px; } h6 + p { margin-top: 10px; } p + h2, p + .heading-2 { margin-top: 15px; } p + p { margin-top: 12px; } img + p { margin-top: 15px; } h3 + img { margin-top: 42px; } h3 + h3 { margin-top: 10px; } h2 + h4 { margin-top: 10px; } h2 + h5 { margin-top: 20px; } @media (min-width: 992px) { h2 + h5 { margin-top: 34px; } } * + .row { margin-top: 30px; } * + .big { margin-top: 20px; } * + .text-block { margin-top: 20px; } * + .button { margin-top: 20px; } * + .rd-form { margin-top: 20px; } * + .owl-carousel { margin-top: 30px; } * + .offset-top-5 { margin-top: 30px; } * + .offset-top-6 { margin-top: 30px; } @media (min-width: 768px) { * + .offset-top-6 { margin-top: 0; } } * + .offset-top-7 { margin-top: 10px; } .container + .container { margin-top: 40px; } .row + .row { margin-top: 40px; } .row + .button { margin-top: 30px; } .section + .section-offset-1 { padding-top: 0; } @media (min-width: 768px) { h2 + h4 { margin-top: 30px; } * + img { margin-top: 30px; } h1 + p { margin-top: 25px; } h2 + p { margin-top: 20px; } h3 + p { margin-top: 20px; } h4 + p { margin-top: 20px; } h5 + p { margin-top: 20px; } h6 + p { margin-top: 16px; } h6 + .rd-form { margin-top: 30px; } * + .row-lg { margin-top: 50px; } * + .row-xl { margin-top: 50px; } * + .button { margin-top: 30px; } * + .rd-form { margin-top: 30px; } * + .owl-carousel { margin-top: 50px; } .row + .row { margin-top: 50px; } .row + .button { margin-top: 50px; } } @media (min-width: 992px) { h2 + h4 { margin-top: 40px; } h1 + p { margin-top: 35px; } h2 + p { margin-top: 20px; } h3 + p { margin-top: 30px; } h4 + p { margin-top: 30px; } h5 + p { margin-top: 30px; } h6 + p { margin-top: 22px; } * + .row-sm { margin-top: 40px; } * + .row-md { margin-top: 50px; } * + .row-lg { margin-top: 60px; } * + .row-xl { margin-top: 70px; } * + .text-block { margin-top: 30px; } * + .big { margin-top: 30px; } * + .button { margin-top: 40px; } * + .owl-carousel { margin-top: 70px; } .row + .button { margin-top: 70px; } .section + .section-offset-1 { padding-top: 120px; } } @media (min-width: 1200px) { h4 + .rd-form { margin-top: 40px; } * + .rd-form { margin-top: 50px; } * + .offset-top-1 { margin-top: 40px; } * + .offset-top-3 { margin-top: 60px; } * + .owl-carousel { margin-top: 90px; } .container + .container { margin-top: 60px; } .row + .row { margin-top: 60px; } .row + .button { margin-top: 90px; } .row + .offset-top-2 { margin-top: 70px; } } @media (min-width: 1600px) { * + .offset-top-4 { margin-top: 95px; } .section + .section-offset-1 { padding-top: 58px; } } /** @group Utilities */ /** @section Text styling */ .text-italic { font-style: italic; } .text-normal { font-style: normal; } .text-transform-none { text-transform: none; } .text-underline { text-decoration: underline; } .text-strike { text-decoration: line-through; } .font-weight-thin { font-weight: 100; } .font-weight-light { font-weight: 300; } .font-weight-regular { font-weight: 400; } .font-weight-medium { font-weight: 500; } .font-weight-sbold { font-weight: 600; } .font-weight-bold { font-weight: 700; } .font-weight-ubold { font-weight: 900; } .text-spacing-0 { letter-spacing: 0; } .text-spacing-75 { letter-spacing: .075em; } .text-spacing-100 { letter-spacing: .1em; } .text-primary { color: #ff6252; } .text-white { color: #ffffff; } .text-gray-800 { color: #151515; } .text-gradient-1 { background: linear-gradient(-90deg, #ff6252, #ffde6c); -webkit-text-fill-color: transparent; -webkit-background-clip: text; } .ie-10 .text-gradient-1, .ie-11 .text-gradient-1, .ie-edge .text-gradient-1 { color: #ff6252; background: none; } .text-1 { line-height: 1.2; letter-spacing: .05em; color: #151515; } @media (min-width: 768px) { .text-1 { font-size: 16px; } } @media (min-width: 992px) { .text-1 { font-size: 18px; } } @media (min-width: 1200px) { .text-1 { font-size: 20px; } } /** @section Row spacing */ .row-0 { margin-bottom: 0px; } .row-0:empty { margin-bottom: 0; } .row-0 > * { margin-bottom: 0px; } .row-8 { margin-bottom: -8px; } .row-8:empty { margin-bottom: 0; } .row-8 > * { margin-bottom: 8px; } .row-10 { margin-bottom: -10px; } .row-10:empty { margin-bottom: 0; } .row-10 > * { margin-bottom: 10px; } .row-15 { margin-bottom: -15px; } .row-15:empty { margin-bottom: 0; } .row-15 > * { margin-bottom: 15px; } .row-20 { margin-bottom: -20px; } .row-20:empty { margin-bottom: 0; } .row-20 > * { margin-bottom: 20px; } .row-30 { margin-bottom: -30px; } .row-30:empty { margin-bottom: 0; } .row-30 > * { margin-bottom: 30px; } .row-40 { margin-bottom: -40px; } .row-40:empty { margin-bottom: 0; } .row-40 > * { margin-bottom: 40px; } .row-50 { margin-bottom: -50px; } .row-50:empty { margin-bottom: 0; } .row-50 > * { margin-bottom: 50px; } @media (min-width: 768px) { .row-md-30 { margin-bottom: -30px; } .row-md-30:empty { margin-bottom: 0; } .row-md-30 > * { margin-bottom: 30px; } .row-md-50 { margin-bottom: -50px; } .row-md-50:empty { margin-bottom: 0; } .row-md-50 > * { margin-bottom: 50px; } .row-md-60 { margin-bottom: -60px; } .row-md-60:empty { margin-bottom: 0; } .row-md-60 > * { margin-bottom: 60px; } } @media (min-width: 992px) { .row-lg-50 { margin-bottom: -50px; } .row-lg-50:empty { margin-bottom: 0; } .row-lg-50 > * { margin-bottom: 50px; } .row-lg-70 { margin-bottom: -70px; } .row-lg-70:empty { margin-bottom: 0; } .row-lg-70 > * { margin-bottom: 70px; } .row-lg-80 { margin-bottom: -80px; } .row-lg-80:empty { margin-bottom: 0; } .row-lg-80 > * { margin-bottom: 80px; } } @media (min-width: 1200px) { .row-xl-50 { margin-bottom: -50px; } .row-xl-50:empty { margin-bottom: 0; } .row-xl-50 > * { margin-bottom: 50px; } .row-xl-70 { margin-bottom: -70px; } .row-xl-70:empty { margin-bottom: 0; } .row-xl-70 > * { margin-bottom: 70px; } .row-xl-80 { margin-bottom: -80px; } .row-xl-80:empty { margin-bottom: 0; } .row-xl-80 > * { margin-bottom: 80px; } .row-xl-100 { margin-bottom: -100px; } .row-xl-100:empty { margin-bottom: 0; } .row-xl-100 > * { margin-bottom: 100px; } } @media (min-width: 1600px) { .row-xxl-60 { margin-bottom: -60px; } .row-xxl-60:empty { margin-bottom: 0; } .row-xxl-60 > * { margin-bottom: 60px; } } /** @section Sections */ .section-xs, .section-sm, .section-md, .section-lg, .section-xl, .section-xxl { padding: 50px 0; } .section-collapse + .section-collapse { padding-top: 0; } .section-collapse:last-child { padding-bottom: 0; } html [class*='section-'].section-bottom-0 { padding-bottom: 0; } @media (max-width: 991.98px) { section.section-sm:first-of-type, section.section-md:first-of-type, section.section-lg:first-of-type, section.section-xl:first-of-type, section.section-xxl:first-of-type { padding-top: 40px; } } @media (min-width: 768px) { .section-sm { padding: 60px 0; } .section-md { padding: 70px 0; } .section-lg { padding: 80px 0; } .section-xl { padding: 90px 0; } .section-xxl { padding: 100px 0; } } @media (min-width: 992px) { .section-xs { padding: 60px 0; } .section-sm { padding: 70px 0; } .section-md { padding: 80px 0; } .section-lg { padding: 90px 0; } .section-xl { padding: 100px 0; } .section-xxl { padding: 110px 0; } .section-inset-1 { padding-bottom: 130px; } .rd-navbar-static-linked .section-inset-2 { padding: 160px 0; } .section-inset-5 { padding-top: 200px; } } @media (min-width: 1200px) { .section-xs { padding: 70px 0; } .section-sm { padding: 80px 0; } .section-md { padding: 90px 0; } .section-lg { padding: 100px 0; } .section-xl { padding: 110px 0; } .section-xxl { padding: 120px 0; } .section-inset-1 { padding-bottom: 150px; } .section-inset-3 { padding-top: 140px; } .section-inset-4 { padding: 260px 0 140px; } .section-inset-5 { padding: 325px 0 180px; } .section-inset-6 { padding-bottom: 0; } .section-inset-7 { padding: 160px 0; } .section-inset-8 { padding: 200px 0 240px; } .section-inset-9 { padding-top: 0; } } @media (min-width: 1600px) { .section-inset-10 { padding: 150px 0; } .section-inset-11 { padding: 140px 0; } } .section-single { position: relative; display: flex; text-align: center; z-index: 1; } .section-single p { margin-left: auto; margin-right: auto; } .section-single .rd-mailform-wrap { max-width: 720px; margin-left: auto; margin-right: auto; text-align: center; } .section-single * + .rights { margin-top: 30px; } .section-single * + .rd-mailform-wrap { margin-top: 30px; } @media (min-width: 768px) { .section-single * + .rd-mailform-wrap { margin-top: 45px; } } @media (min-width: 992px) { .section-single * + .rights { margin-top: 60px; } .section-single * + .rd-mailform-wrap { margin-top: 60px; } } @media (min-width: 1200px) { .section-single * + .rd-mailform-wrap { margin-top: 80px; } } .section-single-header { padding: calc(1em + 2vh) 0; } .section-single-main { padding: calc(1em + 4vh) 0; } .section-single-footer { padding: calc(1em + 2vh) 0; } .section-single-inner { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; min-height: 100vh; } .section-single-inner > * { width: 100%; } @media (min-width: 992px) { .section-single-header { padding-top: calc(1em + 6vh); } .section-single-footer { padding-bottom: calc(1em + 3vh); } } .section-decor { position: relative; z-index: 0; } .section-decor::before { position: absolute; content: ''; background-image: radial-gradient(#d7d7d7 1.5px, transparent 2.5px); background-size: 30px 30px; z-index: -1; } .section-decor-left::before { top: 0; bottom: 0; left: 0; width: 15.6%; background-position: 0 0; } .section-decor-left-2::before { bottom: 0; left: 0; width: 25%; height: 77%; background-position: 0 100%; } .section-decor-top::before { top: 0; left: 0; right: 0; height: 15%; background-position: 0 0; } @media (min-width: 992px) { .section-decor-top::before { height: 20%; } } .swiper-slider-1 .swiper-slide-caption { height: 100%; position: relative; z-index: 1; } @media (min-width: 992px) { .swiper-slider-1 .swiper-slide-caption { padding-top: 150px; } } @media (min-width: 1200px) { .swiper-slider-1 .swiper-slide-caption { padding-top: 150px; } } /** @section Grid modules */ .grid-demo { letter-spacing: 0; text-align: center; } .grid-demo p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .grid-demo * + p { margin-top: 5px; } .grid-demo * + .row { margin-top: 20px; } .grid-demo .row + .row { margin-top: 0; } @media (min-width: 1200px) { .grid-demo { text-align: left; } .grid-demo p { white-space: normal; overflow: visible; text-overflow: unset; } .grid-demo * + p { margin-top: 25px; } } .grid-demo-bordered .row { border: 0 solid #d7d7d7; border-top-width: 1px; } .grid-demo-bordered .row:last-child { border-bottom-width: 1px; } .grid-demo-bordered [class*='col'] { padding: 5px 15px; } .grid-demo-bordered [class*='col']:before { content: ''; position: absolute; top: 0; bottom: 0; left: -1px; border-left: 1px solid #d7d7d7; } @media (min-width: 768px) { .grid-demo-bordered [class*='col'] { padding: 30px; } } @media (min-width: 1200px) { .grid-demo-bordered [class*='col'] { padding: 50px 50px 45px; } } .grid-demo-underlined .row { border-bottom: 1px solid #d7d7d7; } .grid-demo-underlined [class*='col'] { padding: 5px 15px; } @media (min-width: 768px) { .grid-demo-underlined [class*='col'] { padding-top: 25px; padding-bottom: 25px; } } @media (min-width: 1200px) { .grid-demo-underlined [class*='col'] { padding-top: 45px; padding-bottom: 45px; } } .gutter-6 { margin-left: -3px; margin-right: -3px; } .gutter-6 > [class*='col'] { padding-left: 3px; padding-right: 3px; } .gutter-8 { margin-left: -4px; margin-right: -4px; } .gutter-8 > [class*='col'] { padding-left: 4px; padding-right: 4px; } .gutter-20 { margin-left: -10px; margin-right: -10px; } .gutter-20 > [class*='col'] { padding-left: 10px; padding-right: 10px; } @media (min-width: 1200px) { .container-style-1 { max-width: none; } } @media (min-width: 1200px) { .container-style-2 { max-width: 1800px; } } @media (min-width: 1200px) { .container-style-3 { max-width: none; padding: 0; } } .container-style-4 { padding-right: 2.3%; } @media (min-width: 1200px) { .container-style-4 { padding-left: 2%; padding-right: 2%; max-width: 1760px; } } @media (min-width: 1600px) { .container-style-4 { padding-left: 30px; } } .boxed-1 [class*='section-'] + [class*='section-'] { padding-top: 0; } @media (min-width: 1600px) { .boxed-1 { margin-left: 5.5208%; border-left: 1px solid #e7eff6; } } /** @section Backgrounds */ .context-dark .brand .brand-logo-dark, .bg-gray-700 .brand .brand-logo-dark, .bg-gray-800 .brand .brand-logo-dark, .bg-gray-5 .brand .brand-logo-dark, .bg-gray-13 .brand .brand-logo-dark, .bg-gray-14 .brand .brand-logo-dark, .bg-gray-17 .brand .brand-logo-dark, .bg-gray-19 .brand .brand-logo-dark, .bg-gray-21 .brand .brand-logo-dark, .bg-primary .brand .brand-logo-dark, .bg-secondary .brand .brand-logo-dark, .bg-gradient-1 .brand .brand-logo-dark { display: none; } .context-dark .brand .brand-logo-light, .bg-gray-700 .brand .brand-logo-light, .bg-gray-800 .brand .brand-logo-light, .bg-gray-5 .brand .brand-logo-light, .bg-gray-13 .brand .brand-logo-light, .bg-gray-14 .brand .brand-logo-light, .bg-gray-17 .brand .brand-logo-light, .bg-gray-19 .brand .brand-logo-light, .bg-gray-21 .brand .brand-logo-light, .bg-primary .brand .brand-logo-light, .bg-secondary .brand .brand-logo-light, .bg-gradient-1 .brand .brand-logo-light { display: block; } .bg-default { background-color: #ffffff; } .bg-default:not([style*="background-"]) + .bg-default:not([style*="background-"]) { padding-top: 0; } .bg-white { background-color: #ffffff; } .bg-white:not([style*="background-"]) + .bg-white:not([style*="background-"]) { padding-top: 0; } .bg-gray-100 { background-color: #f5f5f5; } .bg-gray-100:not([style*="background-"]) + .bg-gray-100:not([style*="background-"]) { padding-top: 0; } .bg-gray-1 { background-color: #e8e8e8; } .bg-gray-1:not([style*="background-"]) + .bg-gray-1:not([style*="background-"]) { padding-top: 0; } .bg-gray-2 { background-color: #dddddd; } .bg-gray-2:not([style*="background-"]) + .bg-gray-2:not([style*="background-"]) { padding-top: 0; } .bg-gray-3 { background-color: #e7eff6; } .bg-gray-3:not([style*="background-"]) + .bg-gray-3:not([style*="background-"]) { padding-top: 0; } .bg-gray-4 { background-color: #f2f8ff; } .bg-gray-4:not([style*="background-"]) + .bg-gray-4:not([style*="background-"]) { padding-top: 0; } .bg-gray-700 { background-color: #3d3d3d; } .bg-gray-700:not([style*="background-"]) + .bg-gray-700:not([style*="background-"]) { padding-top: 0; } .bg-gray-800 { background-color: #151515; } .bg-gray-800:not([style*="background-"]) + .bg-gray-800:not([style*="background-"]) { padding-top: 0; } .bg-gray-5 { background-color: #373737; } .bg-gray-5:not([style*="background-"]) + .bg-gray-5:not([style*="background-"]) { padding-top: 0; } .bg-gray-13 { background-color: #3a3b42; } .bg-gray-13:not([style*="background-"]) + .bg-gray-13:not([style*="background-"]) { padding-top: 0; } .bg-gray-14 { background-color: #3f4046; } .bg-gray-14:not([style*="background-"]) + .bg-gray-14:not([style*="background-"]) { padding-top: 0; } .bg-gray-17 { background-color: #404148; } .bg-gray-17:not([style*="background-"]) + .bg-gray-17:not([style*="background-"]) { padding-top: 0; } .bg-gray-19 { background-color: #232a30; } .bg-gray-19:not([style*="background-"]) + .bg-gray-19:not([style*="background-"]) { padding-top: 0; } .bg-gray-21 { background-color: #2d2c2c; } .bg-gray-21:not([style*="background-"]) + .bg-gray-21:not([style*="background-"]) { padding-top: 0; } .bg-primary { background-color: #ff6252; } .bg-primary:not([style*="background-"]) + .bg-primary:not([style*="background-"]) { padding-top: 0; } .bg-secondary { background-color: #ffde6c; } .bg-secondary:not([style*="background-"]) + .bg-secondary:not([style*="background-"]) { padding-top: 0; } .bg-gradient-1 { background-size: 200% auto; background-position: 0 50%; background-image: linear-gradient(84deg, #ff6252 0%, #f1db90 50%, #ff6252 100%); animation: motionGradient2 20s infinite linear; } @keyframes motionGradient2 { 25% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 75% { background-position: 100% 50%; } } .bg-image { background-size: cover; background-position: center; } @media (min-width: 992px) { html:not(.tablet):not(.mobile) .bg-fixed { background-attachment: fixed; } } .color-default-line { display: flex; margin-left: -8px; } .color-default-line > * { margin-left: 8px; } .color-default-item { width: 53px; height: 53px; } * + .color-default { margin-top: 16px; } .color-default-line + .color-default-line { margin-top: 8px; } .bg-slideshow { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .bg-slideshow li { position: absolute; width: inherit; height: inherit; top: 0; left: 0; opacity: 0; z-index: 0; -webkit-backface-visibility: hidden; } @keyframes imageAnimation { 0% { opacity: 0; animation-timing-function: ease-in; } 8% { opacity: 1; transform: scale(1.05); animation-timing-function: ease-out; } 17% { opacity: 1; transform: scale(1.1) rotate(3deg); } 25% { opacity: 0; transform: scale(1.1) rotate(3deg); } 100% { opacity: 0; } } /** @section Utilities custom */ .height-fill { position: relative; display: flex; flex-direction: column; align-items: stretch; } .height-fill > * { flex-grow: 1; flex-shrink: 0; } .object-inline { white-space: nowrap; } .object-inline > * { display: inline-block; min-width: 20px; vertical-align: top; white-space: normal; } .object-inline > * + * { margin-left: 5px; } .oh { position: relative; overflow: hidden; } .text-decoration-lines { position: relative; overflow: hidden; width: 100%; } .text-decoration-lines-content { position: relative; display: inline-block; min-width: 170px; font-size: 13px; text-transform: uppercase; } .text-decoration-lines-content::before, .text-decoration-lines-content::after { content: ''; position: absolute; height: 1px; background: #d7d7d7; top: 50%; width: 100vw; } .text-decoration-lines-content::before { left: 0; transform: translate3d(-100%, 0, 0); } .text-decoration-lines-content::after { right: 0; transform: translate3d(100%, 0, 0); } * + .text-decoration-lines { margin-top: 30px; } p.rights { font-weight: 400; color: #808081; } p.rights a { color: inherit; } p.rights a:hover { color: #ff6252; } .context-dark p.rights, .bg-gray-700 p.rights, .bg-gray-800 p.rights, .bg-gray-5 p.rights, .bg-gray-13 p.rights, .bg-gray-14 p.rights, .bg-gray-17 p.rights, .bg-gray-19 p.rights, .bg-gray-21 p.rights, .bg-primary p.rights, .bg-secondary p.rights, .bg-gradient-1 p.rights { color: #ffffff; } [style*='z-index: 1000;'] { z-index: 1101 !important; } .text-block > * { margin-left: .125em; margin-right: .125em; } @media (min-width: 992px) { .inset-lg-left-100 { padding-left: 100px; } } @media (min-width: 1200px) { .inset-xl-right-30 { padding-right: 30px; } .inset-xl-left-40 { padding-left: 40px; } .inset-xl-right-40 { padding-right: 40px; } .inset-xl-right-60 { padding-right: 60px; } .inset-xl-left-70 { padding-left: 70px; } .inset-xl-right-70 { padding-right: 70px; } } @media (min-width: 1600px) { .inset-xxl-right-1 { padding-right: 7.6%; } .inset-xxl-left-1 { padding-left: 22%; } .inset-xxl-left-2 { padding-left: 10%; } } @media (min-width: 1200px) { .offset-xl-bottom-100 { margin-bottom: 100px; } .offset-negative-bottom-1 { margin-bottom: -120px; } .offset-negative-top-1 { margin-top: -160px; } .offset-negative-xl-left-15 { margin-left: -15px; } } .position-relative { position: relative; } .position-static { position: static; } .index-1 { z-index: 1; } .circle-wrap { position: relative; z-index: 1; } .circle { position: absolute; width: 280px; height: 280px; border-radius: 50%; transform: translate3d(-50%, -50%, 0) scale(1); animation: circleScale 5s infinite ease; z-index: -1; } .circle-1 { top: 53%; left: 54%; background: #f5f5f5; } .circle-2 { top: 54%; left: 48%; background: rgba(255, 98, 82, 0.2); } @media (min-width: 576px) { .circle { width: 320px; height: 320px; } } @media (min-width: 992px) { .circle { width: 400px; height: 400px; } } @media (min-width: 1200px) { .circle { width: 460px; height: 460px; } } @keyframes circleScale { 50% { transform: translate3d(-50%, -50%, 0) scale(0.8); } } .wave-wrap { display: flex; align-items: center; } .wave-wrap .svg-wave { margin-right: 16px; } .svg-wave path { stroke: #151515; stroke-dasharray: 130; stroke-dashoffset: 0; animation: wave 3s ease alternate infinite; } @media (max-width: 575.98px) { .svg-wave { width: 80px; height: auto; } } @media (min-width: 576px) { .wave-wrap-1 { padding-left: 130px; } .wave-wrap-1 span { text-indent: -130px; } } .context-dark .svg-wave path, .bg-gray-700 .svg-wave path, .bg-gray-800 .svg-wave path, .bg-gray-5 .svg-wave path, .bg-gray-13 .svg-wave path, .bg-gray-14 .svg-wave path, .bg-gray-17 .svg-wave path, .bg-gray-19 .svg-wave path, .bg-gray-21 .svg-wave path, .bg-primary .svg-wave path, .bg-secondary .svg-wave path, .bg-gradient-1 .svg-wave path { stroke: #ffffff; } @keyframes wave { 0% { stroke-dashoffset: -130; } 50% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 130; } } @media (min-width: 992px) { .decorative-line { position: relative; } .decorative-line::after { content: ''; position: absolute; top: 77%; right: -16%; height: 2px; width: 92px; background: #c8c8c8; } } .decorative-line-custom { position: relative; } .decorative-line-custom::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; border-top: 1px solid #e7eff6; } /** @group Components */ /** @section Typography */ body { font-size: 16px; line-height: 1.575; font-weight: 300; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; letter-spacing: .025em; color: #808081; background-color: #ffffff; -webkit-text-size-adjust: none; -webkit-font-smoothing: subpixel-antialiased; } @media (min-width: 576px) { body { font-size: 14px; } } @media (min-width: 768px) { body { font-size: 15px; } } @media (min-width: 992px) { body { font-size: 16px; } } h1, h2, h3, h4, h5, h6, [class^='heading-'] { margin-top: 0; margin-bottom: 0; font-family: "Playfair Display", serif; font-weight: 300; letter-spacing: 0; color: #151515; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class^='heading-'] a { color: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, [class^='heading-'] a:hover { color: #ff6252; } h1, .heading-1 { font-size: 40px; line-height: 1.2; letter-spacing: 0; } @media (min-width: 992px) { h1, .heading-1 { font-size: 50px; } } @media (min-width: 1200px) { h1, .heading-1 { font-size: 67px; } } h2, .heading-2 { font-size: 29px; line-height: 1.33333; font-weight: 700; } @media (min-width: 576px) { h2, .heading-2 { font-size: 33px; } } @media (min-width: 768px) { h2, .heading-2 { font-size: 37px; } } @media (min-width: 992px) { h2, .heading-2 { font-size: 41px; } } @media (min-width: 1200px) { h2, .heading-2 { font-size: 45px; } } h3, .heading-3 { font-size: 14px; line-height: 1.3; font-weight: 400; } @media (min-width: 576px) { h3, .heading-3 { font-size: 17px; } } @media (min-width: 768px) { h3, .heading-3 { font-size: 20px; } } @media (min-width: 992px) { h3, .heading-3 { font-size: 23px; } } @media (min-width: 1200px) { h3, .heading-3 { font-size: 26px; } } h4, .heading-4 { font-size: 12px; line-height: 1.8; font-weight: 400; } @media (min-width: 576px) { h4, .heading-4 { font-size: 14px; } } @media (min-width: 768px) { h4, .heading-4 { font-size: 16px; } } @media (min-width: 992px) { h4, .heading-4 { font-size: 18px; } } @media (min-width: 1200px) { h4, .heading-4 { font-size: 20px; } } h5, .heading-5 { font-size: 12px; line-height: 1.66667; letter-spacing: .05em; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } @media (min-width: 768px) { h5, .heading-5 { font-size: 14px; } } @media (min-width: 992px) { h5, .heading-5 { font-size: 16px; } } @media (min-width: 1200px) { h5, .heading-5 { font-size: 18px; } } h6, .heading-6 { font-size: 13px; line-height: 1.875; letter-spacing: .05em; text-transform: uppercase; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } @media (min-width: 768px) { h6, .heading-6 { font-size: 14px; } } @media (min-width: 992px) { h6, .heading-6 { font-size: 15px; } } @media (min-width: 1200px) { h6, .heading-6 { font-size: 16px; } } .heading-7 { font-size: 40px; line-height: 1.2; } @media (min-width: 576px) { .heading-7 { font-size: 45px; } } @media (min-width: 768px) { .heading-7 { font-size: 50px; } } @media (min-width: 992px) { .heading-7 { font-size: 55px; } } @media (min-width: 1200px) { .heading-7 { font-size: 65px; } } .heading-7 + .wave-wrap { margin-top: 16px; } .heading-7 + .svg-wave { margin-top: 20px; } @media (min-width: 768px) { .heading-7 + .wave-wrap { margin-top: 28px; } .heading-7 + .svg-wave { margin-top: 30px; } } small, .small { display: block; font-size: 12px; line-height: 1.5; } mark, .mark { padding: 3px 5px; color: #ffffff; background: #ff6252; } .big { font-size: 15px; line-height: 1.83333; letter-spacing: .025em; } @media (min-width: 576px) { .big { font-size: 16px; } } @media (min-width: 992px) { .big { font-size: 18px; } } .lead { font-size: 16px; line-height: 33px; letter-spacing: .025em; } @media (min-width: 576px) { .lead { font-size: 18px; } } @media (min-width: 992px) { .lead { font-size: 20px; } } code { padding: 3px 5px; border-radius: 0.2rem; font-size: 90%; color: #111111; background: #f5f5f5; } p [data-toggle='tooltip'] { padding-left: .2em; padding-right: .2em; color: #b7b7b7; } p [style*='max-width'] { display: inline-block; } ::selection { background: #ff6252; color: #ffffff; } ::-moz-selection { background: #ff6252; color: #ffffff; } .font-family-base { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .title-1 { font-weight: 400; letter-spacing: .2em; text-transform: uppercase; color: rgba(21, 21, 21, 0.5); } .title-1 + h3 { margin-top: 15px; } .title-2 { text-transform: uppercase; font-weight: 400; color: #151515; } .title-3 { font-size: 70px; line-height: 1; letter-spacing: .05em; font-weight: 100; font-family: "Playfair Display", serif; } @media (min-width: 576px) { .title-3 { font-size: 100px; } } @media (min-width: 768px) { .title-3 { font-size: 150px; } } @media (min-width: 992px) { .title-3 { font-size: 200px; } } @media (min-width: 1200px) { .title-3 { font-size: 236px; } } .title-3 + * { margin-top: 30px; } @media (min-width: 992px) { .title-3 + * { margin-top: 45px; } } .title-4 { font-weight: 400; letter-spacing: .1em; color: inherit; } @media (min-width: 992px) { .title-4 + .button { margin-top: 45px; } } @media (min-width: 1200px) { .title-4 + .button { margin-top: 60px; } } .title-5 { letter-spacing: .1em; padding-bottom: 18px; border-bottom: 1px solid #f2f8ff; } .title-5 span { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; margin-right: 5px; color: #ffffff; background: #ff6252; } .title-6 { line-height: 1.5; font-weight: 300; letter-spacing: .025em; text-transform: none; color: inherit; } * + .title-6 { margin-top: 12px; } .title-6 + .list-marked { margin-top: 30px; } .title-16 + .title-6 { margin-top: 30px; } @media (min-width: 768px) { * + .title-6 { margin-top: 22px; } } @media (min-width: 992px) { .title-15 + .title-6 { margin-top: 30px; } .title-16 + .title-6 { margin-top: 50px; } .title-6 + .list-marked { margin-top: 54px; } .title-6 + .list-contacts { margin-top: 40px; } } @media (min-width: 1200px) { .title-6 + .group-middle { margin-top: 50px; } } .context-dark .title-6, .bg-gray-700 .title-6, .bg-gray-800 .title-6, .bg-gray-5 .title-6, .bg-gray-13 .title-6, .bg-gray-14 .title-6, .bg-gray-17 .title-6, .bg-gray-19 .title-6, .bg-gray-21 .title-6, .bg-primary .title-6, .bg-secondary .title-6, .bg-gradient-1 .title-6 { color: rgba(255, 255, 255, 0.5); } .title-7 span { display: inline-block; } .title-7 span::before { display: block; content: ''; height: 50px; width: 0; margin: 0 auto 4px; transform: rotate(40deg); border-left: 1px solid #151515; } @media (min-width: 768px) { .title-7 span::before { height: 66px; } } .context-dark .title-7 span::before, .bg-gray-700 .title-7 span::before, .bg-gray-800 .title-7 span::before, .bg-gray-5 .title-7 span::before, .bg-gray-13 .title-7 span::before, .bg-gray-14 .title-7 span::before, .bg-gray-17 .title-7 span::before, .bg-gray-19 .title-7 span::before, .bg-gray-21 .title-7 span::before, .bg-primary .title-7 span::before, .bg-secondary .title-7 span::before, .bg-gradient-1 .title-7 span::before { border-color: rgba(255, 255, 255, 0.3); } .title-8 { letter-spacing: .2em; color: rgba(21, 21, 21, 0.6); } .title-8 + h2 { margin-top: 20px; } .context-dark .title-8, .bg-gray-700 .title-8, .bg-gray-800 .title-8, .bg-gray-5 .title-8, .bg-gray-13 .title-8, .bg-gray-14 .title-8, .bg-gray-17 .title-8, .bg-gray-19 .title-8, .bg-gray-21 .title-8, .bg-primary .title-8, .bg-secondary .title-8, .bg-gradient-1 .title-8 { color: rgba(255, 255, 255, 0.6); } .title-9 { font-weight: 700; text-transform: uppercase; } .title-10 { font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: rgba(21, 21, 21, 0.6); } .context-dark .title-10, .bg-gray-700 .title-10, .bg-gray-800 .title-10, .bg-gray-5 .title-10, .bg-gray-13 .title-10, .bg-gray-14 .title-10, .bg-gray-17 .title-10, .bg-gray-19 .title-10, .bg-gray-21 .title-10, .bg-primary .title-10, .bg-secondary .title-10, .bg-gradient-1 .title-10 { color: rgba(255, 255, 255, 0.6); } .title-11 { line-height: 1.714; font-weight: 300; } .title-12 { font-weight: 100; letter-spacing: .01em; } .title-13 { line-height: 1.714; font-weight: 300; letter-spacing: .01em; } * + .title-13 { margin-top: 25px; } .title-13 + .list-social { margin-top: 30px; } @media (min-width: 992px) { * + .title-13 { margin-top: 30px; } .title-13 + .list-social { margin-top: 40px; } } .title-14 { font-weight: 300; letter-spacing: .01em; } .title-15 { font-weight: 300; letter-spacing: 0; } @media (min-width: 992px) { .title-15-wrap { padding-left: 110px; } .title-15-wrap .title-15 { text-indent: -110px; } } @media (min-width: 1200px) { .title-15-wrap { padding-left: 165px; } .title-15-wrap .title-15 { text-indent: -165px; } .title-15 + .big { margin-top: 40px; } } .context-dark .title-15::before, .bg-gray-700 .title-15::before, .bg-gray-800 .title-15::before, .bg-gray-5 .title-15::before, .bg-gray-13 .title-15::before, .bg-gray-14 .title-15::before, .bg-gray-17 .title-15::before, .bg-gray-19 .title-15::before, .bg-gray-21 .title-15::before, .bg-primary .title-15::before, .bg-secondary .title-15::before, .bg-gradient-1 .title-15::before { border-top-color: rgba(255, 255, 255, 0.6); } .title-16 { font-weight: 300; letter-spacing: 0; color: #ff6252; } * + .title-16 { margin-top: 22px; } .title-17 { font-weight: 400; letter-spacing: .02em; text-transform: none; } .title-17::after { display: inline-block; content: ''; width: 33px; height: 0; margin-left: 10px; border-top: 3px solid #ff6252; } @media (min-width: 1200px) { .title-17 + .big { margin-top: 36px; } } .title-18 { font-size: 15px; font-weight: 500; line-height: 1.2; letter-spacing: .075em; text-transform: uppercase; color: #151515; } .title-18 > * { display: inline-block; vertical-align: middle; } .title-18 .decor { display: inline-block; margin: 0 20px; width: 60px; border-top: 1px solid #e7eff6; } .title-19 { font-weight: 700; letter-spacing: -0.01em; font-style: italic; text-transform: uppercase; } .button + .title-19 { margin-top: 14px; } @media (min-width: 768px) { .title-19 + .button { margin-top: 25px; } .button + .title-19 { margin-top: 18px; } } @media (min-width: 1600px) { .title-19 { font-size: 120px; } } .context-dark .title-19, .bg-gray-700 .title-19, .bg-gray-800 .title-19, .bg-gray-5 .title-19, .bg-gray-13 .title-19, .bg-gray-14 .title-19, .bg-gray-17 .title-19, .bg-gray-19 .title-19, .bg-gray-21 .title-19, .bg-primary .title-19, .bg-secondary .title-19, .bg-gradient-1 .title-19 { color: rgba(255, 255, 255, 0.22); } .title-20 { font-weight: 400; letter-spacing: .025em; text-transform: none; } .title-group { display: flex; flex-direction: column; } .title-group-left { margin-top: 10px; } @media (min-width: 768px) { .title-18 { transform: translateX(50%) rotate(90deg); } .title-group { display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; } .title-group-left { margin-top: 0; max-width: 900px; } .title-group-right { flex-shrink: 0; } } .font-base { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } /** @section Brand */ .brand { display: inline-block; } .brand .brand-logo-light { display: none; } .brand .brand-logo-dark { display: block; } .brand > * + * { margin-top: 0; } /** @section Links */ a { transition: all 0.3s ease-in-out; } a, a:focus, a:active, a:hover { text-decoration: none; } a, a:focus, a:active { color: #ff6252; } a:hover { color: #ff1d06; } a[href*='tel'], a[href*='mailto'] { white-space: nowrap; } .link-hover { color: #ff1d06; } .link-press { color: #ff1d06; } .privacy-link { display: inline-block; color: #ff6252; } .privacy-link:hover { color: #151515; } * + .privacy-link { margin-top: 30px; } .link-default { display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; border-bottom: 1px solid; } .link-default, .link-default:focus, .link-default:active { color: #151515; } .link-default:hover { color: #ff6252; } * + .link-default { margin-top: 30px; } @media (min-width: 992px) { .link-default-1 { font-size: 16px; } * + .link-default { margin-top: 50px; } } .context-dark .link-default, .bg-gray-700 .link-default, .bg-gray-800 .link-default, .bg-gray-5 .link-default, .bg-gray-13 .link-default, .bg-gray-14 .link-default, .bg-gray-17 .link-default, .bg-gray-19 .link-default, .bg-gray-21 .link-default, .bg-primary .link-default, .bg-secondary .link-default, .bg-gradient-1 .link-default, .context-dark .link-default:focus, .bg-gray-700 .link-default:focus, .bg-gray-800 .link-default:focus, .bg-gray-5 .link-default:focus, .bg-gray-13 .link-default:focus, .bg-gray-14 .link-default:focus, .bg-gray-17 .link-default:focus, .bg-gray-19 .link-default:focus, .bg-gray-21 .link-default:focus, .bg-primary .link-default:focus, .bg-secondary .link-default:focus, .bg-gradient-1 .link-default:focus, .context-dark .link-default:active, .bg-gray-700 .link-default:active, .bg-gray-800 .link-default:active, .bg-gray-5 .link-default:active, .bg-gray-13 .link-default:active, .bg-gray-14 .link-default:active, .bg-gray-17 .link-default:active, .bg-gray-19 .link-default:active, .bg-gray-21 .link-default:active, .bg-primary .link-default:active, .bg-secondary .link-default:active, .bg-gradient-1 .link-default:active { color: inherit; } .context-dark .link-default:hover, .bg-gray-700 .link-default:hover, .bg-gray-800 .link-default:hover, .bg-gray-5 .link-default:hover, .bg-gray-13 .link-default:hover, .bg-gray-14 .link-default:hover, .bg-gray-17 .link-default:hover, .bg-gray-19 .link-default:hover, .bg-gray-21 .link-default:hover, .bg-primary .link-default:hover, .bg-secondary .link-default:hover, .bg-gradient-1 .link-default:hover { color: #ff9085; } /** @section Blocks */ .block-center, .block-xs, .block-sm, .block-md, .block-lg, .block-xl, .block-1 { margin-left: auto; margin-right: auto; } .block-left { margin-left: 0; } .block-xs { max-width: 220px; } .block-sm { max-width: 270px; } .block-md { max-width: 370px; } .block-lg { max-width: 470px; } .block-xl { max-width: 570px; } .block-1 { max-width: 290px; } @media (max-width: 575.98px) { .block-2 { margin-left: auto; margin-right: auto; max-width: 370px; } } /** @section Icons */ .icon { display: inline-block; font-size: 16px; line-height: 1; } .icon::before { position: relative; display: inline-block; font-weight: 400; font-style: normal; speak: none; text-transform: none; } .icon-circle { border-radius: 50%; } .icon-80 { font-size: 80px; } /** @section Boxes */ .box-classic { text-align: center; padding: 30px 15px; transition: all .3s ease-in-out; } .box-classic-1 .box-classic-title { font-weight: 700; text-transform: uppercase; } .box-classic-1 * + .box-classic-title { margin-top: 10px; } .box-classic-icon { font-size: 40px; line-height: 1; color: #ff6252; transition: all .3s ease-in-out; } .box-classic-text { display: inline-block; max-width: 270px; font-weight: 400; } * + .box-classic { margin-top: 30px; } * + .box-classic-title { margin-top: 6px; } * + .box-classic-text { margin-top: 10px; } @media (min-width: 768px) { .box-classic { padding-top: 40px; padding-bottom: 40px; } .box-classic-1 * + .box-classic-title { margin-top: 20px; } .box-classic-icon { font-size: 50px; } * + .box-classic-title { margin-top: 10px; } * + .box-classic-text { margin-top: 16px; } } @media (min-width: 992px) { .desktop .box-classic:hover { background: #f5f5f5; } .desktop .box-classic-1:hover .box-classic-icon { color: #ffde6c; background: none; -webkit-text-fill-color: initial; } .box-classic { padding-top: 60px; padding-bottom: 60px; } .box-classic-icon { font-size: 77px; } * + .box-classic-text { margin-top: 26px; } } @media (min-width: 1200px) { .box-classic { padding-top: 80px; padding-bottom: 80px; } } .desktop .context-dark .box-classic:hover, .desktop .bg-gray-700 .box-classic:hover, .desktop .bg-gray-800 .box-classic:hover, .desktop .bg-gray-5 .box-classic:hover, .desktop .bg-gray-13 .box-classic:hover, .desktop .bg-gray-14 .box-classic:hover, .desktop .bg-gray-17 .box-classic:hover, .desktop .bg-gray-19 .box-classic:hover, .desktop .bg-gray-21 .box-classic:hover, .desktop .bg-primary .box-classic:hover, .desktop .bg-secondary .box-classic:hover, .desktop .bg-gradient-1 .box-classic:hover { background: rgba(255, 255, 255, 0.03); } @media (min-width: 992px) { .ie-10.desktop .box-classic:hover .box-classic-icon, .ie-11.desktop .box-classic:hover .box-classic-icon, .ie-edge.desktop .box-classic:hover .box-classic-icon { color: #ff6252; background: none; } } .box-minimal { position: relative; text-align: left; padding: 25px 15px; background: #ffffff; transition: all .3s ease-in-out; } .box-minimal-title { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .box-minimal-icon { font-size: 30px; line-height: 1; background: #ff6252; -webkit-text-fill-color: transparent; -webkit-background-clip: text; } .box-minimal-number { position: absolute; top: 10%; right: 5%; line-height: 1; font-weight: 400; letter-spacing: .015em; font-family: "Playfair Display", serif; color: rgba(21, 21, 21, 0.3); } @media (min-width: 576px) { .box-minimal { padding-top: 35px; padding-bottom: 35px; } } @media (min-width: 768px) { .box-minimal { padding-left: 20px; padding-right: 40px; } .box-minimal-icon { font-size: 40px; } } @media (min-width: 992px) { .desktop .box-minimal-title { font-size: 24px; } .desktop .box-minimal:hover { background: #f5f5f5; } } @media (min-width: 1200px) { .box-minimal { padding-left: 30px; padding-right: 55px; } .box-minimal-number { top: 18%; right: 6%; } .box-minimal-icon { font-size: 55px; } } .ie-10 .box-minimal-icon, .ie-11 .box-minimal-icon, .ie-edge .box-minimal-icon { color: #ff6252; background: none; } .box-creative { text-align: left; } .box-creative-1 { padding: 30px 0; } .box-creative-green .box-creative-icon::after { background: #d4efb9; } .box-creative-yellow .box-creative-icon::after { background: #fff4a9; } .box-creative-rose .box-creative-icon::after { background: #f1d4d1; } .box-creative-turquoise .box-creative-icon::after { background: #d7f6f1; } .box-creative-violet .box-creative-icon::after { background: #f0e4f5; } .box-creative-title { font-weight: 400; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; letter-spacing: 0; text-transform: none; } @media (min-width: 992px) { .box-creative-title { font-size: 26px; } } .box-creative-text { color: rgba(21, 21, 21, 0.8); } .box-creative-icon { position: relative; top: 10px; padding-right: 20px; font-size: 45px; line-height: 1; color: #ff6252; z-index: 1; } .box-creative-icon::after { position: absolute; content: ''; top: 50%; right: 0; width: 55px; height: 55px; border-radius: 50%; background: #f5f5f5; transform: translateY(-50%); transition: all .3s ease; z-index: -1; } * + .box-creative-text { margin-top: 12px; } @media (min-width: 768px) { .box-creative-1 { padding: 34px 0; } } @media (min-width: 992px) { .desktop .box-creative:hover .box-creative-icon::after { transform: translateY(-50%) scale(0.5); } .box-creative-icon { padding-right: 26px; font-size: 55px; } .box-creative-icon::after { width: 67px; height: 67px; } } .box-modern { text-align: left; padding: 20px 15px; min-height: 100%; transition: all .3s ease-in-out; } .box-modern-icon { font-size: 30px; line-height: 1; background: #ff6252; -webkit-text-fill-color: transparent; -webkit-background-clip: text; } .box-modern-title { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 400; letter-spacing: 0; text-transform: none; } @media (min-width: 992px) { .box-modern-title { font-size: 24px; } } * + .box-modern { margin-top: 30px; } * + .box-modern-title { margin-top: 12px; } * + .box-modern-text { margin-top: 8px; } @media (min-width: 768px) { .box-modern { padding: 25px 30px; } .box-modern-icon { font-size: 40px; } * + .box-modern-title { margin-top: 18px; } * + .box-modern-text { margin-top: 12px; } } @media (min-width: 992px) { .desktop .box-modern:hover { background: #f5f5f5; } .box-modern-icon { font-size: 51px; } * + .box-modern-title { margin-top: 28px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .box-modern-2 { padding-left: 15px; padding-right: 15px; } } .desktop .context-dark .box-modern:hover, .desktop .bg-gray-700 .box-modern:hover, .desktop .bg-gray-800 .box-modern:hover, .desktop .bg-gray-5 .box-modern:hover, .desktop .bg-gray-13 .box-modern:hover, .desktop .bg-gray-14 .box-modern:hover, .desktop .bg-gray-17 .box-modern:hover, .desktop .bg-gray-19 .box-modern:hover, .desktop .bg-gray-21 .box-modern:hover, .desktop .bg-primary .box-modern:hover, .desktop .bg-secondary .box-modern:hover, .desktop .bg-gradient-1 .box-modern:hover { background: #414244; } .ie-10 .box-modern-icon, .ie-11 .box-modern-icon, .ie-edge .box-modern-icon { color: #ff6252; background: none; } .box-molly { text-align: center; padding: 20px 15px; font-weight: 400; min-height: 100%; background: #ffffff; transition: all .3s ease-in-out; } .box-molly-icon { font-size: 40px; line-height: 1; color: #151515; } .box-molly-title { font-weight: 400; } * + .box-molly { margin-top: 30px; } * + .box-molly-title { margin-top: 12px; } * + .box-molly-text { margin-top: 8px; } @media (min-width: 768px) { .box-molly { padding: 30px; } .box-molly-icon { font-size: 50px; } * + .box-molly-title { margin-top: 18px; } * + .box-molly-text { margin-top: 12px; } } @media (min-width: 992px) { .box-molly { padding: 45px 25px; } .desktop .box-molly:hover { background: #f5f5f5; } .box-molly-icon { font-size: 65px; } * + .box-molly-title { margin-top: 30px; } * + .box-molly-text { margin-top: 24px; } } @media (min-width: 1200px) { .box-molly { padding-left: 50px; padding-right: 50px; } } .desktop .context-dark .box-molly:hover, .desktop .bg-gray-700 .box-molly:hover, .desktop .bg-gray-800 .box-molly:hover, .desktop .bg-gray-5 .box-molly:hover, .desktop .bg-gray-13 .box-molly:hover, .desktop .bg-gray-14 .box-molly:hover, .desktop .bg-gray-17 .box-molly:hover, .desktop .bg-gray-19 .box-molly:hover, .desktop .bg-gray-21 .box-molly:hover, .desktop .bg-primary .box-molly:hover, .desktop .bg-secondary .box-molly:hover, .desktop .bg-gradient-1 .box-molly:hover { background: #414244; } .box-abby { text-align: left; padding: 30px 5%; min-height: 100%; color: #ffffff; background: #3a3b42; } .box-abby-subtitle { letter-spacing: .2em; color: rgba(255, 255, 255, 0.6); } .box-abby-subtitle::after { display: block; content: ''; height: 0; width: 30px; margin-top: 20px; border-top: 4px solid #ffde6c; } .box-abby-title { font-weight: 700; color: inherit; } .box-abby-list-contacts { line-height: 30px; } .box-abby-list-contacts .icon { vertical-align: middle; margin-right: 10px; font-size: 22px; line-height: inherit; color: rgba(255, 255, 255, 0.5); } .box-abby-list-contacts a, .box-abby-list-contacts a:focus, .box-abby-list-contacts a:active { color: inherit; } .box-abby-list-contacts a:hover { color: #ff6252; } .box-abby-list-contacts > li { display: flex; } .box-abby-list-contacts > li + li { margin-top: 10px; } .box-abby-info .icon { text-align: center; width: 50px; height: 50px; font-size: 24px; line-height: 46px; border-radius: 50%; border: 2px solid; } .box-abby-info a, .box-abby-info a:focus, .box-abby-info a:active { color: inherit; } .box-abby-info a:hover { color: #ff6252; } * + .box-abby-title { margin-top: 20px; } .box-abby-title + * { margin-top: 20px; } @media (min-width: 576px) { .box-abby { padding-top: 40px; padding-bottom: 40px; } } @media (min-width: 768px) { .box-abby { padding: 50px 10%; } .box-abby-info .icon { width: 60px; height: 60px; font-size: 32px; line-height: 56px; } } @media (min-width: 992px) { .box-abby { padding-top: 60px; padding-bottom: 60px; } .box-abby-title + * { margin-top: 34px; } } @media (min-width: 1600px) { .box-abby { padding: 70px 16%; } } .owl-item:nth-child(even) .box-abby { background: #3f4046; } .box-ellen { text-align: center; font-weight: 400; } .box-ellen-icon { font-size: 36px; line-height: 1; color: #ff6252; } .box-ellen-title { font-weight: 700; } .box-ellen-text { color: rgba(255, 255, 255, 0.6); } .box-ellen-text a, .box-ellen-text a:focus, .box-ellen-text a:active { color: inherit; } .box-ellen-text a:hover { color: #ff6252; } .box-ellen-wrap { overflow: hidden; } .box-ellen-wrap > div::before { display: inline-block; position: absolute; content: ''; top: 50%; left: -1px; width: 0; height: 60px; border-left: 1px solid rgba(255, 255, 255, 0.14); transform: translateY(-50%); } * + .box-ellen { margin-top: 30px; } * + .box-ellen-title { margin-top: 10px; } * + .box-ellen-text { margin-top: 10px; } .box-ellen-title + .button { margin-top: 16px; } @media (min-width: 768px) { * + .box-ellen-title { margin-top: 16px; } * + .box-ellen-text { margin-top: 16px; } .box-ellen-title + .button { margin-top: 26px; } } .box-leah { position: absolute; overflow: hidden; text-align: left; top: 45px; left: 50%; background: #ffffff; border-radius: 6px; box-shadow: 0 13px 49px 0 rgba(0, 0, 0, 0.35); transition: .3s ease .1s; visibility: hidden; opacity: 0; } .box-leah img { min-width: 173px; } .box-leah-title { font-weight: 400; letter-spacing: .01em; text-transform: none; } .box-leah-body { padding: 15px; background: inherit; } .box-leah-square { font-weight: 400; letter-spacing: .01em; color: #151515; } * + .box-leah { margin-top: 30px; } * + .box-leah-square { margin-top: 4px; } * + .box-leah-text { margin-top: 12px; } @media (min-width: 992px) { .box-leah { display: flex; min-width: 485px; } .box-leah-body { padding: 25px; } } @media (min-width: 992px) { .aside-style-1 { margin-top: 40px; padding: 1px 0 1px 30px; border-left: 1px solid #f2f8ff; } } .bordered-1 { border-width: 1px 0 0 1px; border-style: solid; border-color: #e7eff6; } .bordered-1 > [class*='col-'] { border-width: 0 1px 1px 0; border-style: solid; border-color: #e7eff6; } .context-dark .bordered-1, .bg-gray-700 .bordered-1, .bg-gray-800 .bordered-1, .bg-gray-5 .bordered-1, .bg-gray-13 .bordered-1, .bg-gray-14 .bordered-1, .bg-gray-17 .bordered-1, .bg-gray-19 .bordered-1, .bg-gray-21 .bordered-1, .bg-primary .bordered-1, .bg-secondary .bordered-1, .bg-gradient-1 .bordered-1 { border-color: rgba(245, 245, 245, 0.1); } .context-dark .bordered-1 > [class*='col-'], .bg-gray-700 .bordered-1 > [class*='col-'], .bg-gray-800 .bordered-1 > [class*='col-'], .bg-gray-5 .bordered-1 > [class*='col-'], .bg-gray-13 .bordered-1 > [class*='col-'], .bg-gray-14 .bordered-1 > [class*='col-'], .bg-gray-17 .bordered-1 > [class*='col-'], .bg-gray-19 .bordered-1 > [class*='col-'], .bg-gray-21 .bordered-1 > [class*='col-'], .bg-primary .bordered-1 > [class*='col-'], .bg-secondary .bordered-1 > [class*='col-'], .bg-gradient-1 .bordered-1 > [class*='col-'] { border-color: rgba(245, 245, 245, 0.1); } .bordered-2 { border-width: 1px 0 0 1px; border-style: solid; border-color: #e7eff6; } .bordered-2 > [class*='col-'] { border-width: 0 1px 1px 0; border-style: solid; border-color: #e7eff6; } .context-dark .bordered-1, .bg-gray-700 .bordered-1, .bg-gray-800 .bordered-1, .bg-gray-5 .bordered-1, .bg-gray-13 .bordered-1, .bg-gray-14 .bordered-1, .bg-gray-17 .bordered-1, .bg-gray-19 .bordered-1, .bg-gray-21 .bordered-1, .bg-primary .bordered-1, .bg-secondary .bordered-1, .bg-gradient-1 .bordered-1 { border-color: rgba(245, 245, 245, 0.1); } .context-dark .bordered-1 > [class*='col-'], .bg-gray-700 .bordered-1 > [class*='col-'], .bg-gray-800 .bordered-1 > [class*='col-'], .bg-gray-5 .bordered-1 > [class*='col-'], .bg-gray-13 .bordered-1 > [class*='col-'], .bg-gray-14 .bordered-1 > [class*='col-'], .bg-gray-17 .bordered-1 > [class*='col-'], .bg-gray-19 .bordered-1 > [class*='col-'], .bg-gray-21 .bordered-1 > [class*='col-'], .bg-primary .bordered-1 > [class*='col-'], .bg-secondary .bordered-1 > [class*='col-'], .bg-gradient-1 .bordered-1 > [class*='col-'] { border-color: rgba(245, 245, 245, 0.1); } .bordered-3 { overflow: hidden; } .bordered-3 > [class*='col-'] { border-width: 0 0 1px 1px; border-style: solid; border-color: #e7eff6; margin: 0 0 -1px -1px; } .bordered-3 > [class*='col-']:first-child > * { padding-top: 0; } .bordered-3 > [class*='col-']:last-child(-n+2) > * { padding-bottom: 0; } @media (min-width: 576px) { .bordered-3 > [class*='col-'] > * { max-width: 500px; } .bordered-3 > [class*='col-']:nth-child(-n+2) > * { padding-top: 0; } .bordered-3 > [class*='col-']:nth-last-child(-n+2) > * { padding-bottom: 0; } .bordered-3 > [class*='col-']:nth-child(odd) > * { padding-right: 30px; } .bordered-3 > [class*='col-']:nth-child(even) > * { margin-left: auto; padding-left: 30px; } } .bordered-4 { border-width: 1px 0 0 1px; border-style: solid; border-color: #e7eff6; } .bordered-4 > [class*='col-'] { border-width: 0 1px 1px 0; border-style: solid; border-color: #e7eff6; } .bordered-4 > [class*='col-'] .select2-container--default .select2-selection--single .select2-selection__rendered, .bordered-4 > [class*='col-'] .form-input { border-color: transparent; } .bordered-5 { border-width: 1px 1px 0 0; border-style: solid; border-color: #e7eff6; } .bordered-5 > [class*='col-'] { border-width: 0 0 1px 1px; border-style: solid; border-color: #e7eff6; } @media (min-width: 576px) { .bordered-5 > .no-border { border-width: 0; } } .context-dark .bordered-5, .bg-gray-700 .bordered-5, .bg-gray-800 .bordered-5, .bg-gray-5 .bordered-5, .bg-gray-13 .bordered-5, .bg-gray-14 .bordered-5, .bg-gray-17 .bordered-5, .bg-gray-19 .bordered-5, .bg-gray-21 .bordered-5, .bg-primary .bordered-5, .bg-secondary .bordered-5, .bg-gradient-1 .bordered-5 { border-color: rgba(245, 245, 245, 0.1); } .context-dark .bordered-5 > [class*='col-'], .bg-gray-700 .bordered-5 > [class*='col-'], .bg-gray-800 .bordered-5 > [class*='col-'], .bg-gray-5 .bordered-5 > [class*='col-'], .bg-gray-13 .bordered-5 > [class*='col-'], .bg-gray-14 .bordered-5 > [class*='col-'], .bg-gray-17 .bordered-5 > [class*='col-'], .bg-gray-19 .bordered-5 > [class*='col-'], .bg-gray-21 .bordered-5 > [class*='col-'], .bg-primary .bordered-5 > [class*='col-'], .bg-secondary .bordered-5 > [class*='col-'], .bg-gradient-1 .bordered-5 > [class*='col-'] { border-color: rgba(245, 245, 245, 0.1); } .ordered-1 { counter-reset: div; } .ordered-1 .ordered-item::before { content: counter(div, decimal-leading-zero); counter-increment: div; } .ordered-2 { counter-reset: div; } .ordered-2 .ordered-item::before { content: counter(div, decimal); counter-increment: div; } @media (min-width: 768px) { .box-calculator h3 + p { margin-top: 20px; } .box-calculator * + .rd-form { margin-top: 30px; } } .box-calculator-list-results { letter-spacing: .075em; text-transform: uppercase; color: #151515; } .box-calculator-result { font-weight: 700; margin-left: 6px; } .context-dark .box-calculator-list-results, .bg-gray-700 .box-calculator-list-results, .bg-gray-800 .box-calculator-list-results, .bg-gray-5 .box-calculator-list-results, .bg-gray-13 .box-calculator-list-results, .bg-gray-14 .box-calculator-list-results, .bg-gray-17 .box-calculator-list-results, .bg-gray-19 .box-calculator-list-results, .bg-gray-21 .box-calculator-list-results, .bg-primary .box-calculator-list-results, .bg-secondary .box-calculator-list-results, .bg-gradient-1 .box-calculator-list-results { color: #ffffff; } .context-dark .box-calculator-result, .bg-gray-700 .box-calculator-result, .bg-gray-800 .box-calculator-result, .bg-gray-5 .box-calculator-result, .bg-gray-13 .box-calculator-result, .bg-gray-14 .box-calculator-result, .bg-gray-17 .box-calculator-result, .bg-gray-19 .box-calculator-result, .bg-gray-21 .box-calculator-result, .bg-primary .box-calculator-result, .bg-secondary .box-calculator-result, .bg-gradient-1 .box-calculator-result { color: #ffde6c; } .client-classic { position: relative; display: block; max-width: 270px; margin-left: auto; margin-right: auto; background: #ffffff; border: 1px solid #f2f8ff; transition: all .3s ease-in-out; } .client-classic::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid transparent; transition: transform .3s ease; will-change: transform; } .client-classic img { width: 100%; opacity: .5; transition: all .3s ease; } @media (min-width: 992px) { .desktop .client-classic:hover { border-color: #151515; } .desktop .client-classic:hover::before { transform: scale(0.94, 0.9); border-color: inherit; } .desktop .client-classic:hover img { opacity: 1; transform: scale(0.9); } } .contacts-paul { position: relative; padding: 20px 10px; max-width: 300px; margin: 0 auto; font-weight: 400; border-radius: 4px; color: #151515; background: #ffffff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); } .contacts-paul::before { position: absolute; content: ''; top: 100%; left: 70%; width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 12px; border-color: #ffffff transparent transparent transparent; } .contacts-paul .icon { vertical-align: middle; font-size: 25px; line-height: 1; color: rgba(21, 21, 21, 0.5); } .contacts-paul a { font-weight: inherit; } .contacts-paul a, .contacts-paul a:focus, .contacts-paul a:active { color: inherit; } .contacts-paul a:hover { color: #ff6252; } .contacts-paul > li + li { margin-top: 10px; } .contacts-paul-wrap { pointer-events: none; } .contacts-paul-wrap .contacts-paul { pointer-events: auto; } @media (min-width: 576px) { .contacts-paul { max-width: none; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.18); } } @media (min-width: 768px) { .contacts-paul { padding: 40px 15px; } .contacts-paul .icon { font-size: 35px; } .contacts-paul > li + li { margin-top: 20px; } } @media (min-width: 992px) { .contacts-paul { padding: 60px 40px; box-shadow: 0 37px 121px 0 rgba(0, 0, 0, 0.18); } .contacts-paul .icon { font-size: 45px; } .contacts-paul > li + li { margin-top: 30px; } } @media (min-width: 1200px) { .contacts-paul { padding: 65px 70px; } } .contacts-fiona > * { letter-spacing: 0; font-weight: 400; } .contacts-classic { color: #151515; } .contacts-classic a:not(.button), .contacts-classic a:not(.button):focus, .contacts-classic a:not(.button):active { color: inherit; } .contacts-classic a:not(.button):hover { color: #ff6252; } .context-dark .contacts-classic, .bg-gray-700 .contacts-classic, .bg-gray-800 .contacts-classic, .bg-gray-5 .contacts-classic, .bg-gray-13 .contacts-classic, .bg-gray-14 .contacts-classic, .bg-gray-17 .contacts-classic, .bg-gray-19 .contacts-classic, .bg-gray-21 .contacts-classic, .bg-primary .contacts-classic, .bg-secondary .contacts-classic, .bg-gradient-1 .contacts-classic { color: inherit; } .box-style-1 * + .big { margin-top: 4px; } .box-style-2 * + .big { margin-top: 18px; } @media (min-width: 768px) { .box-style-2 { min-height: 251px; } .box-style-2 * + .big { margin-top: 35px; } } @media (min-width: 1200px) { .box-style-3 { padding-bottom: 30px; } .box-style-3 .heading-7 { color: #151515; } .box-style-3 .heading-7.text-line-right::after { border-top-color: #e7eff6; } .box-style-3 * + .big { margin-top: 70px; } .box-style-3 * + .group-middle { margin-top: 50px; } } .map { position: relative; display: inline-block; z-index: 1; } .map-title { display: inline-block; position: absolute; top: 81%; left: 15%; padding: 13px 37px; font-style: italic; background: #ffffff; box-shadow: 0 13px 65px 0 rgba(0, 0, 0, 0.22); transform: translate(-50%, -50%); } .map-point { position: absolute; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #6693d0; transform: translate3d(-50%, -50%, 0); cursor: pointer; } .map-point::before { position: absolute; display: inline-block; content: ''; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: inherit; background: rgba(102, 147, 208, 0.24); transform: translate3d(-50%, -50%, 0) scale(1.5); animation: point 1s infinite linear; } .map-point-1 { top: 27.5%; left: 14.5%; } .map-point-2 { top: 23%; left: 36.5%; } .map-point-3 { top: 60%; left: 28%; } .map-point-4 { top: 60%; left: 76%; } .map-point-5 { top: 80.5%; left: 59.5%; } .map-point:hover .box-leah { opacity: 1; visibility: visible; transform: translateX(-50%); transition-delay: 0s; } @media (min-width: 992px) { .map-point:hover .box-leah { transform: translateX(-40%); } } @media (min-width: 992px) and (max-width: 1599.98px) { .map-point:hover .box-leah-1 { transform: translateX(-25%); } } @keyframes point { 50% { transform: translate3d(-50%, -50%, 0) scale(1.8); } } .intro { padding-left: 15px; padding-right: 15px; display: flex; align-items: center; flex-wrap: nowrap; justify-content: space-between; flex-direction: column-reverse; margin-top: -30px; } .intro > * { margin-top: 30px; } @media (min-width: 1200px) { .intro { flex-direction: row; } } .intro__description { text-align: center; } .intro__description p { font-size: 23px; } @media (min-width: 1200px) { .intro__description { text-align: left; margin-top: -30px; } .intro__description p { max-width: 420px; } } .intro__media { max-width: 500px; width: 100%; } @media (min-width: 1200px) { .intro__media { margin-left: -30px; } } @media (min-width: 1400px) { .intro__media { margin-left: -60px; width: 42vw; max-width: 799px; } } @media (min-width: 1300px) { .intro__media { margin-right: -37px; } } .box-nina { text-align: center; } @media (min-width: 768px) { .box-nina { text-align: left; } } .box-nina .media-1 { position: relative; } .box-nina .media-2 { display: none; } @media (min-width: 992px) { .box-nina .media-2 { display: block; position: absolute; right: -10%; top: 10%; } } @media (min-width: 1200px) { .box-nina .media-2 { right: calc(5px + 10%); } } .box-nina .text { display: none; } @media (min-width: 992px) { .box-nina .text { display: block; position: absolute; top: -34%; font-size: 120px; font-weight: 700; font-family: "Playfair Display", serif; color: rgba(21, 21, 21, 0.1); } } @media (min-width: 1600px) { .box-nina .text { display: block; top: 30%; left: -44%; transform: rotate(-90deg); } } /** @section Groups */ html .group { margin-bottom: -15px; margin-left: -20px; } html .group:empty { margin-bottom: 0; margin-left: 0; } html .group > * { margin-top: 0; margin-bottom: 15px; margin-left: 20px; } html .group-xs { margin-bottom: -10px; margin-left: -10px; } html .group-xs:empty { margin-bottom: 0; margin-left: 0; } html .group-xs > * { margin-top: 0; margin-bottom: 10px; margin-left: 10px; } html .group-sm { margin-bottom: -10px; margin-left: -15px; } html .group-sm:empty { margin-bottom: 0; margin-left: 0; } html .group-sm > * { margin-top: 0; margin-bottom: 10px; margin-left: 15px; } html .group-md { margin-bottom: -20px; margin-left: -25px; } html .group-md:empty { margin-bottom: 0; margin-left: 0; } html .group-md > * { margin-top: 0; margin-bottom: 20px; margin-left: 25px; } html .group-lg { margin-bottom: -20px; margin-left: -30px; } html .group-lg:empty { margin-bottom: 0; margin-left: 0; } html .group-lg > * { margin-top: 0; margin-bottom: 20px; margin-left: 30px; } html .group-xl { margin-bottom: -20px; margin-left: -40px; } html .group-xl:empty { margin-bottom: 0; margin-left: 0; } html .group-xl > * { margin-top: 0; margin-bottom: 20px; margin-left: 40px; } html .group-1 { margin-bottom: -30px; margin-left: -60px; } html .group-1:empty { margin-bottom: 0; margin-left: 0; } html .group-1 > * { margin-top: 0; margin-bottom: 30px; margin-left: 60px; } html .group-custom { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; max-width: 100%; } html .group-custom > * { flex: 0 1 100%; padding-left: 20px; padding-right: 20px; } @media (min-width: 576px) { html .group-custom { flex-wrap: nowrap; } html .group-custom > * { flex: 1 1 auto; } } .group-middle { display: inline-flex; align-items: center; flex-wrap: wrap; } .group-justify { display: flex; flex-wrap: wrap; justify-content: space-between; } .group-inline > * { display: inline-block; } .group-custom-1 { display: flex; flex-wrap: wrap; } .group-custom-1 .button { flex-shrink: 0; } @media (min-width: 576px) { .group-custom-1 { flex-wrap: nowrap; } } .group-custom-2 { display: flex; flex-wrap: wrap; } .group-custom-2 .button { flex-shrink: 0; } @media (min-width: 576px) { .group-custom-3 { position: relative; display: flex; align-items: flex-end; } .group-custom-3 img { position: absolute; width: 74.8%; left: 0; } .group-custom-3 .form-style-5 { margin-left: auto; flex-shrink: 0; } } @media (min-width: 1200px) { .group-custom-3 { margin-left: 30px; } } .group-custom-4 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .group-custom-4 .button { flex-grow: 1; flex-shrink: 0; } @media (min-width: 576px) { .group-custom-4 { flex-wrap: nowrap; } } .group-custom-5 { padding: 1px 0; } @media (min-width: 576px) { .group-custom-5 { display: flex; justify-content: space-between; } } * + .group-middle, * + .group-inline, * + .group-custom-1, * + .group-custom-2 { margin-top: 30px; } @media (min-width: 992px) { * + .group-middle, * + .group-custom-1, * + .group-custom-2 { margin-top: 40px; } } .ie-10 .group-custom-ie, .ie-11 .group-custom-ie, .ie-edge .group-custom-ie { flex-basis: 100%; } @media (min-width: 576px) { .ie-10 .group-custom-3, .ie-11 .group-custom-3, .ie-edge .group-custom-3 { align-items: flex-start; } } /** @section Responsive units */ .unit { display: flex; flex: 0 1 100%; margin-bottom: -20px; margin-left: -20px; } .unit > * { margin-bottom: 20px; margin-left: 20px; } .unit:empty { margin-bottom: 0; margin-left: 0; } .unit-body { flex: 0 1 auto; } .unit-left, .unit-right { flex: 0 0 auto; max-width: 100%; } .unit-spacing-xs { margin-bottom: -5px; margin-left: -5px; } .unit-spacing-xs > * { margin-bottom: 5px; margin-left: 5px; } .unit-spacing-sm { margin-bottom: -10px; margin-left: -10px; } .unit-spacing-sm > * { margin-bottom: 10px; margin-left: 10px; } .unit-spacing-md { margin-bottom: -15px; margin-left: -15px; } .unit-spacing-md > * { margin-bottom: 15px; margin-left: 15px; } .unit-spacing-lg { margin-bottom: -20px; margin-left: -25px; } .unit-spacing-lg > * { margin-bottom: 20px; margin-left: 25px; } .unit-spacing-xl { margin-bottom: -20px; margin-left: -30px; } .unit-spacing-xl > * { margin-bottom: 20px; margin-left: 30px; } .unit-spacing-1 { margin-bottom: -30px; margin-left: -20px; } .unit-spacing-1 > * { margin-bottom: 30px; margin-left: 20px; } .unit-spacing-2 { margin-bottom: -20px; margin-left: -35px; } .unit-spacing-2 > * { margin-bottom: 20px; margin-left: 35px; } .unit-spacing-3 { margin-bottom: -20px; margin-left: -40px; } .unit-spacing-3 > * { margin-bottom: 20px; margin-left: 40px; } @media (min-width: 768px) { .unit-spacing-3 { margin-bottom: -30px; margin-left: -60px; } .unit-spacing-3 > * { margin-bottom: 30px; margin-left: 60px; } } @media (min-width: 992px) { .unit-spacing-3 { margin-bottom: -30px; margin-left: -100px; } .unit-spacing-3 > * { margin-bottom: 30px; margin-left: 100px; } } @media (min-width: 1600px) { .unit-spacing-3 { margin-bottom: -30px; margin-left: -195px; } .unit-spacing-3 > * { margin-bottom: 30px; margin-left: 195px; } } /** @section Lists */ .list > li + li { margin-top: 10px; } .list-xs > li + li { margin-top: 5px; } .list-sm > li + li { margin-top: 10px; } .list-md > li + li { margin-top: 18px; } .list-lg > li + li { margin-top: 25px; } .list-xl > li + li { margin-top: 30px; } @media (min-width: 768px) { .list-xl > li + li { margin-top: 40px; } } @media (min-width: 992px) { .list-xl > li + li { margin-top: 50px; } } @media (min-width: 1200px) { .list-xl > li + li { margin-top: 60px; } } .list-inline > li { display: inline-block; } html .list-inline-xs { transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -8px; margin-right: -8px; } html .list-inline-xs > * { margin-top: 10px; padding-left: 8px; padding-right: 8px; } html .list-inline-sm { transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -10px; margin-right: -10px; } html .list-inline-sm > * { margin-top: 10px; padding-left: 10px; padding-right: 10px; } html .list-inline-md { transform: translate3d(0, -15px, 0); margin-bottom: -15px; margin-left: -13px; margin-right: -13px; } html .list-inline-md > * { margin-top: 15px; padding-left: 13px; padding-right: 13px; } html .list-inline-lg { transform: translate3d(0, -15px, 0); margin-bottom: -15px; margin-left: -15px; margin-right: -15px; } html .list-inline-lg > * { margin-top: 15px; padding-left: 15px; padding-right: 15px; } html .list-inline-xl { transform: translate3d(0, -15px, 0); margin-bottom: -15px; margin-left: -20px; margin-right: -20px; } html .list-inline-xl > * { margin-top: 15px; padding-left: 20px; padding-right: 20px; } html .list-inline-xxl { transform: translate3d(0, -15px, 0); margin-bottom: -15px; margin-left: -25px; margin-right: -25px; } html .list-inline-xxl > * { margin-top: 15px; padding-left: 25px; padding-right: 25px; } .list-terms dt + dd { margin-top: 15px; } .list-terms dd + dt { margin-top: 30px; } * + .list-terms { margin-top: 30px; } @media (min-width: 768px) { * + .list-terms { margin-top: 40px; } } .index-list { counter-reset: li; } .index-list > li .list-index-counter:before { content: counter(li, decimal-leading-zero); counter-increment: li; } .list-marked { text-align: left; font-weight: 400; color: #151515; } .list-marked > li { padding-left: 22px; text-indent: -22px; } .list-marked > li::before { position: relative; display: inline-block; vertical-align: middle; content: ''; top: -2px; width: 6px; height: 6px; margin-right: 16px; border-radius: 50%; text-indent: 0; background: #ff6252; } .list-marked a, .list-marked a:focus, .list-marked a:active { color: inherit; } .list-marked a:hover { color: #ff6252; } .list-marked > li + li { margin-top: 4px; } .list-marked-1 { font-weight: 300; } .list-marked-1 > li + li { margin-top: 10px; } @media (min-width: 768px) { .list-marked-1 > li + li { margin-top: 15px; } } .list-marked-2 > li::before { background: #b8b8b8; } * + .list-marked { margin-top: 15px; } p + .list-marked { margin-top: 15px; } .list-ordered { counter-reset: li; text-align: left; font-weight: 400; color: #151515; } .list-ordered > li { position: relative; padding-left: 18px; text-indent: -18px; } .list-ordered > li:before { display: inline-block; counter-increment: li; content: counter(li, decimal) "."; min-width: 16px; margin-right: 2px; text-indent: 0; } .list-ordered > li + li { margin-top: 4px; } * + .list-ordered { margin-top: 15px; } .list-social { font-size: 0; line-height: 0; color: #ff6252; } .list-social .icon { font-size: 20px; line-height: 1; } .list-social a, .list-social a:focus, .list-social a:active { color: inherit; } .list-social a:hover { color: #ff9085; } .list-social .mdi-facebook, .list-social .mdi-facebook:focus, .list-social .mdi-facebook:active { color: #4d70a8; } .list-social .mdi-facebook:hover { color: #748abc; } .list-social .mdi-google, .list-social .mdi-google:focus, .list-social .mdi-google:active { color: #e2411e; } .list-social .mdi-google:hover { color: #de7272; } .list-social .mdi-twitter, .list-social .mdi-twitter:focus, .list-social .mdi-twitter:active { color: #02bcf3; } .list-social .mdi-twitter:hover { color: #02a8da; } .list-social .mdi-youtube-play, .list-social .mdi-youtube-play:focus, .list-social .mdi-youtube-play:active { color: #ff4545; } .list-social .mdi-youtube-play:hover { color: #ff1212; } @media (min-width: 768px) { .list-social .icon { font-size: 25px; } } .list-social-title { font-weight: 400; color: #151515; } * + .list-social { margin-top: 18px; } .context-dark .list-social, .bg-gray-700 .list-social, .bg-gray-800 .list-social, .bg-gray-5 .list-social, .bg-gray-13 .list-social, .bg-gray-14 .list-social, .bg-gray-17 .list-social, .bg-gray-19 .list-social, .bg-gray-21 .list-social, .bg-primary .list-social, .bg-secondary .list-social, .bg-gradient-1 .list-social { color: #ffffff; } .context-dark .list-social a, .bg-gray-700 .list-social a, .bg-gray-800 .list-social a, .bg-gray-5 .list-social a, .bg-gray-13 .list-social a, .bg-gray-14 .list-social a, .bg-gray-17 .list-social a, .bg-gray-19 .list-social a, .bg-gray-21 .list-social a, .bg-primary .list-social a, .bg-secondary .list-social a, .bg-gradient-1 .list-social a, .context-dark .list-social a:focus, .bg-gray-700 .list-social a:focus, .bg-gray-800 .list-social a:focus, .bg-gray-5 .list-social a:focus, .bg-gray-13 .list-social a:focus, .bg-gray-14 .list-social a:focus, .bg-gray-17 .list-social a:focus, .bg-gray-19 .list-social a:focus, .bg-gray-21 .list-social a:focus, .bg-primary .list-social a:focus, .bg-secondary .list-social a:focus, .bg-gradient-1 .list-social a:focus, .context-dark .list-social a:active, .bg-gray-700 .list-social a:active, .bg-gray-800 .list-social a:active, .bg-gray-5 .list-social a:active, .bg-gray-13 .list-social a:active, .bg-gray-14 .list-social a:active, .bg-gray-17 .list-social a:active, .bg-gray-19 .list-social a:active, .bg-gray-21 .list-social a:active, .bg-primary .list-social a:active, .bg-secondary .list-social a:active, .bg-gradient-1 .list-social a:active { color: inherit; } .context-dark .list-social a:hover, .bg-gray-700 .list-social a:hover, .bg-gray-800 .list-social a:hover, .bg-gray-5 .list-social a:hover, .bg-gray-13 .list-social a:hover, .bg-gray-14 .list-social a:hover, .bg-gray-17 .list-social a:hover, .bg-gray-19 .list-social a:hover, .bg-gray-21 .list-social a:hover, .bg-primary .list-social a:hover, .bg-secondary .list-social a:hover, .bg-gradient-1 .list-social a:hover { color: #ff6252; } .list-social-2 { font-size: 0; line-height: 0; transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -15px; margin-right: -15px; } .list-social-2 > * { margin-top: 10px; padding-left: 15px; padding-right: 15px; } .list-social-2 .icon { font-size: 25px; line-height: 1; } .list-social-2 a, .list-social-2 a:focus, .list-social-2 a:active { color: #ff6252; } .list-social-2 a:hover { color: #ff9085; } .list-social-2 .mdi-facebook, .list-social-2 .mdi-facebook:focus, .list-social-2 .mdi-facebook:active { color: #4d70a8; } .list-social-2 .mdi-facebook:hover { color: #748abc; } .list-social-2 .mdi-google, .list-social-2 .mdi-google:focus, .list-social-2 .mdi-google:active { color: #e2411e; } .list-social-2 .mdi-google:hover { color: #de7272; } .list-social-2 .mdi-twitter, .list-social-2 .mdi-twitter:focus, .list-social-2 .mdi-twitter:active { color: #02bcf3; } .list-social-2 .mdi-twitter:hover { color: #02a8da; } .list-social-2 li + li { border-left: 1px solid #e7eff6; } * + .list-social-2 { margin-top: 18px; } @media (min-width: 1200px) { .list-social-3 .icon { font-size: 30px; } } .list-social-4 { color: rgba(21, 21, 21, 0.8); } .list-social-4 a, .list-social-4 a:focus, .list-social-4 a:active, .list-social-4 .icon, .list-social-4 .icon:focus, .list-social-4 .icon:active { color: inherit; } .list-social-4 a:hover, .list-social-4 .icon:hover { color: #ff6252; } .list-2-column { margin-bottom: -4px; } .list-2-column > li { margin-bottom: 4px; } .list-2-column > li + li { margin-top: 0; } @media (min-width: 576px) { .list-2-column { columns: 2; break-inside: avoid; -moz-column-gap: 26px; -webkit-column-gap: 26px; } } .list-category a { display: inline-flex; justify-content: space-between; width: 100%; text-indent: 0; } .list-category > li + li { margin-top: 6px; } * + .list-category { margin-top: 20px; } .list-contacts { text-align: left; color: #151515; font-weight: 400; } .list-contacts > li { display: flex; line-height: 30px; } .list-contacts > li > * + * { margin-top: 0; margin-left: 20px; } .list-contacts > li + li { margin-top: 10px; } .list-contacts .icon { vertical-align: middle; font-size: 20px; line-height: 30px; color: rgba(21, 21, 21, 0.5); } .list-contacts a { align-self: center; } .list-contacts a, .list-contacts a:focus, .list-contacts a:active { color: inherit; } .list-contacts a:hover { color: #ff6252; } * + .list-contacts { margin-top: 20px; } .list-contacts + .list-social { margin-top: 30px; } @media (min-width: 768px) { .list-contacts > li + li { margin-top: 20px; } .list-contacts > li > * + * { margin-left: 30px; } .list-contacts .icon { font-size: 25px; } * + .list-contacts { margin-top: 40px; } .list-contacts + .list-social { margin-top: 40px; } } @media (min-width: 992px) { * + .list-contacts { margin-top: 50px; } .list-contacts + .list-social { margin-top: 50px; } } @media (min-width: 1200px) { .list-contacts + .list-social { margin-top: 60px; } } .context-dark .list-contacts, .bg-gray-700 .list-contacts, .bg-gray-800 .list-contacts, .bg-gray-5 .list-contacts, .bg-gray-13 .list-contacts, .bg-gray-14 .list-contacts, .bg-gray-17 .list-contacts, .bg-gray-19 .list-contacts, .bg-gray-21 .list-contacts, .bg-primary .list-contacts, .bg-secondary .list-contacts, .bg-gradient-1 .list-contacts { color: #ffffff; } .context-dark .list-contacts .icon, .bg-gray-700 .list-contacts .icon, .bg-gray-800 .list-contacts .icon, .bg-gray-5 .list-contacts .icon, .bg-gray-13 .list-contacts .icon, .bg-gray-14 .list-contacts .icon, .bg-gray-17 .list-contacts .icon, .bg-gray-19 .list-contacts .icon, .bg-gray-21 .list-contacts .icon, .bg-primary .list-contacts .icon, .bg-secondary .list-contacts .icon, .bg-gradient-1 .list-contacts .icon { color: rgba(255, 255, 255, 0.3); } .context-dark .list-contacts a:hover, .bg-gray-700 .list-contacts a:hover, .bg-gray-800 .list-contacts a:hover, .bg-gray-5 .list-contacts a:hover, .bg-gray-13 .list-contacts a:hover, .bg-gray-14 .list-contacts a:hover, .bg-gray-17 .list-contacts a:hover, .bg-gray-19 .list-contacts a:hover, .bg-gray-21 .list-contacts a:hover, .bg-primary .list-contacts a:hover, .bg-secondary .list-contacts a:hover, .bg-gradient-1 .list-contacts a:hover { color: rgba(255, 255, 255, 0.7); } /** @section Images */ img { display: inline-block; max-width: 100%; height: auto; } .img-responsive { width: 100%; } .img-duotone + img { margin-top: 0; } .image-classic-wrap { display: flex; align-items: center; justify-content: space-between; padding: 30px 0; margin: 0 -15px; overflow-x: auto; } .image-classic { width: auto; max-height: 200px; padding: 0 10px; flex-shrink: 0; } * + .image-classic { margin-top: 0; } @media (min-width: 768px) { .image-classic-wrap { padding: 50px 0; } } @media (min-width: 1200px) { .image-classic-wrap { padding: 0; margin: 0; } .image-classic { position: absolute; padding: 0; max-height: none; box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.22); z-index: 1; } .image-classic-1 { top: -9%; } .image-classic-2 { top: -5.5%; transform: translateX(111%); } .image-classic-3 { bottom: -16%; } .image-classic-4 { right: 0; bottom: -36%; } .image-classic-5 { right: 12%; bottom: -30%; } } @media (min-width: 1600px) { .image-classic-4 { bottom: -17%; } .image-classic-5 { right: 7%; } } @media (max-width: 575.98px) { .image-1 { max-width: 250px; } } .image-2 { display: none; } @media (min-width: 1600px) { .image-2 { display: inline-block; position: absolute; top: 46%; left: 2%; margin: 0; transform: translate(-50%, -50%); z-index: -1; } } @media (min-width: 768px) { .image-position { position: absolute; top: 0; bottom: 0; } .image-position img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; z-index: -1; } @supports (object-fit: cover) { .image-position img { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } } @media (min-width: 768px) { .image-position-right { right: 0; width: calc(50% - 15px); } } @media (min-width: 992px) { .image-position-right { width: calc(50% + 40px); } } .float-img { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; } .float-img::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: rgba(245, 245, 245, 0.8); } .float-img img { max-width: none; width: 100%; height: 100%; object-fit: cover; } @media (min-width: 992px) { .float-img { bottom: 14%; left: 40%; } .float-img::before { background: none; } } /** @section Tables custom */ .table-custom { width: 100%; max-width: 100%; text-align: left; background: #ffffff; border-collapse: collapse; } .table-custom th, .table-custom td { color: #3d3d3d; background: #ffffff; } .table-custom th { padding: 35px 24px; font-size: 14px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; background: #d7d7d7; } @media (max-width: 991.98px) { .table-custom th { padding-top: 20px; padding-bottom: 20px; } } .table-custom td { padding: 17px 24px; } .table-custom tbody tr:first-child td { border-top: 0; } .table-custom tr td { border-bottom: 1px solid #f2f8ff; } .table-custom tfoot td { font-weight: 700; } * + .table-custom-responsive { margin-top: 20px; } @media (min-width: 768px) { * + .table-custom-responsive { margin-top: 30px; } } @media (min-width: 992px) { * + .table-custom-responsive { margin-top: 40px; } } .table-custom.table-custom-primary thead th { color: #ffffff; background: #ff6252; border: 0; } .table-custom.table-custom-primary tbody tr:hover td { background: #d7d7d7; } .table-custom.table-custom-bordered tr td:first-child { border-left: 0; } .table-custom.table-custom-bordered tr td:last-child { border-right: 0; } .table-custom.table-custom-bordered td { border: 1px solid #f2f8ff; } .table-custom.table-custom-bordered tbody > tr:first-of-type > td { border-top: 0; } .table-custom.table-custom-striped { border-bottom: 1px solid #f2f8ff; } .table-custom.table-custom-striped tbody tr:nth-of-type(odd) td { background: transparent; } .table-custom.table-custom-striped tbody tr:nth-of-type(even) td { background: #d7d7d7; } .table-custom.table-custom-striped tbody td { border: 0; } .table-custom.table-custom-striped tfoot td:not(:first-child) { border-left: 0; } @media (max-width: 991.98px) { .table-custom-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-custom-responsive.table-bordered { border: 0; } } .mobile .table-custom-responsive-1, .tablet .table-custom-responsive-1 { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-cart { text-align: center; color: #151515; border: 1px solid #f2f8ff; } .table-cart thead tr { border: 1px solid #f2f8ff; } .table-cart tr td { border: none; } .table-cart th:first-child, .table-cart td:first-child { text-align: left; } @media (min-width: 992px) { .table-cart th:first-child, .table-cart td:first-child { padding-left: 20px; } } @media (min-width: 1200px) { .table-cart th:first-child, .table-cart td:first-child { padding-left: 30px; } } .table-cart tbody tr td { padding: 10px 14px; } .table-cart tbody tr:first-child td { padding-top: 20px; } .table-cart tbody tr:last-child td { padding-bottom: 20px; } @media (min-width: 1200px) { .table-cart tbody tr td { padding-top: 12px; padding-bottom: 12px; } .table-cart tbody tr:first-child td { padding-top: 24px; } .table-cart tbody tr:last-child td { padding-bottom: 24px; } } .table-cart th { padding: 14px; font-size: 16px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(21, 21, 21, 0.5); background: #ffffff; } .table-cart th:first-child { color: #151515; } @media (min-width: 992px) { .table-cart th { padding-top: 21px; padding-bottom: 21px; } } .table-cart td { width: auto; min-width: auto; font-size: 16px; font-weight: 400; letter-spacing: .025em; color: #151515; } .table-cart td:first-child { width: 62%; min-width: 300px; } @media (min-width: 992px) { .table-cart td:first-child { min-width: 500px; } } .table-cart td:nth-child(2), .table-cart td:nth-child(4) { width: 13%; min-width: 100px; } .table-cart td:nth-child(3) { min-width: 150px; } @media (min-width: 992px) { .table-cart td { font-size: 20px; } } @media (min-width: 1200px) { .table-cart td { font-size: 24px; } } .table-cart-item { display: flex; align-items: center; } .table-cart-link { letter-spacing: .01em; } .table-cart-link, .table-cart-link:focus, .table-cart-link:active { color: inherit; } .table-cart-link:hover { color: #ff6252; } .table-cart-figure { display: inline-block; text-align: center; max-width: 70px; flex-shrink: 0; background: #f5f5f5; } .table-cart-figure:hover { background: rgba(245, 245, 245, 0.7); } @media (min-width: 768px) { .table-cart-figure { max-width: 90px; } } @media (min-width: 992px) { .table-cart-figure { max-width: none; } } .table-cart-figure + a { margin-left: 15px; } @media (min-width: 992px) { .table-cart-link { font-size: 20px; } .table-cart-figure + a { margin-left: 30px; } } .table-checkout { text-transform: uppercase; border: 1px solid #f2f8ff; } .table-checkout td { padding: 15px; font-size: 14px; letter-spacing: .1em; font-weight: 500; color: #151515; } .table-checkout td:first-child { min-width: 180px; } .table-checkout td:last-child { min-width: 100px; text-align: right; } @media (min-width: 768px) { .table-checkout td { padding: 20px; font-size: 16px; } } @media (min-width: 992px) { .table-checkout td { padding: 25px 50px 25px 25px; } } .table-info-wrap { padding: 20px 15px; background: #ffffff; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24); } .table-info-wrap-2 { border: 2px solid #151515; box-shadow: none; } .table-info-wrap-2 .table-info th { font-weight: 700; } .table-info { width: 100%; max-width: 100%; text-align: left; font-weight: 400; color: #151515; background: #ffffff; border-collapse: collapse; } .table-info th { font-weight: 500; letter-spacing: .1em; text-transform: uppercase; } .table-info td:last-child { color: rgba(21, 21, 21, 0.8); } .table-info th, .table-info td { padding: 10px 10px; } @media (min-width: 768px) { .table-info th, .table-info td { padding: 16px 10px; } } @media (min-width: 992px) { .table-info th, .table-info td { padding: 16px 20px; } } .table-info tbody tr { border-top: 1px solid #e7eff6; } .table-info th + th, .table-info td + td { border-left: 1px solid #e7eff6; } * + .table-info-wrap { margin-top: 30px; } @media (min-width: 768px) { .table-info-wrap { padding: 30px 15px; } * + .table-info-wrap-1 { margin-top: 30px; } } @media (min-width: 992px) { .table-info-wrap { padding: 30px 20px; } * + .table-info-wrap { margin-top: 50px; } } @media (min-width: 1200px) { .table-info-wrap { padding: 40px; } .table-info-wrap-2 { padding-top: 35px; padding-bottom: 35px; font-size: 18px; } .table-info-wrap-2 .table-info th, .table-info-wrap-2 .table-info td { padding-top: 14px; padding-bottom: 14px; } } .context-dark .table-info, .bg-gray-700 .table-info, .bg-gray-800 .table-info, .bg-gray-5 .table-info, .bg-gray-13 .table-info, .bg-gray-14 .table-info, .bg-gray-17 .table-info, .bg-gray-19 .table-info, .bg-gray-21 .table-info, .bg-primary .table-info, .bg-secondary .table-info, .bg-gradient-1 .table-info { color: #ffffff; background: transparent; } .context-dark .table-info td, .bg-gray-700 .table-info td, .bg-gray-800 .table-info td, .bg-gray-5 .table-info td, .bg-gray-13 .table-info td, .bg-gray-14 .table-info td, .bg-gray-17 .table-info td, .bg-gray-19 .table-info td, .bg-gray-21 .table-info td, .bg-primary .table-info td, .bg-secondary .table-info td, .bg-gradient-1 .table-info td, .context-dark .table-info td:last-child, .bg-gray-700 .table-info td:last-child, .bg-gray-800 .table-info td:last-child, .bg-gray-5 .table-info td:last-child, .bg-gray-13 .table-info td:last-child, .bg-gray-14 .table-info td:last-child, .bg-gray-17 .table-info td:last-child, .bg-gray-19 .table-info td:last-child, .bg-gray-21 .table-info td:last-child, .bg-primary .table-info td:last-child, .bg-secondary .table-info td:last-child, .bg-gradient-1 .table-info td:last-child { color: rgba(255, 255, 255, 0.8); } .context-dark .table-info thead th, .bg-gray-700 .table-info thead th, .bg-gray-800 .table-info thead th, .bg-gray-5 .table-info thead th, .bg-gray-13 .table-info thead th, .bg-gray-14 .table-info thead th, .bg-gray-17 .table-info thead th, .bg-gray-19 .table-info thead th, .bg-gray-21 .table-info thead th, .bg-primary .table-info thead th, .bg-secondary .table-info thead th, .bg-gradient-1 .table-info thead th, .context-dark .table-info tbody tr, .bg-gray-700 .table-info tbody tr, .bg-gray-800 .table-info tbody tr, .bg-gray-5 .table-info tbody tr, .bg-gray-13 .table-info tbody tr, .bg-gray-14 .table-info tbody tr, .bg-gray-17 .table-info tbody tr, .bg-gray-19 .table-info tbody tr, .bg-gray-21 .table-info tbody tr, .bg-primary .table-info tbody tr, .bg-secondary .table-info tbody tr, .bg-gradient-1 .table-info tbody tr, .context-dark .table-info tbody td, .bg-gray-700 .table-info tbody td, .bg-gray-800 .table-info tbody td, .bg-gray-5 .table-info tbody td, .bg-gray-13 .table-info tbody td, .bg-gray-14 .table-info tbody td, .bg-gray-17 .table-info tbody td, .bg-gray-19 .table-info tbody td, .bg-gray-21 .table-info tbody td, .bg-primary .table-info tbody td, .bg-secondary .table-info tbody td, .bg-gradient-1 .table-info tbody td { border-color: rgba(255, 255, 255, 0.1); } .table-schedule { width: 100%; max-width: 100%; text-align: center; font-weight: 400; color: #151515; background: #ffffff; border-collapse: collapse; } .table-schedule td, .table-schedule th { width: calc(100%/8); min-width: 110px; border: 1px solid #e7eff6; } .table-schedule th { padding: 10px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; color: rgba(21, 21, 21, 0.8); background: #f5f5f5; } @media (min-width: 992px) { .table-schedule th { padding: 20px 10px; } } .table-schedule td { padding: 0; vertical-align: top; } .table-schedule td:first-child { vertical-align: middle; padding: 0 5px; } @media (min-width: 992px) { .table-schedule td:first-child { font-size: 18px; } } .table-schedule td:hover { position: relative; z-index: 2; } /** @section Dividers */ hr { margin-top: 0; margin-bottom: 0; border-top: 1px solid #f2f8ff; } .divider { font-size: 0; line-height: 0; } .divider::after { display: inline-block; content: ''; width: 60px; height: 0; border-top: 2px solid #ff6252; animation: moreLoop 2.5s cubic-bezier(0.77, 0, 0.175, 1) infinite; } * + .divider { margin-top: 20px; } .divider + * { margin-top: 20px; } @media (min-width: 768px) { .divider + h3 { margin-top: 30px; } .divider + h4 { margin-top: 30px; } } @media (min-width: 1200px) { .divider + h4 { margin-top: 45px; } } .hr-24 { margin: 24px 0; } .hr-30 { margin: 30px 0; } .text-line-left::before { display: inline-block; vertical-align: middle; content: ''; width: 60px; height: 0; margin-right: 20px; border-top: 1px solid #e7eff6; animation: moreLoop 2.5s cubic-bezier(0.77, 0, 0.175, 1) infinite; } .text-line-right::after { display: inline-block; vertical-align: middle; content: ''; width: 60px; height: 0; margin-left: 20px; border-top: 1px solid #e7eff6; animation: moreLoop 2.5s cubic-bezier(0.77, 0, 0.175, 1) infinite; } @media (min-width: 992px) { .text-line-left::before { width: 80px; margin-right: 30px; } .text-line-right::after { width: 80px; margin-left: 30px; } } @media (min-width: 1200px) { .text-line-left::before { width: 100px; margin-right: 35px; } .text-line-right::after { width: 100px; margin-left: 35px; } .text-line-big::before { width: 130px; } } .context-dark .text-line-right::before, .bg-gray-700 .text-line-right::before, .bg-gray-800 .text-line-right::before, .bg-gray-5 .text-line-right::before, .bg-gray-13 .text-line-right::before, .bg-gray-14 .text-line-right::before, .bg-gray-17 .text-line-right::before, .bg-gray-19 .text-line-right::before, .bg-gray-21 .text-line-right::before, .bg-primary .text-line-right::before, .bg-secondary .text-line-right::before, .bg-gradient-1 .text-line-right::before { border-top-color: rgba(255, 255, 255, 0.5); } .context-dark .text-line-right::after, .bg-gray-700 .text-line-right::after, .bg-gray-800 .text-line-right::after, .bg-gray-5 .text-line-right::after, .bg-gray-13 .text-line-right::after, .bg-gray-14 .text-line-right::after, .bg-gray-17 .text-line-right::after, .bg-gray-19 .text-line-right::after, .bg-gray-21 .text-line-right::after, .bg-primary .text-line-right::after, .bg-secondary .text-line-right::after, .bg-gradient-1 .text-line-right::after { border-top-color: rgba(255, 255, 255, 0.5); } @keyframes moreLoop { 0% { transform: scale(0, 1); transform-origin: left; } 47% { transform: scale(1, 1); transform-origin: left; } 48% { transform: scale(1, 1); transform-origin: right; } 95% { transform: scale(0, 1); transform-origin: right; } 96% { transform: scale(0, 1); transform-origin: left; } 100% { transform: scale(0, 1); } } /** @section Buttons */ .button { position: relative; overflow: hidden; display: inline-block; padding: 16px 40px; font-size: 14px; line-height: 1.5; border: 2px solid; border-radius: 4px; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; text-align: center; cursor: pointer; vertical-align: middle; user-select: none; transition: 250ms all ease-in-out; } .button-block { display: block; width: 100%; } .button-default, .button-default:focus { color: #414244; background-color: #ffffff; border-color: #ffffff; } .button-default:hover, .button-default:active, .button-default.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-default.button-ujarak::before { background: #ff6252; } .button-primary, .button-primary:focus { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-primary:hover, .button-primary:active, .button-primary.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-primary.button-ujarak::before { background: #ff6252; } .button-white, .button-white:focus { color: #151515; background-color: #ffffff; border-color: #ffffff; } .button-white:hover, .button-white:active, .button-white.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-white.button-ujarak::before { background: #ff6252; } .button-white-2, .button-white-2:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.27); border-color: transparent; } .button-white-2:hover, .button-white-2:active, .button-white-2.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-white-2.button-ujarak::before { background: #ff6252; } .button-gray-100, .button-gray-100:focus { color: #151515; background-color: #f5f5f5; border-color: #f5f5f5; } .button-gray-100:hover, .button-gray-100:active, .button-gray-100.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-gray-100.button-ujarak::before { background: #ff6252; } .button-gray-800, .button-gray-800:focus { color: #ffffff; background-color: #151515; border-color: #151515; } .button-gray-800:hover, .button-gray-800:active, .button-gray-800.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-gray-800.button-ujarak::before { background: #ff6252; } .button-gray-24, .button-gray-24:focus { color: #ffffff; background-color: #434343; border-color: #434343; } .button-gray-24:hover, .button-gray-24:active, .button-gray-24.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-gray-24.button-ujarak::before { background: #ff6252; } .button-gray-5, .button-gray-5:focus { color: #ffffff; background-color: #373737; border-color: #373737; } .button-gray-5:hover, .button-gray-5:active, .button-gray-5.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-gray-5.button-ujarak::before { background: #ff6252; } .button-gray-11, .button-gray-11:focus { color: #ffffff; background-color: #505050; border-color: #505050; } .button-gray-11:hover, .button-gray-11:active, .button-gray-11.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-gray-11.button-ujarak::before { background: #ff6252; } .button-gray-18, .button-gray-18:focus { color: #ffffff; background-color: #595a62; border-color: #595a62; } .button-gray-18:hover, .button-gray-18:active, .button-gray-18.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-gray-18.button-ujarak::before { background: #ff6252; } .button-gray-22, .button-gray-22:focus { color: #ffffff; background-color: #252525; border-color: #252525; } .button-gray-22:hover, .button-gray-22:active, .button-gray-22.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-gray-22.button-ujarak::before { background: #ff6252; } .button-primary, .button-primary:focus { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-primary:hover, .button-primary:active, .button-primary.active { color: #151515; background-color: #ffde6c; border-color: #ffde6c; } .button-primary.button-ujarak::before { background: #ffde6c; } .button-gradient, .button-gradient:focus { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-gradient:hover, .button-gradient:active, .button-gradient.active { color: #ffffff; background-color: #ffde6c; border-color: #ffde6c; } .button-gradient.button-ujarak::before { background: #ffde6c; } .button-default-outline, .button-default-outline:focus { color: #151515; background-color: transparent; border-color: #151515; } .button-default-outline:hover, .button-default-outline:active, .button-default-outline.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-default-outline.button-ujarak::before { background: #ff6252; } .button-white-outline, .button-white-outline:focus { color: #ffffff; background-color: transparent; border-color: #ffffff; } .button-white-outline:hover, .button-white-outline:active, .button-white-outline.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-white-outline.button-ujarak::before { background: #ff6252; } .button-white-outline-2, .button-white-outline-2:focus { color: #ffffff; background-color: transparent; border-color: rgba(255, 255, 255, 0.3); } .button-white-outline-2:hover, .button-white-outline-2:active, .button-white-outline-2.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-white-outline-2.button-ujarak::before { background: #ff6252; } .button-default-outline-2, .button-default-outline-2:focus { color: #373737; background-color: transparent; border-color: #373737; } .button-default-outline-2:hover, .button-default-outline-2:active, .button-default-outline-2.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-default-outline-2.button-ujarak::before { background: #ff6252; } .button-default-outline-3, .button-default-outline-3:focus { color: #373737; background-color: transparent; border-color: #373737; } .button-default-outline-3:hover, .button-default-outline-3:active, .button-default-outline-3.active { color: #ffffff; background-color: #373737; border-color: #373737; } .button-default-outline-3.button-ujarak::before { background: #373737; } .button-default-outline-4, .button-default-outline-4:focus { color: #151515; background-color: transparent; border-color: #c8c8c8; } .button-default-outline-4:hover, .button-default-outline-4:active, .button-default-outline-4.active { color: #ffffff; background-color: #373737; border-color: #373737; } .button-default-outline-4.button-ujarak::before { background: #373737; } .button-primary-outline, .button-primary-outline:focus { color: #ff6252; background-color: transparent; border-color: #ff6252; } .button-primary-outline:hover, .button-primary-outline:active, .button-primary-outline.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-primary-outline.button-ujarak::before { background: #ff6252; } .button-primary-outline-2, .button-primary-outline-2:focus { color: #ff6252; background-color: transparent; border-color: #ff6252; } .button-primary-outline-2:hover, .button-primary-outline-2:active, .button-primary-outline-2.active { color: #ffffff; background-color: #ff6252; border-color: #ff6252; } .button-primary-outline-2.button-ujarak::before { background: #ff6252; } .button-ghost { border: 0; background-color: transparent; } .button-ghost:hover { color: #ffffff; background: #ff6252; } .button-facebook, .button-facebook:focus { color: #ffffff; background-color: #4d70a8; border-color: #4d70a8; } .button-facebook:hover, .button-facebook:active, .button-facebook.active { color: #ffffff; background-color: #456497; border-color: #456497; } .button-facebook.button-ujarak::before { background: #456497; } .button-twitter, .button-twitter:focus { color: #ffffff; background-color: #02bcf3; border-color: #02bcf3; } .button-twitter:hover, .button-twitter:active, .button-twitter.active { color: #ffffff; background-color: #02a8da; border-color: #02a8da; } .button-twitter.button-ujarak::before { background: #02a8da; } .button-google, .button-google:focus { color: #ffffff; background-color: #e2411e; border-color: #e2411e; } .button-google:hover, .button-google:active, .button-google.active { color: #ffffff; background-color: #cc3a1a; border-color: #cc3a1a; } .button-google.button-ujarak::before { background: #cc3a1a; } .button-shadow { box-shadow: 0 10px 9px 0 rgba(0, 0, 0, 0.14); } .button-ujarak { position: relative; z-index: 0; transition: background .4s, border-color .4s, color .4s; } .button-ujarak::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ff6252; z-index: -1; opacity: 0; transform: scale3d(0.7, 1, 1); transition: transform 0.42s, opacity 0.42s; border-radius: inherit; } .button-ujarak, .button-ujarak::before { transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .button-ujarak:hover { transition: background .4s .4s, border-color .4s 0s, color .2s 0s; } .button-ujarak:hover::before { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } .button-xs { padding: 8px 17px; } .button-sm { padding: 11px 30px; font-size: 12px; line-height: 1.6; } .button-lg { padding: 16px 30px; font-size: 13px; line-height: 1.334; } .button-xl { padding: 26px 40px; font-size: 14px; line-height: 1; } .button-custom { padding: 12px 40px; } @media (min-width: 768px) { .button-custom { padding: 16px 40px; font-size: 14px; line-height: 1.5; } } @media (min-width: 992px) { .button-custom { padding: 26px 40px; font-size: 14px; line-height: 1; } } @media (min-width: 992px) { .button-1 { padding-left: 35px; padding-right: 35px; } } .button-circle { border-radius: 30px; } .button-round-1 { border-radius: 5px; } .button-round-2 { border-radius: 10px; } .button-icon { display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; } .button-icon .icon { position: relative; display: inline-block; vertical-align: middle; color: inherit; font-size: 18px; line-height: 1; } @media (min-width: 768px) { .button-icon .icon { font-size: 22px; } } .button-icon-left .icon { padding-right: 11px; } .button-icon-right { flex-direction: row-reverse; } .button-icon-right .icon { padding-left: 11px; } .button-icon.button-link .icon { top: 5px; font-size: 1em; } .button-icon.button-xs .icon { top: .05em; font-size: 1.2em; padding-right: 8px; } .button-icon.button-xs .button-icon-right { padding-left: 8px; } .btn-primary { border-radius: 3px; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; transition: .33s; } .btn-primary, .btn-primary:active, .btn-primary:focus { color: #ffffff; background: #ff6252; border-color: #ff6252; } .btn-primary:hover { color: #ffffff; background: #000000; border-color: #000000; } .button-gradient { border-color: transparent; background-size: 200% auto; background-position: 100% 50%; background-image: linear-gradient(84deg, #ff6252 0%, #ffde6c 50%, #ff6252 100%); animation: motionGradient 5s infinite linear; color: #ffffff; } .button-gradient:hover { background-position: var(--x) 50%; border-color: transparent; transition: none; animation: none; } @keyframes motionGradient { 90% { background-position: 100% 50%; } 95% { background-position: 0 50%; } } .ie-10 .button-gradient, .ie-11 .button-gradient, .ie-edge .button-gradient { animation: none; transition: .3s ease; } .ie-10 .button-gradient:hover, .ie-11 .button-gradient:hover, .ie-edge .button-gradient:hover { background-position: 0 50%; } .button-tag { display: inline-block; border: 1px solid; padding: 8px 16px 6px; font-size: 12px; line-height: 2; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; white-space: nowrap; text-overflow: ellipsis; text-align: center; cursor: pointer; vertical-align: middle; user-select: none; transition: 250ms all ease-in-out; } .button-tag, .button-tag:focus { color: rgba(21, 21, 21, 0.5); background-color: transparent; border-color: #e7eff6; } .button-tag:hover, .button-tag:active, .button-tag.active { color: #151515; background-color: transparent; border-color: #e7eff6; } .button-tag.button-ujarak::before { background: transparent; } /** @section Forms */ .rd-form { position: relative; text-align: left; } input:-webkit-autofill ~ label, input:-webkit-autofill ~ .form-validation { color: #000000 !important; } .form-wrap { position: relative; } .form-wrap.has-error .form-input { border-color: #f5543f; } .form-wrap.has-focus .form-input { border-color: #ff6252; } .form-wrap + * { margin-top: 12px; } .form-wrap + .button, .form-wrap + .form-button { margin-top: 20px; } @media (min-width: 768px) { .form-wrap + * { margin-top: 20px; } .form-wrap + .button, .form-wrap + .form-button { margin-top: 30px; } } @media (min-width: 992px) { .form-wrap + .form-button { margin-top: 50px; } } .form-input { display: block; width: 100%; min-height: 40px; padding: 6px 15px; font-size: 14px; font-weight: 300; line-height: 27px; letter-spacing: .035em; color: #151515; background-color: #f5f5f5; background-image: none; border-radius: 5px; -webkit-appearance: none; transition: .3s ease-in-out; border: 1px solid #e7eff6; } .form-input:focus { outline: 0; } @media (min-width: 768px) { .form-input { min-height: 50px; padding: 11px 20px; font-size: 16px; } } @media (min-width: 992px) { .form-input { min-height: 60px; padding: 16px 25px; } } .bg-gray-100 .form-input { background: #ffffff; } textarea.form-input { height: 120px; min-height: 60px; max-height: 204px; resize: vertical; } @media (min-width: 768px) { textarea.form-input { height: 170px; min-height: 60px; } } .recaptcha div { display: block; transform-origin: 0 0; } .recaptcha iframe { display: block; } .form-label, .form-label-outside { margin-bottom: 0; color: #151515; font-weight: 300; } .form-label { position: absolute; top: 20px; left: 0; right: 0; padding-left: 20px; padding-right: 20px; font-size: 14px; font-weight: 300; line-height: 27px; letter-spacing: .035em; pointer-events: none; text-align: left; z-index: 9; transition: .25s; transform: translateY(-50%); } .form-label.focus { opacity: 0; } .form-label.auto-fill { color: #151515; } .form-label .icon { font-size: 18px; line-height: 1; padding-right: 10px; } .form-label > span { display: inline-block; vertical-align: middle; } @media (min-width: 768px) { .form-label { top: 25px; font-size: 16px; } .form-label .icon { font-size: 22px; padding-right: 16px; } } @media (min-width: 992px) { .form-label { top: 30px; padding-left: 25px; padding-right: 25px; } } .form-label-outside { width: 100%; margin-bottom: 4px; } @media (min-width: 768px) { .form-label-outside { position: static; } .form-label-outside, .form-label-outside.focus, .form-label-outside.auto-fill { transform: none; } } [data-x-mode='true'] .form-label { pointer-events: auto; } .form-validation { position: absolute; right: 8px; top: 0; z-index: 11; margin-top: 2px; font-size: 9px; font-weight: 400; line-height: 12px; letter-spacing: 0; color: #f5543f; transition: .3s; } .form-validation-left .form-validation { right: auto; left: 8px; } #form-output-global { position: fixed; bottom: 30px; left: 15px; z-index: 2000; visibility: hidden; transform: translate3d(-500px, 0, 0); transition: .3s all ease; } #form-output-global.active { visibility: visible; transform: translate3d(0, 0, 0); } @media (min-width: 576px) { #form-output-global { left: 30px; } } .form-output { position: absolute; top: 100%; left: 0; font-size: 10px; font-weight: 400; line-height: 1.2; margin-top: 2px; transition: .3s; opacity: 0; visibility: hidden; } .form-output.active { opacity: 1; visibility: visible; } .form-output.error { color: #f5543f; } .form-output.success { color: #98bf44; } .radio .radio-custom, .radio-inline .radio-custom, .checkbox .checkbox-custom, .checkbox-inline .checkbox-custom { opacity: 0; } .radio .radio-custom, .radio .radio-custom-dummy, .radio-inline .radio-custom, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom, .checkbox-inline .checkbox-custom-dummy { position: absolute; left: 0; width: 14px; height: 14px; outline: none; cursor: pointer; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { pointer-events: none; background: #ffffff; } .radio .radio-custom-dummy::after, .radio-inline .radio-custom-dummy::after, .checkbox .checkbox-custom-dummy::after, .checkbox-inline .checkbox-custom-dummy::after { position: absolute; opacity: 0; transition: .22s; } .radio .radio-custom:focus, .radio-inline .radio-custom:focus, .checkbox .checkbox-custom:focus, .checkbox-inline .checkbox-custom:focus { outline: none; } .radio input, .radio-inline input, .checkbox input, .checkbox-inline input { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .radio-custom:checked + .radio-custom-dummy:after, .checkbox-custom:checked + .checkbox-custom-dummy:after { opacity: 1; } .radio, .radio-inline { position: relative; padding-left: 30px; line-height: 30px; cursor: pointer; color: rgba(21, 21, 21, 0.5); } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy { top: 6px; left: 0; width: 18px; height: 18px; margin: 0; border: 2px solid #dddddd; } .radio .radio-custom-dummy::after, .radio-inline .radio-custom-dummy::after { content: '\f222'; font-family: "Material Design Icons"; position: absolute; top: -2px; left: -2px; font-size: 20px; line-height: 18px; color: #151515; } .checkbox, .checkbox-inline { position: relative; padding-left: 30px; line-height: 30px; cursor: pointer; color: rgba(21, 21, 21, 0.5); } .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { top: 6px; left: 0; width: 18px; height: 18px; margin: 0; border: 2px solid #dddddd; } .checkbox .checkbox-custom-dummy::after, .checkbox-inline .checkbox-custom-dummy::after { content: '\f222'; font-family: "Material Design Icons"; position: absolute; top: -2px; left: -2px; font-size: 20px; line-height: 18px; color: #151515; } .toggle-custom { padding-left: 60px; -webkit-appearance: none; } .toggle-custom:checked ~ .checkbox-custom-dummy::after { background: #ff6252; transform: translate(20px, -50%); } .toggle-custom ~ .checkbox-custom-dummy { position: relative; display: inline-block; margin-top: -1px; width: 44px; height: 20px; background: #f5f5f5; cursor: pointer; } .toggle-custom ~ .checkbox-custom-dummy::after { content: ''; position: absolute; display: inline-block; width: 16px; height: 16px; left: 0; top: 50%; background: #b7b7b7; transform: translate(4px, -50%); opacity: 1; transition: .22s; } .rd-form-inline { display: flex; flex-wrap: wrap; align-items: stretch; text-align: center; } .rd-form-inline > * { margin-top: 0; } .rd-form-inline .form-input { border-radius: 5px; } .rd-form-inline .form-validation { right: 30px; } .rd-form-inline .form-wrap { flex-grow: 1; min-width: 185px; } .rd-form-inline .form-wrap-select { text-align: left; } .rd-form-inline .form-button { margin-top: 0; flex-shrink: 0; } @media (min-width: 576px) { .rd-form-inline .button { display: block; } } .rd-form-inline.rd-form-inline-centered { justify-content: center; } .rd-form-inline-2 { align-items: center; } .rd-form-inline-2 .form-input { padding-right: 40px; } .rd-form-inline-2 .form-button { margin-left: -30px; } .rd-form-inline-2 .button { width: 50px; height: 50px; padding: 5px; } @media (min-width: 768px) { .rd-form-inline-2 .button { width: 60px; height: 60px; padding: 10px; } } .form-sm .form-input, .form-sm .button { padding-top: 9px; padding-bottom: 9px; min-height: 50px; } .form-sm .form-validation { top: -16px; } .form-sm .form-label { top: 25px; } .form-lg .form-input, .form-lg .select2-container .select2-choice { min-height: 50px; padding-top: 11px; padding-bottom: 10px; } .form-lg .form-label { top: 25px; } .form-lg .form-input, .form-lg .form-label { padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { .form-lg .form-input, .form-lg .select2-container .select2-choice { min-height: 57px; padding-top: 12px; padding-bottom: 13px; } .form-lg .form-label { top: 30px; } .form-lg .form-input, .form-lg .form-label { padding-left: 30px; padding-right: 30px; } } @media (min-width: 992px) { .form-lg .form-label { top: 35px; } .form-lg .form-input, .form-lg .select2-container .select2-choice { min-height: 70px; padding-top: 20px; padding-bottom: 20px; } .form-lg .form-input, .form-lg .form-label { padding-left: 40px; padding-right: 40px; } } .form-style-1 { display: flex; flex-direction: column; align-items: center; } .form-style-1 .form-wrap { width: 100%; } .form-style-1 .form-input { border-radius: 6px; border-color: #ffffff; box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.15); } .form-style-1 .form-validation { right: 30px; } .form-style-1 .form-button { margin-top: 20px; } .form-text .icon { font-size: 24px; line-height: 30px; color: #151515; } @media (min-width: 576px) { .form-style-1 { max-width: 620px; margin-right: auto; margin-left: auto; flex-direction: row; } .form-style-1 .form-input { min-height: 70px; padding-top: 11px; padding-bottom: 11px; } .form-style-1 .form-input, .form-style-1 .form-label { padding-left: 40px; padding-right: 174px; } .form-style-1 .form-label { top: 36px; } .form-style-1 .form-button { margin-left: -148px; margin-top: 0; } .form-style-1 .form-validation { right: 150px; } } .form-style-2 .select2-dropdown { margin-top: 0; } .form-style-2 .select2-container--default .select2-selection--single .select2-selection__rendered, .form-style-2 .form-input { border-color: transparent; } .form-style-2 .select2-container--default .select2-selection--single .select2-selection__rendered, .form-style-2 .form-input, .form-style-2 .form-label { font-size: 16px; font-weight: 400; letter-spacing: .05em; } .form-style-2 .select2-dropdown, .form-style-2 .select2-container--default .select2-selection--single .select2-selection__rendered, .form-style-2 .form-input { border-radius: 0; } .form-style-3 .select2-dropdown, .form-style-3 .select2-container--default .select2-selection--single .select2-selection__rendered, .form-style-3 .form-input { background: #ffffff; } .context-dark .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-700 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-800 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-5 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-13 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-14 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-17 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-19 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-21 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-primary .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-secondary .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gradient-1 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .context-dark .form-style-4 .form-input, .bg-gray-700 .form-style-4 .form-input, .bg-gray-800 .form-style-4 .form-input, .bg-gray-5 .form-style-4 .form-input, .bg-gray-13 .form-style-4 .form-input, .bg-gray-14 .form-style-4 .form-input, .bg-gray-17 .form-style-4 .form-input, .bg-gray-19 .form-style-4 .form-input, .bg-gray-21 .form-style-4 .form-input, .bg-primary .form-style-4 .form-input, .bg-secondary .form-style-4 .form-input, .bg-gradient-1 .form-style-4 .form-input { color: #ffffff; background: rgba(255, 255, 255, 0.1); border-color: transparent; } .context-dark .form-style-4 .form-label, .bg-gray-700 .form-style-4 .form-label, .bg-gray-800 .form-style-4 .form-label, .bg-gray-5 .form-style-4 .form-label, .bg-gray-13 .form-style-4 .form-label, .bg-gray-14 .form-style-4 .form-label, .bg-gray-17 .form-style-4 .form-label, .bg-gray-19 .form-style-4 .form-label, .bg-gray-21 .form-style-4 .form-label, .bg-primary .form-style-4 .form-label, .bg-secondary .form-style-4 .form-label, .bg-gradient-1 .form-style-4 .form-label { color: #ffffff; } .context-dark .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-700 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-800 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-5 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-13 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-14 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-17 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-19 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-21 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-primary .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-secondary .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gradient-1 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b { color: #ffffff; } .form-style-5 { padding: 30px 15px; } .form-style-5 .form-input { border-radius: 50px; } .form-style-5 .form-validation { right: 20px; } .form-style-5 .form-wrap + * { margin-top: 20px; } @media (min-width: 576px) { .form-style-5 { padding: 40px 20px; max-width: 340px; } } @media (min-width: 768px) { .form-style-5 { max-width: 380px; } } @media (min-width: 992px) { .form-style-5 { padding: 50px 30px; max-width: 445px; } .form-style-5 .form-wrap + * { margin-top: 30px; } .form-style-5 .form-wrap + .group-custom-1 { margin-top: 40px; } } @media (min-width: 576px) { * + .form-style-5 { margin-top: 0; } } .form-style-6 .form-input { border-radius: 50px; background: #ffffff; } .form-style-6 .form-validation { right: 20px; } .form-style-6 .form-wrap + * { margin-top: 15px; } @media (min-width: 768px) { .form-style-6 .form-wrap + * { margin-top: 25px; } } /** @section Posts */ .post { position: relative; text-align: left; display: flex; color: rgba(255, 255, 255, 0.8); background: #202020; z-index: 1; } .post-1 .post-dummy::before { padding-bottom: 82.5%; } .post-1 .post-content { background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.61) 100%); } .post-1 .post-image { opacity: 1; } .post-1 .post-title { letter-spacing: .05em; } .post-1 .post-time::before { border-top-color: #ff6252; } .post-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; opacity: .45; z-index: -1; } @supports (object-fit: cover) { .post-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .post-content, .post-dummy { width: 100%; flex-shrink: 0; } .post-dummy { pointer-events: none; } .post-dummy::before { display: block; content: ''; width: 0; padding-bottom: 64.39%; } .post-content { display: flex; flex-direction: column; justify-content: space-between; padding: 15px; } .post-content > * + * { margin-top: 20px; } .post-tag { display: inline-block; padding: 1px 5px 0; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; border: 1px solid transparent; } .post-tag, .post-tag:focus, .post-tag:active { color: #ffffff; background: #151515; } .post-tag:hover { color: #ffffff; background: #151515; } .post-tag-primary, .post-tag-primary:focus, .post-tag-primary:active { background: #ff6252; } .post-tag-secondary, .post-tag-secondary:focus, .post-tag-secondary:active { background: #ffde6c; } .post-tag-green, .post-tag-green:focus, .post-tag-green:active { background: #ff6252; } .post-tag-blue, .post-tag-blue:focus, .post-tag-blue:active { background: #4371cf; } .post-tag-red, .post-tag-red:focus, .post-tag-red:active { background: #f6425f; } .post-tag-yellow, .post-tag-yellow:focus, .post-tag-yellow:active { color: #151515; background: #fff663; } .post-tag-white-outline, .post-tag-white-outline:focus, .post-tag-white-outline:active { background: transparent; border-color: #ffffff; } .post-tag-white-outline:hover { color: #151515; background: #ffffff; } .post-title { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #ffffff; font-weight: 700; text-transform: uppercase; } .post-title a:hover { color: inherit; text-decoration: underline; } @media (min-width: 992px) { .post-title { font-size: 24px; } } .post-text { font-weight: 400; letter-spacing: .025em; text-transform: none; color: rgba(255, 255, 255, 0.7); } .post-time { font-size: 14px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; } .post-time::before { display: block; content: ''; width: 55px; height: 0; margin-bottom: 15px; border-top: 1px solid #ff6252; } * + .post-title { margin-top: 14px; } * + .post-text { margin-top: 10px; } * + .post-time { margin-top: 20px; } @media (min-width: 768px) { .post-tag { padding: 4px 10px 3px; } } @media (min-width: 992px) { .post-content { padding: 20px; } } @media (min-width: 1200px) { .post-1 .post-content { padding-left: 5%; padding-right: 5%; } .post-content { padding: 25px 25px 35px; } .post-time::before { margin-bottom: 25px; } * + .post-title { margin-top: 24px; } * + .post-text { margin-top: 16px; } * + .post-time { margin-top: 30px; } .post-text + .post-time { margin-top: 40px; } } @media (min-width: 1600px) { .post-1 .post-content { padding: 30px 7%; } } .post-modern { position: relative; text-align: left; display: flex; font-weight: 400; background: #ffffff; z-index: 1; } .post-modern-1 { background: #f5f5f5; } .post-modern-1 .post-dummy::before { padding-bottom: 39.47%; } .post-modern-1 .post-modern-title { font-weight: 400; letter-spacing: .035em; text-transform: none; } .post-modern-1 .post-time::before { border-top-color: #ff6252; } .post-modern-image-right .post-modern-figure img { object-position: right center; } .post-modern-image-left .post-modern-figure img { object-position: left center; } .post-modern-body { display: flex; width: 100%; flex-shrink: 0; } .post-modern-content { display: flex; flex-direction: column; justify-content: space-between; width: 100%; padding: 15px; } .post-modern-title { font-weight: 500; text-transform: uppercase; } .post-modern-title a:hover { color: inherit; text-decoration: underline; } .post-modern-text { display: none; } .post-modern-figure img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; opacity: .5; z-index: -1; } @supports (object-fit: cover) { .post-modern-figure img { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } * + .post-modern-title { margin-top: 14px; } * + .post-modern-text { margin-top: 10px; } @media (min-width: 992px) { .post-modern-1 .post-modern-content { display: flex; } .post-modern-content { display: block; } .post-modern-figure { position: relative; overflow: hidden; width: 40%; flex-shrink: 0; } .post-modern-figure img { opacity: 1; } .post-modern-text { display: block; } } @media (min-width: 1200px) { .post-modern-1 .post-modern-content { padding-left: 5%; padding-right: 5%; } .post-modern-content { padding: 20px; } .post-modern-figure { width: 50%; } * + .post-modern-title { margin-top: 24px; } * + .post-modern-text { margin-top: 20px; } } @media (min-width: 1600px) { .post-modern-1 .post-modern-content { padding-top: 30px; padding-bottom: 30px; } .post-modern-1 .post-modern-title { line-height: 1.375; } } .post-classic { position: relative; text-align: left; display: flex; color: rgba(255, 255, 255, 0.8); background: #202020; z-index: 1; } .post-classic-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; z-index: -1; } @supports (object-fit: cover) { .post-classic-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .post-classic-content, .post-classic-dummy { width: 100%; flex-shrink: 0; } .post-classic-dummy { pointer-events: none; } .post-classic-dummy::before { display: block; content: ''; width: 0; padding-bottom: 99%; } .post-classic-content { display: flex; flex-direction: column; justify-content: space-between; padding: 15px; background: linear-gradient(to bottom, rgba(57, 56, 56, 0.15) 0%, rgba(51, 51, 51, 0.39) 36%, rgba(44, 44, 44, 0.73) 81%, rgba(41, 41, 41, 0.85) 100%); } .post-classic-title { font-weight: 400; letter-spacing: .025em; text-transform: none; color: #ffffff; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } @media (min-width: 1200px) { .post-classic-title { font-size: 24px; } } .post-classic-title a:hover { color: inherit; text-decoration: underline; } * + .post-classic-title { margin-top: 14px; } @media (min-width: 768px) { .post-classic-content { padding: 30px; } } @media (min-width: 1200px) { .post-classic-content { padding: 30px 44px 40px; } * + .post-classic-title { margin-top: 24px; } } .post-creative { position: relative; text-align: left; max-width: 448px; margin-left: auto; margin-right: auto; background: #ffffff; transition: .3s ease-in-out; } .post-creative-figure { display: block; overflow: hidden; } .post-creative-figure img { width: 100%; transition: .3s ease; } .post-creative-content { padding: 14px 15px; } .post-creative-title a:hover { color: inherit; text-decoration: underline; } .post-creative-time { font-weight: 700; letter-spacing: .075em; text-transform: uppercase; color: #ffde6c; } .post-creative-tag { position: absolute; top: 0; left: 25px; } * + .post-creative { margin-top: 30px; } * + .post-creative-time { margin-top: 4px; } @media (min-width: 992px) { .post-creative-content { padding: 24px 30px; } .desktop .post-creative-figure img { transform: scale(1.1); } .desktop .post-creative:hover .post-creative-figure img { transform: none; } * + .post-creative-time { margin-top: 10px; } } .post-minimal { font-weight: 400; } .post-minimal-figure { display: block; overflow: hidden; } .post-minimal-figure img { width: 65px; transition: .3s ease; } .post-minimal-title { line-height: 1.5; letter-spacing: .01em; color: #151515; } .post-minimal-title a, .post-minimal-title a:focus, .post-minimal-title a:active { color: inherit; } .post-minimal-title a:hover { color: #ff6252; } .post-minimal-time { font-size: 15px; color: rgba(21, 21, 21, 0.5); } * + .post-minimal-wrap { margin-top: 30px; } * + .post-minimal { margin-top: 20px; } @media (min-width: 768px) { .post-minimal-figure img { width: auto; } } @media (min-width: 992px) { .desktop .post-minimal:hover .post-minimal-figure img { transform: scale(1.05); } } .post-bonnie { text-align: left; } .post-bonnie-figure { position: relative; overflow: hidden; display: block; } .post-bonnie-figure img { width: 100%; transition: all .3s ease-in-out; } .post-bonnie-figure img.processed { position: absolute; opacity: 0; } .post-bonnie-content { position: relative; padding: 70px 6% 0; } .post-bonnie-title { position: absolute; top: 0; left: 7%; min-width: 66%; max-width: 100%; padding: 10px 15px; line-height: 1.5; font-weight: 400; letter-spacing: .025em; text-transform: none; background: #ffffff; transform: translateY(-40%); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.26); transition: .3s ease; } .post-bonnie-time { font-weight: 400; letter-spacing: .01em; text-transform: uppercase; color: #ff6252; } .post-bonnie-time::before { display: inline-block; vertical-align: middle; content: ''; height: 0; width: 25px; margin-right: 15px; border-top: 1px solid; } * + .post-bonnie-text { margin-top: 10px; } @media (min-width: 768px) { .post-bonnie-content { padding-top: 80px; } } @media (min-width: 992px) { .desktop .post-bonnie:hover .post-bonnie-figure img.processed { opacity: 1; } .desktop .post-bonnie:hover .post-bonnie-title { transform: translateY(-60%); } .post-bonnie-content { padding: 105px 60px 0; } .post-bonnie-title { padding: 20px 30px; box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.26); } .post-bonnie-time { text-indent: -62px; } .post-bonnie-time::before { width: 34px; margin-right: 28px; } * + .post-bonnie-text { margin-top: 16px; } } .post-big { text-align: left; } .post-big-title { font-family: inherit; } .post-big-info { font-size: 14px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; } .post-big-author span { color: #ff6252; } .post-big-author a, .post-big-author a:focus, .post-big-author a:active { color: inherit; } .post-big-author a:hover { color: #ff6252; } .post-big-share { padding: 15px; border: 1px solid #e7eff6; background: #f5f5f5; } .post-big-share-title { font-weight: 400; } .post-big-share-title::before { display: inline-block; vertical-align: middle; content: ''; width: 38px; height: 0; margin-right: 18px; border-top: 1px solid #ff6252; } * + .post-big-info { margin-top: 16px; } * + .post-big-share { margin-top: 20px; } @media (min-width: 768px) { .post-big-share { padding: 26px 30px; } .post-big * + p { margin-top: 30px; } .post-big .quote + img { margin-top: 40px; } * + .post-big-info { margin-top: 26px; } * + .post-big-share { margin-top: 30px; } } @media (min-width: 992px) { .post-big * + img { margin-top: 40px; } .post-big .quote + img { margin-top: 60px; } .post-big img + p { margin-top: 40px; } .post-big * + .post-big-share { margin-top: 40px; } } .aside { text-align: left; } .aside-title { color: #151515; font-weight: 500; letter-spacing: .1em; border-bottom: 1px solid #f2f8ff; padding-bottom: 12px; } .aside-title + .list-marked { margin-top: 24px; } /** @section Quotes */ .quote { position: relative; padding: 20px 15px; margin-bottom: 20px; background: #ffffff; } .quote::before, .quote::after { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .quote::before { background: #f5f5f5; transform: translate3d(15px, 20px, 0); } .quote::after { background: inherit; border: 2px solid #151515; } .quote-body { position: relative; z-index: 1; } .quote-text { font-style: italic; letter-spacing: .035em; } * + .quote { margin-top: 20px; } .quote + * { margin-top: 40px; } .quote + .row { margin-top: 60px; } @media (min-width: 768px) { .quote { padding: 30px; margin-bottom: 30px; margin-right: 15px; } .quote::before { transform: translate3d(15px, 30px, 0); } * + .quote { margin-top: 30px; } .quote + * { margin-top: 60px; } .quote + .row { margin-top: 80px; } } @media (min-width: 992px) { .quote { padding: 40px; margin-bottom: 40px; margin-right: 25px; } .quote::before { transform: translate3d(25px, 40px, 0); } * + .quote { margin-top: 40px; } .quote + * { margin-top: 80px; } .quote + .row { margin-top: 100px; } } @media (min-width: 1200px) { .quote { padding: 40px 60px; } .quote-1 { padding-left: 40px; padding-right: 40px; } .quote-2 { padding-left: 50px; padding-right: 50px; } } @media (min-width: 1600px) { .quote + .row { margin-top: 115px; } } .quote-minimal { text-align: left; color: #151515; } .quote-minimal-text { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .quote-minimal-text .q { padding-left: 50px; text-indent: -50px; } .quote-minimal-text .q::before { display: inline-block; vertical-align: middle; content: ''; height: 0; width: 35px; margin-right: 15px; border-top: 1px solid #ff6252; text-indent: 0; } * + .quote-minimal { margin-top: 20px; } .quote-minimal + p { margin-top: 20px; } @media (min-width: 992px) { .quote-minimal-text .q { padding-left: 70px; text-indent: -70px; } .quote-minimal-text .q::before { width: 50px; margin-right: 20px; } * + .quote-minimal { margin-top: 30px; } .quote-minimal + p { margin-top: 30px; } } @media (min-width: 1200px) { * + .quote-minimal { margin-top: 40px; } .quote-minimal + p { margin-top: 50px; } } .quote-classic { text-align: center; } .quote-classic-image { width: 100px; } .quote-classic-text { font-weight: 300; } .quote-classic-text .q { position: relative; display: inline; } .quote-classic-text .q::before, .quote-classic-text .q::after { position: absolute; font-size: 40px; line-height: 1; font-weight: 500; color: #ff6252; } .quote-classic-text .q::before { top: -15px; left: -15px; content: '\201c'; } .quote-classic-text .q::after { bottom: -30px; margin-left: 10px; content: '\201d'; } .quote-classic-position { font-weight: 500; letter-spacing: .025em; text-transform: none; font-family: "Playfair Display", serif; } * + .quote-classic-text { margin-top: 20px; } * + .quote-classic-position { margin-top: 20px; } @media (min-width: 576px) { .quote-classic { text-align: left; } } @media (min-width: 768px) { .quote-classic-image { width: 250px; } .quote-classic-text .q::before, .quote-classic-text .q::after { font-size: 60px; } .quote-classic-text .q::before { top: -22px; left: -30px; } .quote-classic-text .q::after { bottom: -50px; margin-left: 18px; } * + .quote-classic-text { margin-top: 30px; } * + .quote-classic-position { margin-top: 30px; } } @media (max-width: 991.98px) { .quote-classic-author span::before { display: none; } } @media (min-width: 992px) { .quote-classic .unit-body { border-bottom: 1px solid #e7eff6; } .quote-classic-image { width: auto; } .quote-classic-content { padding: 6px 0 30px; } .quote-classic-text .q::before, .quote-classic-text .q::after { font-size: 80px; } .quote-classic-text .q::before { left: -42px; } .quote-classic-text .q::after { bottom: -60px; } * + .quote-classic-text { margin-top: 46px; } * + .quote-classic-position { margin-top: 48px; } } @-moz-document url-prefix() { .quote-classic-text .q { display: inline-block; } } .quote-modern { position: relative; text-align: left; padding-left: 40px; font-weight: 400; color: #151515; } .quote-modern-text .q::before { position: absolute; content: '\201c'; top: 0; left: 0; font-size: 60px; line-height: 1; font-weight: 500; color: #ff6252; } .quote-modern-title { text-indent: -46px; padding-left: 46px; font-weight: 700; letter-spacing: .1em; } .quote-modern-title::before { display: inline-block; vertical-align: middle; content: ''; height: 0; width: 30px; margin-right: 16px; border-top: 1px solid; text-indent: 0; } .quote-modern-subtitle { font-weight: 500; color: #ff6252; } * + .quote-modern { margin-top: 30px; } * + .quote-modern-title { margin-top: 30px; } * + .quote-modern-subtitle { margin-top: 10px; } @media (min-width: 768px) { .quote-modern { padding-left: 70px; } .quote-modern-text .q::before { font-size: 100px; } * + .quote-modern-title { margin-top: 40px; } } .quote-navy { position: relative; text-align: left; font-weight: 400; color: #151515; } .quote-navy-text { line-height: 1.8; font-weight: 300; } .quote-navy-title { text-indent: -60px; padding-left: 60px; font-weight: 500; letter-spacing: .05em; } .quote-navy-title::before { display: inline-block; vertical-align: middle; content: ''; height: 0; width: 40px; margin-right: 20px; border-top: 2px solid #ff6252; text-indent: 0; } * + .quote-navy { margin-top: 30px; } * + .quote-navy-title { margin-top: 8px; } @media (min-width: 768px) { .quote-navy-text { font-size: 16px; } * + .quote-navy-title { margin-top: 16px; } } @media (min-width: 992px) { .quote-navy-text { font-size: 18px; } } @media (min-width: 1200px) { .quote-navy-text { font-size: 20px; } } .context-dark .quote-navy, .bg-gray-700 .quote-navy, .bg-gray-800 .quote-navy, .bg-gray-5 .quote-navy, .bg-gray-13 .quote-navy, .bg-gray-14 .quote-navy, .bg-gray-17 .quote-navy, .bg-gray-19 .quote-navy, .bg-gray-21 .quote-navy, .bg-primary .quote-navy, .bg-secondary .quote-navy, .bg-gradient-1 .quote-navy { color: #ffffff; } .context-dark .quote-navy-title::before, .bg-gray-700 .quote-navy-title::before, .bg-gray-800 .quote-navy-title::before, .bg-gray-5 .quote-navy-title::before, .bg-gray-13 .quote-navy-title::before, .bg-gray-14 .quote-navy-title::before, .bg-gray-17 .quote-navy-title::before, .bg-gray-19 .quote-navy-title::before, .bg-gray-21 .quote-navy-title::before, .bg-primary .quote-navy-title::before, .bg-secondary .quote-navy-title::before, .bg-gradient-1 .quote-navy-title::before { border-top-color: #ffde6c; } .quote-megan { padding: 6% 6%; text-align: left; min-height: 100%; color: rgba(255, 255, 255, 0.3); background: linear-gradient(#ff6252, #ffde6c); } .quote-megan-text { position: relative; padding-top: 12vw; font-size: 6vw; font-weight: 300; letter-spacing: .01em; line-height: 1.8; color: #ffffff; } .quote-megan-text .q::before { display: block; position: absolute; content: '\201c'; top: 0; font-size: 20vw; line-height: 1; font-weight: 500; color: rgba(255, 255, 255, 0.4); } .quote-megan-title { font-size: 5vw; font-weight: 400; letter-spacing: .01em; } * + .quote-megan { margin-top: 30px; } * + .quote-megan-title { margin-top: 3vw; } @media (min-width: 576px) { .quote-megan-text { padding-top: 7vw; font-size: 3vw; } .quote-megan-text .q::before { font-size: 12vw; } .quote-megan-title { font-size: 2.5vw; } * + .quote-megan-title { margin-top: 1.5vw; } } @media (min-width: 768px) { .quote-megan-text { padding-top: 5vw; font-size: 2vw; } .quote-megan-text .q::before { font-size: 9vw; } .quote-megan-title { font-size: 1.8vw; } * + .quote-megan-title { margin-top: 1.5vw; } } @media (min-width: 1200px) { .quote-megan { padding: 8.53% 12%; } .quote-megan-text { padding-top: 3.9583vw; font-size: 1.4583vw; } .quote-megan-text .q::before { font-size: 7.29167vw; } .quote-megan-title { font-size: 1.04167vw; } * + .quote-megan-title { margin-top: 1.04167vw; } } .quote-june { text-align: left; } .quote-june-text { font-style: italic; line-height: 2; } .quote-june-title { width: 47%; margin-left: auto; font-weight: 500; color: #ff6252; } * + .quote-june { margin-top: 30px; } * + .quote-june-title { margin-top: 25px; } @media (min-width: 768px) { * + .quote-june-title { margin-top: 35px; } } .quote-jerry { position: relative; display: flex; text-align: left; font-size: 16px; line-height: 1.667; color: #ffffff; background: linear-gradient(#ff6252, #ffde6c); z-index: 1; } .quote-jerry-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; z-index: -1; } @supports (object-fit: cover) { .quote-jerry-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .quote-jerry-content, .quote-jerry-dummy { width: 100%; flex-shrink: 0; } .quote-jerry-dummy { pointer-events: none; } .quote-jerry-dummy::before { display: block; content: ''; width: 0; padding-bottom: 87.8%; } .quote-jerry-content { padding: 10% 8%; background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.67) 100%); pointer-events: none; } .quote-jerry-content > * { pointer-events: auto; } .quote-jerry-text { position: relative; padding-top: 30px; } .quote-jerry-text .q::before { display: block; position: absolute; content: '\201c'; top: 0; font-size: 60px; line-height: 1; font-weight: 500; color: rgba(255, 255, 255, 0.4); } .quote-jerry-title { font-weight: 400; color: #ff6252; } * + .quote-jerry { margin-top: 30px; } * + .quote-jerry-title { margin-top: 14px; } @media (min-width: 768px) { .quote-jerry { font-size: 18px; } .quote-jerry-text { padding-top: 55px; } .quote-jerry-text .q::before { font-size: 100px; } } .quote-beryl { text-align: left; } .quote-beryl-body { position: relative; padding: 20px 15px; border-radius: 5px; background: #f5f5f5; } .quote-beryl-body::before { position: absolute; display: inline-block; content: ''; top: 100%; left: 50%; width: 0; height: 0; border-style: solid; border-width: 19px 16.5px 0 16.5px; border-color: #f5f5f5 transparent transparent transparent; transform: translateX(-50%); } .quote-beryl-text { line-height: 1.667; letter-spacing: .01em; } .quote-beryl-info { text-align: center; margin-top: 40px; color: #151515; } .quote-beryl-image { border-radius: 50%; } .quote-beryl-author { font-weight: 500; letter-spacing: .01em; } .quote-beryl-position { font-size: 13px; font-weight: 400; letter-spacing: .05em; text-transform: uppercase; } * + .quote-beryl { margin-top: 30px; } * + .quote-beryl-author { margin-top: 8px; } @media (min-width: 576px) { .quote-beryl-body { padding: 30px 60px 30px 60px; } } @media (min-width: 992px) { .quote-beryl-body { padding: 40px 64px 40px 64px; } } .quote-karen { text-align: left; } .quote-karen-image { border-radius: 50%; max-width: 50px; } .quote-karen-author { letter-spacing: .01em; text-transform: none; } .quote-karen-position { font-size: 13px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; color: #ff6252; } .quote-karen-text { font-style: italic; letter-spacing: .05em; color: #151515; } * + .quote-karen-text { margin-top: 10px; } @media (min-width: 576px) { .quote-karen-image { max-width: none; } .quote-karen-content { padding-top: 10px; } } @media (min-width: 768px) { * + .quote-karen-text { margin-top: 20px; } } .quote-debbie { text-align: left; } .quote-debbie-author { font-size: 14px; font-weight: 400; letter-spacing: .12em; text-transform: uppercase; color: #151515; } .quote-debbie-text { line-height: 1.429; font-style: italic; letter-spacing: .035em; } * + .quote-debbie { margin-top: 20px; } * + .quote-debbie-author { margin-top: 16px; } * + .quote-debbie-body { margin-top: 16px; } @media (min-width: 992px) { .quote-debbie + img { margin-top: 50px; } } @media (min-width: 1200px) { .quote-debbie { display: flex; align-items: flex-end; justify-content: space-between; } .quote-debbie > * + * { margin-top: 0; margin-left: 9%; } .quote-debbie-left { text-align: center; flex-shrink: 0; } } @media (min-width: 1600px) { .quote-debbie-body { padding-bottom: 5px; } } .quote-jenny { text-align: left; padding: 30px 5%; background: #f5f5f5; border: 1px solid #e7eff6; } .quote-jenny::before, .quote-jenny::after { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 28px 28px 0; border-color: transparent #e7eff6 transparent transparent; } .quote-jenny::before { left: 84%; bottom: -28px; z-index: -1; } .quote-jenny::after { left: calc(84% - 1px); bottom: -26px; border-right-color: #f5f5f5; } .quote-jenny-group { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: -10px; margin-left: -20px; } .quote-jenny-group:empty { margin-bottom: 0; margin-left: 0; } .quote-jenny-group > * { margin-top: 0; margin-bottom: 10px; margin-left: 20px; } .quote-jenny-author { font-weight: 400; letter-spacing: .035em; text-transform: none; } .quote-jenny-age { font-weight: 500; letter-spacing: .12em; text-transform: uppercase; } .quote-jenny-text { font-weight: 400; letter-spacing: .035em; } .quote-jenny-result { font-weight: 300; letter-spacing: .035em; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .quote-jenny-result > * { vertical-align: middle; } .quote-jenny-minus, .quote-jenny-plus { position: relative; text-align: center; display: inline-block; width: 30px; height: 0; border-top: 1px solid; margin-right: 16px; } .quote-jenny-plus::before { position: absolute; content: ''; top: 50%; left: 50%; width: 0; height: 30px; border-left: 1px solid; transform: translateY(-50%); } * + .quote-jenny-text { margin-top: 10px; } * + .quote-jenny-result { margin-top: 10px; } @media (min-width: 768px) { .quote-jenny { padding-left: 5%; padding-right: 5%; } * + .quote-jenny-text { margin-top: 20px; } * + .quote-jenny-result { margin-top: 20px; } } @media (min-width: 1200px) { * + .quote-jenny-text { margin-top: 30px; } } @media (min-width: 1600px) { .quote-jenny { padding: 40px 10%; } } /** @section Thumbnails */ .thumbnail { position: relative; color: #ffffff; } .thumbnail-1 .thumbnail-overlay { background: none; z-index: 1; } .thumbnail-1 .thumbnail-overlay::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; opacity: .28; background: #151515; z-index: -1; } .thumbnail-figure { display: block; overflow: hidden; } .thumbnail-figure img { width: 100%; transition: all .3s ease; will-change: transform; } .thumbnail-figure, .thumbnail-figure:focus, .thumbnail-figure:active, .thumbnail-figure:hover { color: inherit; } .thumbnail-overlay { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(58, 58, 58, 0.21); transition: all .3s ease-in-out; pointer-events: none; } .thumbnail-overlay .icon { font-size: 48px; } .thumbnail-overlay > * { pointer-events: auto; } .thumbnail-text { font-size: 16px; font-weight: 700; letter-spacing: .075em; text-transform: uppercase; } @media (min-width: 992px) { .desktop .thumbnail-overlay { opacity: 0; } .desktop .thumbnail:hover .thumbnail-overlay { opacity: 1; } .desktop .thumbnail:hover .thumbnail-figure img { transform: scale(1.1); } } .thumbnail-classic { position: relative; color: #ffffff; background: #08151d; max-width: 364px; margin-right: auto; margin-left: auto; } .thumbnail-classic-figure { display: block; overflow: hidden; } .thumbnail-classic-figure img { width: 100%; transition: all .3s ease; will-change: transform; } .thumbnail-classic-figure, .thumbnail-classic-figure:focus, .thumbnail-classic-figure:active, .thumbnail-classic-figure:hover { color: inherit; } .thumbnail-classic-overlay { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(8, 21, 29, 0.45); transition: all .3s ease; z-index: 1; } .thumbnail-classic-overlay .icon { position: relative; font-size: 30px; } .thumbnail-classic-overlay .icon::after { position: absolute; content: ''; top: 50%; left: 50%; width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.35); transform: translate(-50%, -50%); transition: all .3s ease; z-index: -1; } @media (min-width: 576px) { .thumbnail-classic { max-width: 100%; margin-right: auto; margin-left: auto; } } @media (min-width: 992px) { .desktop .thumbnail-classic-overlay .icon::after { width: 78px; height: 78px; } .desktop .thumbnail-classic-overlay { opacity: 0; } .desktop .thumbnail-classic-overlay .icon::after { transform: translate(-50%, -50%) scale(2); } .desktop .thumbnail-classic:hover .thumbnail-classic-overlay { opacity: 1; } .desktop .thumbnail-classic:hover .thumbnail-classic-overlay .icon::after { transform: translate(-50%, -50%); } .desktop .thumbnail-classic:hover .thumbnail-classic-figure img { transform: scale(1.1); } } .thumbnail-modern { position: relative; color: #ffffff; background: #08151d; } .thumbnail-modern-figure { display: block; overflow: hidden; } .thumbnail-modern-figure img { width: 100%; transition: all .3s ease-in-out; } .thumbnail-modern-figure img.processed { position: absolute; opacity: .66; } .thumbnail-modern-figure, .thumbnail-modern-figure:focus, .thumbnail-modern-figure:active, .thumbnail-modern-figure:hover { color: inherit; } .thumbnail-modern-overlay { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all .3s ease; z-index: 1; } .thumbnail-modern-overlay .icon { position: relative; font-size: 30px; color: #151515; } .thumbnail-modern-overlay .icon::after { position: absolute; content: ''; top: 50%; left: 50%; width: 60px; height: 60px; border-radius: 50%; background: #ffffff; transform: translate(-50%, -50%); transition: all .3s ease; z-index: -1; } @media (min-width: 992px) { .desktop .thumbnail-modern-figure img.processed { opacity: 0; } .desktop .thumbnail-modern-overlay .icon::after { width: 78px; height: 78px; } .desktop .thumbnail-modern-overlay { opacity: 0; } .desktop .thumbnail-modern-overlay .icon::after { transform: translate(-50%, -50%) scale(2); } .desktop .thumbnail-modern:hover .thumbnail-modern-figure img.processed { opacity: .66; } .desktop .thumbnail-modern:hover .thumbnail-modern-overlay { opacity: 1; } .desktop .thumbnail-modern:hover .thumbnail-modern-overlay .icon::after { transform: translate(-50%, -50%); } } /** @section Breadcrumbs */ .breadcrumbs-custom { position: relative; text-align: center; background-color: #3d3d3d; background-position-x: 70%; } .breadcrumbs-main { padding: 50px 0; } .breadcrumbs-panel { padding: 15px 0; background: rgba(255, 255, 255, 0.14); } .breadcrumbs-custom-title { /*text-shadow: 0 9px 16px rgba($black, 0.18);*/ } .breadcrumbs-custom-path { font-size: 0; line-height: 0; margin-left: -15px; margin-right: -15px; } .breadcrumbs-custom-path > * { padding-left: 15px; padding-right: 15px; } .breadcrumbs-custom-path a { display: inline; } .breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus { color: #ffffff; } .breadcrumbs-custom-path li { position: relative; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 1.2; font-weight: 500; letter-spacing: .13em; text-transform: uppercase; } .breadcrumbs-custom-path li::after { position: absolute; right: -3px; content: "\\"; } .breadcrumbs-custom-path li:last-child:after { display: none; } .breadcrumbs-custom-path a:hover { color: rgba(255, 255, 255, 0.6); } .breadcrumbs-custom-path li.active { color: rgba(255, 255, 255, 0.6); } @media (min-width: 768px) { .breadcrumbs-main { padding: 80px 0; } } @media (min-width: 992px) { .breadcrumbs-custom { background-position-x: 50%; } .breadcrumbs-main { padding: 100px 0; } .breadcrumbs-panel { padding: 25px 0; } } @media (min-width: 1200px) { .breadcrumbs-main { padding: 120px 0; } } @media (min-width: 1600px) { .breadcrumbs-main { padding: 140px 0; } } /** @section Pagination custom */ .pagination { justify-content: center; font-size: 0; line-height: 0; color: #151515; margin-bottom: -13px; margin-left: -13px; } .pagination:empty { margin-bottom: 0; margin-left: 0; } .pagination > * { margin-top: 0; margin-bottom: 13px; margin-left: 13px; } .page-item { display: inline-block; vertical-align: middle; text-align: center; font-weight: 700; } .page-link { display: inline-block; min-width: 30px; padding: 5px 5px; border: 0 solid transparent; font-size: 18px; line-height: 1.11111; background-color: transparent; color: #151515; transition: all 0.3s ease-in-out; } .page-link:focus { z-index: auto; box-shadow: none; } .page-link:hover, .page-link:focus, .page-link:active { color: #ff6252; background-color: transparent; border-color: transparent; } .page-item.active > .page-link, .page-item.active > .page-link:hover, .page-item.active > .page-link:focus, .page-item.active > .page-link:active { color: #ff6252; background-color: transparent; border-color: transparent; } .page-item.disabled > .page-link, .page-item.disabled > .page-link:hover, .page-item.disabled > .page-link:focus, .page-item.disabled > .page-link:active { color: rgba(21, 21, 21, 0.8); background-color: transparent; border-color: transparent; } .page-item.page-item-control > .page-link:hover, .page-item.page-item-control > .page-link:focus, .page-item.page-item-control > .page-link:active { color: #ff6252; } .page-item-control .page-link { padding: 0; } .page-item-control .icon { font-family: "Material Design Icons"; font-size: 30px; line-height: 1; } .page-item-control:first-child .icon::before { content: '\f237'; } .page-item-control:last-child .icon::before { content: '\f238'; } * + .pagination-wrap { margin-top: 30px; } @media (min-width: 768px) { * + .pagination-wrap { margin-top: 50px; } } @media (min-width: 992px) { * + .pagination-wrap { margin-top: 70px; } } /** @section Snackbars */ .snackbars { padding: 9px 16px; margin-left: auto; margin-right: auto; color: #ffffff; text-align: left; background-color: #151515; border-radius: 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); max-width: 280px; font-size: 14px; } .snackbars .icon-xxs { font-size: 18px; } .snackbars p span:last-child { padding-left: 14px; } .snackbars-left { display: inline-block; margin-bottom: 0; } .snackbars-right { display: inline-block; float: right; text-transform: uppercase; } .snackbars-right:hover { text-decoration: underline; } @media (min-width: 576px) { .snackbars { max-width: 540px; padding: 12px 15px; font-size: 15px; } } /** @section Footers */ .footer-classic { color: #151515; } .footer-classic .form-wrap + .button { margin-top: 20px; } .footer-classic-1 .footer-classic-brand .brand-logo-dark { display: none; } .footer-classic-1 .footer-classic-brand .brand-logo-light { display: block; } .footer-classic-1 .footer-classic-brand img { max-width: 131px; } .footer-classic-title { font-weight: 700; letter-spacing: .025em; } .footer-classic-list-social::before { display: block; content: ''; width: 70px; height: 0; border-top: 1px solid #ff6252; margin-bottom: 20px; } .contacts-modern { font-weight: 400; } .contacts-modern a, .contacts-modern a:focus, .contacts-modern a:active { color: inherit; } .contacts-modern a:hover { color: #ff6252; } .footer-classic-schedule { max-width: 300px; font-weight: 400; } .footer-classic-schedule div { display: flex; justify-content: space-between; } .contacts-modern > li + li, .footer-classic-schedule > li + li { margin-top: 12px; } .contacts-modern > li + li::before, .footer-classic-schedule > li + li::before { display: block; content: ''; width: 70px; height: 0; border-top: 1px solid #ff6252; margin-bottom: 12px; } .footer-classic-panel { position: relative; text-align: center; padding: 30px 0; } .footer-classic-panel::before { position: absolute; display: block; content: ''; top: 0; left: 50%; height: 0; width: 1170px; border-top: 1px solid #e7eff6; transform: translateX(-50%); } .footer-classic-panel .rights { font-size: 14px; color: rgba(21, 21, 21, 0.8); } .footer-classic-nav { font-size: 13px; font-weight: 500; letter-spacing: .075em; text-transform: uppercase; } .footer-classic-nav a, .footer-classic-nav a:focus, .footer-classic-nav a:active { color: inherit; } .footer-classic-nav a:hover { color: #ff6252; } .footer-classic-brand { font-size: 0; line-height: 0; } .footer-classic-brand img { max-width: 96px; } * + .contacts-modern { margin-top: 30px; } * + .footer-classic-list-social { margin-top: 20px; } .footer-classic-title + * { margin-top: 16px; } .footer-classic-title + .rd-form { margin-top: 20px; } @media (min-width: 768px) { .contacts-modern > li + li, .footer-classic-schedule > li + li { margin-top: 22px; } .contacts-modern > li + li::before, .footer-classic-schedule > li + li::before { margin-bottom: 22px; } .footer-classic-list-social::before { margin-bottom: 38px; } .footer-classic-panel { padding: 40px 0; } } @media (min-width: 992px) { .footer-classic-1 .footer-classic-panel { padding: 50px 0; } .footer-classic-title { font-size: 18px; } .footer-classic-panel { padding: 60px 0; } } @media (min-width: 1200px) { .footer-classic-title { font-size: 20px; } } .footer-classic.context-dark, .footer-classic.bg-gray-700, .footer-classic.bg-gray-800, .footer-classic.bg-gray-5, .footer-classic.bg-gray-13, .footer-classic.bg-gray-14, .footer-classic.bg-gray-17, .footer-classic.bg-gray-19, .footer-classic.bg-gray-21, .footer-classic.bg-primary, .footer-classic.bg-secondary, .footer-classic.bg-gradient-1 { color: rgba(255, 255, 255, 0.5); } .context-dark .footer-classic-panel, .bg-gray-700 .footer-classic-panel, .bg-gray-800 .footer-classic-panel, .bg-gray-5 .footer-classic-panel, .bg-gray-13 .footer-classic-panel, .bg-gray-14 .footer-classic-panel, .bg-gray-17 .footer-classic-panel, .bg-gray-19 .footer-classic-panel, .bg-gray-21 .footer-classic-panel, .bg-primary .footer-classic-panel, .bg-secondary .footer-classic-panel, .bg-gradient-1 .footer-classic-panel { color: rgba(255, 255, 255, 0.2); } .context-dark .footer-classic-panel .rights, .bg-gray-700 .footer-classic-panel .rights, .bg-gray-800 .footer-classic-panel .rights, .bg-gray-5 .footer-classic-panel .rights, .bg-gray-13 .footer-classic-panel .rights, .bg-gray-14 .footer-classic-panel .rights, .bg-gray-17 .footer-classic-panel .rights, .bg-gray-19 .footer-classic-panel .rights, .bg-gray-21 .footer-classic-panel .rights, .bg-primary .footer-classic-panel .rights, .bg-secondary .footer-classic-panel .rights, .bg-gradient-1 .footer-classic-panel .rights { color: inherit; } .context-dark .footer-modern-schedule li, .bg-gray-700 .footer-modern-schedule li, .bg-gray-800 .footer-modern-schedule li, .bg-gray-5 .footer-modern-schedule li, .bg-gray-13 .footer-modern-schedule li, .bg-gray-14 .footer-modern-schedule li, .bg-gray-17 .footer-modern-schedule li, .bg-gray-19 .footer-modern-schedule li, .bg-gray-21 .footer-modern-schedule li, .bg-primary .footer-modern-schedule li, .bg-secondary .footer-modern-schedule li, .bg-gradient-1 .footer-modern-schedule li, .context-dark .footer-classic-list-social::before, .bg-gray-700 .footer-classic-list-social::before, .bg-gray-800 .footer-classic-list-social::before, .bg-gray-5 .footer-classic-list-social::before, .bg-gray-13 .footer-classic-list-social::before, .bg-gray-14 .footer-classic-list-social::before, .bg-gray-17 .footer-classic-list-social::before, .bg-gray-19 .footer-classic-list-social::before, .bg-gray-21 .footer-classic-list-social::before, .bg-primary .footer-classic-list-social::before, .bg-secondary .footer-classic-list-social::before, .bg-gradient-1 .footer-classic-list-social::before, .context-dark .footer-classic-panel::before, .bg-gray-700 .footer-classic-panel::before, .bg-gray-800 .footer-classic-panel::before, .bg-gray-5 .footer-classic-panel::before, .bg-gray-13 .footer-classic-panel::before, .bg-gray-14 .footer-classic-panel::before, .bg-gray-17 .footer-classic-panel::before, .bg-gray-19 .footer-classic-panel::before, .bg-gray-21 .footer-classic-panel::before, .bg-primary .footer-classic-panel::before, .bg-secondary .footer-classic-panel::before, .bg-gradient-1 .footer-classic-panel::before, .context-dark .contacts-modern li::before, .bg-gray-700 .contacts-modern li::before, .bg-gray-800 .contacts-modern li::before, .bg-gray-5 .contacts-modern li::before, .bg-gray-13 .contacts-modern li::before, .bg-gray-14 .contacts-modern li::before, .bg-gray-17 .contacts-modern li::before, .bg-gray-19 .contacts-modern li::before, .bg-gray-21 .contacts-modern li::before, .bg-primary .contacts-modern li::before, .bg-secondary .contacts-modern li::before, .bg-gradient-1 .contacts-modern li::before { border-color: rgba(255, 255, 255, 0.2); } .context-dark .footer-modern-schedule li span:first-child, .bg-gray-700 .footer-modern-schedule li span:first-child, .bg-gray-800 .footer-modern-schedule li span:first-child, .bg-gray-5 .footer-modern-schedule li span:first-child, .bg-gray-13 .footer-modern-schedule li span:first-child, .bg-gray-14 .footer-modern-schedule li span:first-child, .bg-gray-17 .footer-modern-schedule li span:first-child, .bg-gray-19 .footer-modern-schedule li span:first-child, .bg-gray-21 .footer-modern-schedule li span:first-child, .bg-primary .footer-modern-schedule li span:first-child, .bg-secondary .footer-modern-schedule li span:first-child, .bg-gradient-1 .footer-modern-schedule li span:first-child { color: rgba(255, 255, 255, 0.4); } .footer-modern { text-align: left; font-weight: 400; color: #151515; } .footer-modern .rights { font-size: 14px; } .footer-modern-title { font-weight: 700; letter-spacing: .075em; } .footer-modern-schedule li { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; } .footer-modern-schedule li span:first-child { color: #808081; } .footer-modern-schedule > li + li { border-top: 1px solid #e7eff6; } .footer-modern-panel { padding: 30px 0; } .footer-modern-nav { display: flex; flex-wrap: wrap; justify-content: space-between; font-weight: 700; letter-spacing: .075em; text-transform: uppercase; margin-bottom: -10px; margin-left: -30px; } .footer-modern-nav:empty { margin-bottom: 0; margin-left: 0; } .footer-modern-nav > * { margin-top: 0; margin-bottom: 10px; margin-left: 30px; } .footer-modern-nav a, .footer-modern-nav a:focus, .footer-modern-nav a:active { color: inherit; } .footer-modern-nav a:hover { color: #ff6252; } .footer-modern-brand + * { margin-top: 20px; } .footer-modern-list-social + * { margin-top: 25px; } * + .footer-modern-list-social { margin-top: 25px; } * + .footer-modern-schedule { margin-top: 10px; } .footer-modern-title + .owl-carousel { margin-top: 26px; } @media (min-width: 768px) { .footer-modern-panel { padding: 40px 0; } .footer-modern-brand + * { margin-top: 30px; } .footer-modern-list-social + * { margin-top: 35px; } * + .footer-modern-list-social { margin-top: 35px; } * + .footer-modern-schedule { margin-top: 30px; } .footer-modern-title + .owl-carousel { margin-top: 36px; } } @media (min-width: 1200px) { .footer-modern-panel { padding: 60px 0; } } .footer-modern.context-dark, .footer-modern.bg-gray-700, .footer-modern.bg-gray-800, .footer-modern.bg-gray-5, .footer-modern.bg-gray-13, .footer-modern.bg-gray-14, .footer-modern.bg-gray-17, .footer-modern.bg-gray-19, .footer-modern.bg-gray-21, .footer-modern.bg-primary, .footer-modern.bg-secondary, .footer-modern.bg-gradient-1 { color: #ffffff; } .footer-modern.context-dark .rights, .footer-modern.bg-gray-700 .rights, .footer-modern.bg-gray-800 .rights, .footer-modern.bg-gray-5 .rights, .footer-modern.bg-gray-13 .rights, .footer-modern.bg-gray-14 .rights, .footer-modern.bg-gray-17 .rights, .footer-modern.bg-gray-19 .rights, .footer-modern.bg-gray-21 .rights, .footer-modern.bg-primary .rights, .footer-modern.bg-secondary .rights, .footer-modern.bg-gradient-1 .rights { color: rgba(255, 255, 255, 0.4); } .context-dark .footer-modern-nav, .bg-gray-700 .footer-modern-nav, .bg-gray-800 .footer-modern-nav, .bg-gray-5 .footer-modern-nav, .bg-gray-13 .footer-modern-nav, .bg-gray-14 .footer-modern-nav, .bg-gray-17 .footer-modern-nav, .bg-gray-19 .footer-modern-nav, .bg-gray-21 .footer-modern-nav, .bg-primary .footer-modern-nav, .bg-secondary .footer-modern-nav, .bg-gradient-1 .footer-modern-nav, .context-dark .footer-modern-schedule li span:first-child, .bg-gray-700 .footer-modern-schedule li span:first-child, .bg-gray-800 .footer-modern-schedule li span:first-child, .bg-gray-5 .footer-modern-schedule li span:first-child, .bg-gray-13 .footer-modern-schedule li span:first-child, .bg-gray-14 .footer-modern-schedule li span:first-child, .bg-gray-17 .footer-modern-schedule li span:first-child, .bg-gray-19 .footer-modern-schedule li span:first-child, .bg-gray-21 .footer-modern-schedule li span:first-child, .bg-primary .footer-modern-schedule li span:first-child, .bg-secondary .footer-modern-schedule li span:first-child, .bg-gradient-1 .footer-modern-schedule li span:first-child, .context-dark .footer-modern-list-social .list-social, .bg-gray-700 .footer-modern-list-social .list-social, .bg-gray-800 .footer-modern-list-social .list-social, .bg-gray-5 .footer-modern-list-social .list-social, .bg-gray-13 .footer-modern-list-social .list-social, .bg-gray-14 .footer-modern-list-social .list-social, .bg-gray-17 .footer-modern-list-social .list-social, .bg-gray-19 .footer-modern-list-social .list-social, .bg-gray-21 .footer-modern-list-social .list-social, .bg-primary .footer-modern-list-social .list-social, .bg-secondary .footer-modern-list-social .list-social, .bg-gradient-1 .footer-modern-list-social .list-social { color: rgba(255, 255, 255, 0.4); } .context-dark .footer-modern-schedule li, .bg-gray-700 .footer-modern-schedule li, .bg-gray-800 .footer-modern-schedule li, .bg-gray-5 .footer-modern-schedule li, .bg-gray-13 .footer-modern-schedule li, .bg-gray-14 .footer-modern-schedule li, .bg-gray-17 .footer-modern-schedule li, .bg-gray-19 .footer-modern-schedule li, .bg-gray-21 .footer-modern-schedule li, .bg-primary .footer-modern-schedule li, .bg-secondary .footer-modern-schedule li, .bg-gradient-1 .footer-modern-schedule li { border-top-color: rgba(255, 255, 255, 0.16); } .footer-creative { font-weight: 400; color: #151515; } .footer-creative-title { font-weight: 700; } .footer-creative-nav a, .footer-creative-nav a:focus, .footer-creative-nav a:active { color: inherit; } .footer-creative-nav a:hover { color: #ff6252; } .footer-creative-nav > li + li { margin-top: 8px; } .footer-creative-panel { position: relative; padding: 30px 0; } .footer-creative-panel::before { position: absolute; display: block; content: ''; top: 0; left: 50%; height: 0; width: 1170px; border-top: 1px solid #e7eff6; transform: translateX(-50%); } .footer-creative-brand img { max-width: 138px; } .footer-creative-title + * { margin-top: 20px; } .footer-creative-title + .rd-form { margin-top: 30px; } @media (min-width: 400px) { .footer-creative-brand > * { display: inline-block; vertical-align: middle; } .footer-creative-brand-text { padding-left: 25px; margin-left: 30px; border-left: 1px solid #e7eff6; } } @media (min-width: 768px) { .footer-creative-panel { padding: 40px 0; } .footer-creative-title + * { margin-top: 30px; } .footer-creative-title + .rd-form { margin-top: 40px; } } @media (min-width: 992px) { .footer-creative-title { font-size: 18px; } } @media (min-width: 1200px) { .footer-creative-title { font-size: 20px; } .footer-creative-panel { padding: 60px 0; } } .footer-minimal { padding: 30px 0; font-weight: 400; color: #151515; } .footer-minimal .list-social { color: #ffde6c; } .footer-creative-nav a, .footer-creative-nav a:focus, .footer-creative-nav a:active { color: inherit; } .footer-creative-nav a:hover { color: #ff6252; } @media (min-width: 768px) { .footer-minimal { padding: 40px 0; } } @media (min-width: 1200px) { .footer-minimal { padding: 55px 0; } } .footer-jean { font-weight: 400; } .footer-jean-title { font-weight: 700; letter-spacing: .025em; } .footer-jean-nav { margin-bottom: -8px; margin-left: -25px; } .footer-jean-nav:empty { margin-bottom: 0; margin-left: 0; } .footer-jean-nav > * { margin-top: 0; margin-bottom: 8px; margin-left: 25px; } .footer-jean-nav > li { display: inline-block; } .footer-jean-nav a, .footer-jean-nav a:focus, .footer-jean-nav a:active { color: inherit; } .footer-jean-nav a:hover { color: #ff6252; } .footer-jean-brand + * { margin-top: 15px; } .footer-jean-title + * { margin-top: 20px; } .footer-jean-title + .rd-form { margin-top: 25px; } @media (min-width: 992px) { .footer-jean-nav { margin-left: 0; } .footer-jean-nav > * { margin-left: 0; } .footer-jean-nav > li { display: block; } .footer-jean-brand { margin-top: 10px; } .footer-jean-brand + * { margin-top: 25px; } .footer-jean-title + * { margin-top: 40px; } .footer-jean-title + .rd-form { margin-top: 50px; } } @media (min-width: 1200px) { .footer-jean * + .group-middle { margin-top: 50px; } .footer-jean-title { font-size: 20px; } } @media (min-width: 1600px) { .footer-jean { padding-left: 5.5208%; } .footer-jean-nav { columns: 2; break-inside: avoid; -moz-column-gap: 30px; -webkit-column-gap: 30px; } } .footer-jean.context-dark, .footer-jean.bg-gray-700, .footer-jean.bg-gray-800, .footer-jean.bg-gray-5, .footer-jean.bg-gray-13, .footer-jean.bg-gray-14, .footer-jean.bg-gray-17, .footer-jean.bg-gray-19, .footer-jean.bg-gray-21, .footer-jean.bg-primary, .footer-jean.bg-secondary, .footer-jean.bg-gradient-1 { color: rgba(255, 255, 255, 0.5); } .footer-jean.context-dark .rights, .footer-jean.bg-gray-700 .rights, .footer-jean.bg-gray-800 .rights, .footer-jean.bg-gray-5 .rights, .footer-jean.bg-gray-13 .rights, .footer-jean.bg-gray-14 .rights, .footer-jean.bg-gray-17 .rights, .footer-jean.bg-gray-19 .rights, .footer-jean.bg-gray-21 .rights, .footer-jean.bg-primary .rights, .footer-jean.bg-secondary .rights, .footer-jean.bg-gradient-1 .rights { color: rgba(255, 255, 255, 0.2); } .context-dark .footer-jean-list-social .list-social, .bg-gray-700 .footer-jean-list-social .list-social, .bg-gray-800 .footer-jean-list-social .list-social, .bg-gray-5 .footer-jean-list-social .list-social, .bg-gray-13 .footer-jean-list-social .list-social, .bg-gray-14 .footer-jean-list-social .list-social, .bg-gray-17 .footer-jean-list-social .list-social, .bg-gray-19 .footer-jean-list-social .list-social, .bg-gray-21 .footer-jean-list-social .list-social, .bg-primary .footer-jean-list-social .list-social, .bg-secondary .footer-jean-list-social .list-social, .bg-gradient-1 .footer-jean-list-social .list-social { color: inherit; } /** @section Services */ .service { text-align: left; color: #151515; background: #f5f5f5; } .service-1 .service-figure::before { background: #ff6252; } .service-figure { position: relative; display: block; } .service-figure::before { position: absolute; content: ''; bottom: 0; left: 0; height: 6px; width: 0; background-image: linear-gradient(90deg, #ff6252 0%, #ffde6c 100%); transition: all .3s ease; } .service-figure img { width: 100%; } .service-caption { padding: 20px 15px; } .service-title { letter-spacing: .01em; font-family: inherit; } .service-panel { padding: 15px; border-top: 1px solid #e7eff6; } .service-panel ul { overflow: hidden; transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -26px; margin-right: -26px; } .service-panel ul > * { margin-top: 10px; padding-left: 26px; padding-right: 26px; } .service-panel ul > li { position: relative; vertical-align: middle; } .service-panel ul > li::before { position: absolute; display: none; top: 50%; left: -1px; content: ''; width: 0; height: 33px; border-left: 1px solid #e7eff6; transform: translateY(-50%); } .service-panel ul > li + li::before { display: inline-block; } .service-userimage { border-radius: 50%; } .service-time, .service-username { font-weight: 400; letter-spacing: .01em; } .service-time > * { display: inline-block; vertical-align: middle; margin-top: 0; } .service-time > * + * { margin-left: 10px; } .service-time .icon { font-size: 19px; line-height: 1; } .service-link { font-size: 14px; font-weight: 400; letter-spacing: .2em; text-transform: uppercase; } .service-link, .service-link:focus, .service-link:active { color: inherit; } .service-link:hover { color: inherit; } .service-link:hover { text-decoration: underline; } * + .service-text { margin-top: 6px; } @media (min-width: 768px) { .service-caption { padding: 30px; } .service-panel { padding-left: 30px; padding-right: 30px; } } @media (min-width: 992px) { .desktop .service:hover .service-figure::before { width: 100%; } } .context-dark .service, .bg-gray-700 .service, .bg-gray-800 .service, .bg-gray-5 .service, .bg-gray-13 .service, .bg-gray-14 .service, .bg-gray-17 .service, .bg-gray-19 .service, .bg-gray-21 .service, .bg-primary .service, .bg-secondary .service, .bg-gradient-1 .service { background: #ffffff; } .context-dark .service-title, .bg-gray-700 .service-title, .bg-gray-800 .service-title, .bg-gray-5 .service-title, .bg-gray-13 .service-title, .bg-gray-14 .service-title, .bg-gray-17 .service-title, .bg-gray-19 .service-title, .bg-gray-21 .service-title, .bg-primary .service-title, .bg-secondary .service-title, .bg-gradient-1 .service-title { color: #151515; } .bg-gray-100 .service { background: #ffffff; } .service-classic { text-align: left; color: #151515; background: #f5f5f5; } .service-classic-1 .service-classic-figure::before { background-image: linear-gradient(68deg, #b71000 0%, #e4ba78 100%); } .service-classic-figure { position: relative; } .service-classic-figure::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(12deg, #000000 0%, #5b5b5b 100%); transition: all .3s ease-in-out; pointer-events: none; opacity: .59; } .service-classic-figure img { width: 100%; } .service-classic-figure .button-wrap { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); transition: all .3s ease-in-out; } .service-classic-caption { padding: 15px; } .service-classic-panel { font-weight: 400; letter-spacing: .01em; padding: 20px 15px; border-top: 1px solid #e7eff6; } .service-classic-title { letter-spacing: .01em; font-family: inherit; } .service-classic-days { padding: 0 15px; font-weight: 500; letter-spacing: .01em; text-transform: uppercase; color: #ff6252; } .service-classic-days .nav { display: block; border: none; } .service-classic-days ul { margin-left: -25px; } .service-classic-days ul > * { margin-left: 25px; } .service-classic-days li { position: relative; padding-bottom: 8px; } .service-classic-days li a::before { position: absolute; content: ''; bottom: 0; left: 50%; width: 0; height: 0; border-bottom: 5px solid; transition: all .3s ease; transform: translateX(-50%); } .service-classic-days li a.active::before, .service-classic-days li a:hover::before { width: 34px; } .service-classic-userimage { display: inline-block; border-radius: 50%; padding: 3px; background-image: linear-gradient(53deg, #ffde6c 0%, #ff6252 100%); } .service-classic-userimage img { width: 34px; border-radius: inherit; } .service-classic-time { color: #ff6252; } * + .service-classic-username { margin-top: 0; } @media (min-width: 768px) { .service-classic-caption { padding: 20px 20px 16px; } .service-classic-days { padding: 0 20px; } .service-classic-panel { padding: 30px 20px; } .service-classic-userimage img { width: 53px; } } @media (min-width: 992px) { .desktop .service-classic-figure .button-wrap, .desktop .service-classic-figure::before { opacity: 0; } .desktop .service-classic:hover .service-classic-figure::before { opacity: .59; } .desktop .service-classic:hover .service-classic-figure .button-wrap { opacity: 1; } } @media (min-width: 1200px) { .service-classic-caption { padding-left: 35px; padding-right: 35px; } .service-classic-days { padding: 0 35px; } .service-classic-panel { padding-left: 30px; padding-right: 30px; } .service-classic-userimage img { width: 63px; } } .bg-gray-100 .service-classic { background: #ffffff; } .service-modern { text-align: left; color: #151515; background: #f5f5f5; } .service-modern-1 .service-modern-days { background: #ff6252; } .service-modern-figure { position: relative; overflow: hidden; display: block; } .service-modern-figure a { display: inherit; } .service-modern-figure img { width: 100%; transition: all .3s ease-in-out; } .service-modern-figure img.processed { position: absolute; opacity: .4; } .service-modern-schedule { display: flex; flex-wrap: wrap; bottom: 0; left: 0; width: 100%; transition: all .3s ease; } .service-modern-schedule > li { flex-grow: 1; } .service-modern-schedule > li + li .service-modern-time { border-left: 1px solid #e7eff6; } .service-modern-days { padding: 3px 10px; font-weight: 700; letter-spacing: .035em; text-transform: uppercase; color: #ffffff; background: #373737; } .service-modern-time { padding: 3px 10px; font-weight: 400; letter-spacing: 0; color: #151515; background: #f5f5f5; } .service-modern-caption { padding: 20px 15px; } .service-modern-title { font-weight: 500; letter-spacing: .01em; font-family: inherit; } .service-modern-text { font-weight: 400; letter-spacing: .035em; color: rgba(21, 21, 21, 0.7); } * + .service-modern-time { margin-top: 0; } * + .service-modern-text { margin-top: 4px; } @media (min-width: 992px) { .desktop .service-modern-schedule { position: absolute; width: auto; transform: translateY(100%); opacity: 0; } .desktop .service-modern-schedule > li { min-width: 114px; } .desktop .service-modern:hover .service-modern-figure img.processed { opacity: 0; } .desktop .service-modern:hover .service-modern-schedule { opacity: 1; transform: none; transition-delay: .3s; } .service-modern-days { padding: 6px 15px; } .service-modern-time { padding: 5px 15px; } .service-modern-caption { padding: 38px 45px; } } @media (min-width: 1200px) { .service-modern-wrap > [class*='col-']:nth-child(odd) .service-modern { margin-left: 0; } .service-modern-wrap > [class*='col-']:nth-child(even) .service-modern { margin-right: 0; } .service-modern-wrap .service-modern { max-width: 550px; } } .bg-gray-100 .service-modern { background: #ffffff; } .service-minimal { text-align: left; color: #151515; background: #f5f5f5; } .service-minimal-1 .service-minimal-number { background: #ff6252; } .service-minimal-figure { position: relative; display: block; } .service-minimal-figure::before { display: none; position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(0, rgba(0, 0, 0, 0.7) 0%, rgba(101, 101, 101, 0) 100%); transition: all .3s ease-in-out; pointer-events: none; opacity: .67; } .service-minimal-figure img { width: 100%; } .service-minimal-number { position: absolute; text-align: center; right: 0; bottom: 0; width: 39px; height: 39px; line-height: 39px; font-weight: 700; color: #ffffff; background-image: linear-gradient(84deg, #ff6252 0%, #ffde6c 100%); } .service-minimal-caption { padding: 15px; } .service-minimal-panel { font-weight: 400; letter-spacing: .01em; padding: 20px 15px; border-top: 1px solid #e7eff6; } .service-minimal-title { letter-spacing: .01em; font-family: inherit; } .service-minimal-time { font-weight: 400; letter-spacing: .01em; color: #151515; } .service-minimal-time > * { display: inline-block; vertical-align: middle; margin-top: 0; } .service-minimal-time > * + * { margin-left: 10px; } .service-minimal-time .icon { font-size: 19px; line-height: 1; } * + .service-minimal-time { margin-top: 4px; } @media (min-width: 768px) { .service-minimal-number { width: 49px; height: 49px; line-height: 49px; } .service-minimal-caption { padding: 20px 30px; } } @media (min-width: 992px) { .desktop .service-minimal-figure::before { display: inline-block; } .desktop .service-minimal:hover .service-minimal-figure::before { opacity: 0; } .service-minimal-caption { padding: 25px 35px; } } @media (min-width: 1200px) { .service-minimal-2 .service-minimal-caption { padding-left: 12.4%; padding-right: 12.4%; } .service-minimal-caption { padding-left: 45px; padding-right: 45px; } } .context-dark .service-minimal-title, .bg-gray-700 .service-minimal-title, .bg-gray-800 .service-minimal-title, .bg-gray-5 .service-minimal-title, .bg-gray-13 .service-minimal-title, .bg-gray-14 .service-minimal-title, .bg-gray-17 .service-minimal-title, .bg-gray-19 .service-minimal-title, .bg-gray-21 .service-minimal-title, .bg-primary .service-minimal-title, .bg-secondary .service-minimal-title, .bg-gradient-1 .service-minimal-title { color: #151515; } .bg-gray-100 .service-minimal { background: #ffffff; } .service-joan { text-align: left; } .service-joan-figure { position: relative; overflow: hidden; display: block; } .service-joan-figure img { width: 100%; transition: all .3s ease-in-out; } .service-joan-caption { padding: 9% 5% 0; } .service-joan-title { letter-spacing: .01em; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .service-joan-title a:hover { color: inherit; text-decoration: underline; } .service-joan-text { color: rgba(21, 21, 21, 0.7); } * + .service-joan-text { margin-top: 10px; } @media (min-width: 768px) { .service-joan-caption { padding-top: 11%; } * + .service-joan-text { margin-top: 16px; } } @media (min-width: 992px) { .desktop .service-joan:hover .service-joan-overlay { opacity: 1; } .desktop .service-joan:hover .service-joan-figure img { transform: scale(1.1); } } @media (min-width: 1200px) { .service-joan-caption { padding-bottom: 11%; } } @media (min-width: 1600px) { .service-joan-caption { padding-left: 10%; padding-right: 10%; } * + .service-joan-text { margin-top: 22px; } } @media (min-width: 1200px) { .owl-style-13 .service-joan-caption { position: relative; } .owl-style-13 .service-joan-caption::before { position: absolute; content: ''; top: 50%; left: -6px; width: 0; height: 54%; border-left: 1px solid #e7eff6; transform: translateY(-50%); } } /** @section Schedule */ .schedule { text-align: left; padding: 15px; border: 1px solid #e7eff6; background: #ffffff; } .schedule .button { margin-top: 0; } .schedule-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .schedule-days { font-family: inherit; letter-spacing: .01em; } .schedule-info { font-weight: 400; letter-spacing: .01em; margin-left: -20px; } .schedule-info > * { margin-left: 20px; } .schedule-info-item > * { vertical-align: middle; } .schedule-info-item .icon { margin-right: 10px; font-size: 20px; color: #151515; } .schedule-button-wrap { display: flex; align-items: center; } .schedule-button-wrap * + * { margin-left: 16px; } .schedule-button { position: relative; width: 40px; height: 40px; border: 2px solid; border-radius: 50%; } .schedule-button, .schedule-button:focus { color: #151515; } .schedule-button:hover, .schedule-button:active, .schedule-button.active { color: #ffffff; background: #373737; border-color: #373737; } .schedule-button::before, .schedule-button::after { position: absolute; display: inline-block; content: ''; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0) rotate(90deg); transition: opacity .3s ease, transform .3s ease; } .schedule-button::before { height: 0; width: 14px; border-top: 2px solid; opacity: 0; } .schedule-button::after { height: 14px; width: 0; border-left: 2px solid; } .schedule-button.collapsed::before, .schedule-button.collapsed::after { transform: translate3d(-50%, -50%, 0); } .schedule-button.collapsed::before { opacity: 1; } * + .schedule { margin-top: 20px; } * + .schedule-wrap { margin-top: 30px; } @media (min-width: 576px) { .schedule-days { min-width: 16%; } .schedule-2 .schedule-days { min-width: 20%; } } @media (min-width: 768px) { .schedule { padding: 15px; } .schedule-body { justify-content: space-between; } .schedule-button { width: 50px; height: 50px; } * + .schedule-wrap { margin-top: 40px; } } @media (min-width: 992px) { .schedule { padding: 20px; } .schedule-info > li { display: inline-block; } .schedule-button { width: 60px; height: 60px; } * + .schedule { margin-top: 30px; } * + .schedule-wrap { margin-top: 50px; } } @media (min-width: 1200px) { .schedule { padding: 24px 20px 24px 40px; } .schedule-info { margin-left: -40px; } .schedule-info > * { margin-left: 40px; } } .context-dark .schedule, .bg-gray-700 .schedule, .bg-gray-800 .schedule, .bg-gray-5 .schedule, .bg-gray-13 .schedule, .bg-gray-14 .schedule, .bg-gray-17 .schedule, .bg-gray-19 .schedule, .bg-gray-21 .schedule, .bg-primary .schedule, .bg-secondary .schedule, .bg-gradient-1 .schedule { background: rgba(255, 255, 255, 0.1); border-color: transparent; } .context-dark .schedule .button, .bg-gray-700 .schedule .button, .bg-gray-800 .schedule .button, .bg-gray-5 .schedule .button, .bg-gray-13 .schedule .button, .bg-gray-14 .schedule .button, .bg-gray-17 .schedule .button, .bg-gray-19 .schedule .button, .bg-gray-21 .schedule .button, .bg-primary .schedule .button, .bg-secondary .schedule .button, .bg-gradient-1 .schedule .button, .context-dark .schedule .button:focus, .bg-gray-700 .schedule .button:focus, .bg-gray-800 .schedule .button:focus, .bg-gray-5 .schedule .button:focus, .bg-gray-13 .schedule .button:focus, .bg-gray-14 .schedule .button:focus, .bg-gray-17 .schedule .button:focus, .bg-gray-19 .schedule .button:focus, .bg-gray-21 .schedule .button:focus, .bg-primary .schedule .button:focus, .bg-secondary .schedule .button:focus, .bg-gradient-1 .schedule .button:focus, .context-dark .schedule .schedule-button, .bg-gray-700 .schedule .schedule-button, .bg-gray-800 .schedule .schedule-button, .bg-gray-5 .schedule .schedule-button, .bg-gray-13 .schedule .schedule-button, .bg-gray-14 .schedule .schedule-button, .bg-gray-17 .schedule .schedule-button, .bg-gray-19 .schedule .schedule-button, .bg-gray-21 .schedule .schedule-button, .bg-primary .schedule .schedule-button, .bg-secondary .schedule .schedule-button, .bg-gradient-1 .schedule .schedule-button, .context-dark .schedule .schedule-button:focus, .bg-gray-700 .schedule .schedule-button:focus, .bg-gray-800 .schedule .schedule-button:focus, .bg-gray-5 .schedule .schedule-button:focus, .bg-gray-13 .schedule .schedule-button:focus, .bg-gray-14 .schedule .schedule-button:focus, .bg-gray-17 .schedule .schedule-button:focus, .bg-gray-19 .schedule .schedule-button:focus, .bg-gray-21 .schedule .schedule-button:focus, .bg-primary .schedule .schedule-button:focus, .bg-secondary .schedule .schedule-button:focus, .bg-gradient-1 .schedule .schedule-button:focus { color: #ffffff; border-color: #ffffff; } .context-dark .schedule .button:hover, .bg-gray-700 .schedule .button:hover, .bg-gray-800 .schedule .button:hover, .bg-gray-5 .schedule .button:hover, .bg-gray-13 .schedule .button:hover, .bg-gray-14 .schedule .button:hover, .bg-gray-17 .schedule .button:hover, .bg-gray-19 .schedule .button:hover, .bg-gray-21 .schedule .button:hover, .bg-primary .schedule .button:hover, .bg-secondary .schedule .button:hover, .bg-gradient-1 .schedule .button:hover, .context-dark .schedule .button:active, .bg-gray-700 .schedule .button:active, .bg-gray-800 .schedule .button:active, .bg-gray-5 .schedule .button:active, .bg-gray-13 .schedule .button:active, .bg-gray-14 .schedule .button:active, .bg-gray-17 .schedule .button:active, .bg-gray-19 .schedule .button:active, .bg-gray-21 .schedule .button:active, .bg-primary .schedule .button:active, .bg-secondary .schedule .button:active, .bg-gradient-1 .schedule .button:active, .context-dark .schedule .button.active, .bg-gray-700 .schedule .button.active, .bg-gray-800 .schedule .button.active, .bg-gray-5 .schedule .button.active, .bg-gray-13 .schedule .button.active, .bg-gray-14 .schedule .button.active, .bg-gray-17 .schedule .button.active, .bg-gray-19 .schedule .button.active, .bg-gray-21 .schedule .button.active, .bg-primary .schedule .button.active, .bg-secondary .schedule .button.active, .bg-gradient-1 .schedule .button.active, .context-dark .schedule .schedule-button:hover, .bg-gray-700 .schedule .schedule-button:hover, .bg-gray-800 .schedule .schedule-button:hover, .bg-gray-5 .schedule .schedule-button:hover, .bg-gray-13 .schedule .schedule-button:hover, .bg-gray-14 .schedule .schedule-button:hover, .bg-gray-17 .schedule .schedule-button:hover, .bg-gray-19 .schedule .schedule-button:hover, .bg-gray-21 .schedule .schedule-button:hover, .bg-primary .schedule .schedule-button:hover, .bg-secondary .schedule .schedule-button:hover, .bg-gradient-1 .schedule .schedule-button:hover, .context-dark .schedule .schedule-button:active, .bg-gray-700 .schedule .schedule-button:active, .bg-gray-800 .schedule .schedule-button:active, .bg-gray-5 .schedule .schedule-button:active, .bg-gray-13 .schedule .schedule-button:active, .bg-gray-14 .schedule .schedule-button:active, .bg-gray-17 .schedule .schedule-button:active, .bg-gray-19 .schedule .schedule-button:active, .bg-gray-21 .schedule .schedule-button:active, .bg-primary .schedule .schedule-button:active, .bg-secondary .schedule .schedule-button:active, .bg-gradient-1 .schedule .schedule-button:active, .context-dark .schedule .schedule-button.active, .bg-gray-700 .schedule .schedule-button.active, .bg-gray-800 .schedule .schedule-button.active, .bg-gray-5 .schedule .schedule-button.active, .bg-gray-13 .schedule .schedule-button.active, .bg-gray-14 .schedule .schedule-button.active, .bg-gray-17 .schedule .schedule-button.active, .bg-gray-19 .schedule .schedule-button.active, .bg-gray-21 .schedule .schedule-button.active, .bg-primary .schedule .schedule-button.active, .bg-secondary .schedule .schedule-button.active, .bg-gradient-1 .schedule .schedule-button.active { color: #151515; background: #ffffff; border-color: #ffffff; } .context-dark .schedule-info-item .icon, .bg-gray-700 .schedule-info-item .icon, .bg-gray-800 .schedule-info-item .icon, .bg-gray-5 .schedule-info-item .icon, .bg-gray-13 .schedule-info-item .icon, .bg-gray-14 .schedule-info-item .icon, .bg-gray-17 .schedule-info-item .icon, .bg-gray-19 .schedule-info-item .icon, .bg-gray-21 .schedule-info-item .icon, .bg-primary .schedule-info-item .icon, .bg-secondary .schedule-info-item .icon, .bg-gradient-1 .schedule-info-item .icon { color: #ffffff; } .event-classic { position: relative; text-align: center; padding: 15px; line-height: 1.2; font-weight: 400; color: #151515; background: #ffffff; transition: all .3s ease-in-out; z-index: 1; } .event-classic-title { color: #ff6252; font-weight: 500; } .event-classic-time { font-size: 13px; line-height: 1.334; font-weight: 500; } .event-classic-button .button { padding: 5px 10px; font-size: 13px; } .event-classic-button .button, .event-classic-button .button:focus { color: #ffffff; background: #ff6252; border-color: #ff6252; } .event-classic-button .button:hover, .event-classic-button .button:active, .event-classic-button .button.active { background: #373737; border-color: #373737; } .event-classic-text { font-size: 13px; } .event-classic-1 .event-classic-title { color: #ffde6c; } .event-classic-1 .event-classic-button .button, .event-classic-1 .event-classic-button .button:focus { background: #ffde6c; border-color: #ffde6c; } .event-classic-1 .event-classic-button .button:hover, .event-classic-1 .event-classic-button .button:active, .event-classic-1 .event-classic-button .button.active { background: #373737; border-color: #373737; } .event-classic-2 .event-classic-title { color: #40c692; } .event-classic-2 .event-classic-button .button, .event-classic-2 .event-classic-button .button:focus { background: #40c692; border-color: #40c692; } .event-classic-2 .event-classic-button .button:hover, .event-classic-2 .event-classic-button .button:active, .event-classic-2 .event-classic-button .button.active { background: #373737; border-color: #373737; } .event-classic-3 .event-classic-title { color: #7977cf; } .event-classic-3 .event-classic-button .button, .event-classic-3 .event-classic-button .button:focus { background: #7977cf; border-color: #7977cf; } .event-classic-3 .event-classic-button .button:hover, .event-classic-3 .event-classic-button .button:active, .event-classic-3 .event-classic-button .button.active { background: #373737; border-color: #373737; } * + .event-classic-name { margin-top: 6px; } * + .event-classic-body { margin-top: 10px; } * + .event-classic-button { margin-top: 10px; } * + .event-classic-text { margin-top: 10px; } @media (min-width: 992px) { .desktop .event-classic { padding: 35px 5px; } .desktop .event-classic-body { position: absolute; top: calc(100% - 35px); left: 0; width: 100%; padding: 14px 5px 39px; color: #ffffff; background: inherit; transition: opacity .3s ease-in-out; visibility: hidden; opacity: 0; } .desktop .event-classic .event-classic-button .button { padding: 7px 10px; font-size: 14px; } .desktop .event-classic .event-classic-button .button, .desktop .event-classic .event-classic-button .button:focus { color: #151515; background: #ffffff; border-color: #ffffff; } .desktop .event-classic .event-classic-button .button:hover, .desktop .event-classic .event-classic-button .button:active, .desktop .event-classic .event-classic-button .button.active { color: #ffffff; background: #ff6252; border-color: #ff6252; } .desktop .event-classic:hover { background: #373737; } .desktop .event-classic:hover .event-classic-body { visibility: visible; opacity: 1; } .desktop .event-classic:hover .event-classic-title { color: #ffffff; } .desktop .event-classic:hover .event-classic-name { color: rgba(255, 255, 255, 0.5); } .desktop .event-classic-4:hover { background-image: linear-gradient(#f6df87 0%, #d7a380 100%); background-color: transparent; } .desktop .event-classic-4 .event-classic-body { background-image: linear-gradient(#e2b982 0%, #ff6252 100%); } .desktop .event-classic-time { font-size: 15px; } .desktop .event-classic-text { font-size: 14px; } .desktop * + .event-classic-body { margin-top: 0; } .desktop * + .event-classic-button { margin-top: 18px; } .desktop * + .event-classic-text { margin-top: 16px; } } @media (min-width: 1200px) { .desktop .event-classic { padding: 45px 5px; } .desktop .event-classic-body { top: calc(100% - 45px); padding-bottom: 50px; } } /** @section Schedule Custom */ .cd-schedule { position: relative; text-align: center; line-height: 1.334; font-weight: 400; color: #808081; background: #ffffff; } .cd-schedule-1 .events-day { background: #3f4046; } .events-timeline { display: none; text-align: left; font-size: 15px; font-weight: 500; } .events { position: relative; z-index: 1; } .events-group > ul { position: relative; display: flex; overflow-x: scroll; -webkit-overflow-scrolling: touch; border-bottom: 2px solid #f5f5f5; } .events-group > ul li + li { border-left: 2px solid #f5f5f5; } .events-day { width: 100%; padding: 10px 5px; color: #ffffff; background: #373737; } .single-event { padding: 15px 20px 20px; background: #ffffff; } .event-title { font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #ff6252; } .event-time { display: inline-block; font-size: 13px; font-weight: 500; margin-top: 6px; color: #151515; } .event-name { font-size: 13px; } .event-button .button { padding: 5px 10px; font-size: 13px; } .event-button .button, .event-button .button:focus { color: #ffffff; background: #ff6252; border-color: #ff6252; } .event-button .button:hover, .event-button .button:active, .event-button .button.active { background: #373737; border-color: #373737; } .single-event-1 .event-title { color: #ffde6c; } .single-event-1 .event-button .button, .single-event-1 .event-button .button:focus { background: #ffde6c; border-color: #ffde6c; } .single-event-1 .event-button .button:hover, .single-event-1 .event-button .button:active, .single-event-1 .event-button .button.active { background: #373737; border-color: #373737; } .single-event-2 .event-title { color: #40c692; } .single-event-2 .event-button .button, .single-event-2 .event-button .button:focus { background: #40c692; border-color: #40c692; } .single-event-2 .event-button .button:hover, .single-event-2 .event-button .button:active, .single-event-2 .event-button .button.active { background: #373737; border-color: #373737; } .single-event-3 .event-title { color: #7977cf; } .single-event-3 .event-button .button, .single-event-3 .event-button .button:focus { background: #7977cf; border-color: #7977cf; } .single-event-3 .event-button .button:hover, .single-event-3 .event-button .button:active, .single-event-3 .event-button .button.active { background: #373737; border-color: #373737; } .single-event-4 .event-title { color: #f4a14f; } .single-event-4 .event-button .button, .single-event-4 .event-button .button:focus { background: #f4a14f; border-color: #f4a14f; } .single-event-4 .event-button .button:hover, .single-event-4 .event-button .button:active, .single-event-4 .event-button .button.active { background: #373737; border-color: #373737; } * + .cd-schedule { margin-top: 30px; } * + .event-button { margin-top: 14px; } * + .events-group { margin-top: 30px; } * + .event-body { margin-top: 10px; } @media (min-width: 768px) { .event-time { font-size: 15px; } .event-name { font-size: 14px; } * + .cd-schedule { margin-top: 50px; } } @media (max-width: 991.98px) { .desktop .single-event { height: auto !important; top: auto !important; } } @media (min-width: 992px) { .desktop .cd-schedule::before { content: 'desktop'; display: none; } .desktop .cd-schedule.loading .single-event { opacity: 0; } .desktop .events-timeline { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; padding-top: 51px; } .desktop .events-timeline::before { position: absolute; display: inline-block; top: 0; left: 0; content: ''; height: 51px; width: 105px; background: #373737; pointer-events: none; } .desktop .events-timeline li { display: flex; position: relative; align-items: stretch; height: 102px; line-height: 100px; border-top: 2px solid #f5f5f5; } .desktop .events-timeline li:nth-child(odd) span { background: #f5f5f5; } .desktop .events-timeline li span { display: inline-block; text-align: center; line-height: inherit; width: 105px; } .desktop .events { margin-left: 105px; } .desktop .events > ul { display: flex; } .desktop .events-group { width: calc(100%/7); flex-basis: calc(100%/7); margin-bottom: 0; border-left: 2px solid #f5f5f5; } .desktop .events-group > ul { height: 1122px; display: block; overflow: visible; padding: 0; border-bottom: none; } .desktop .events-group > ul li { border-top: 2px solid #f5f5f5; border-bottom: 2px solid #f5f5f5; } .desktop .events-group > ul li + li { border-left: none; } .desktop .events-day { display: table; height: 102px; max-height: 51px; padding: 0; } .desktop .events-day span { display: table-cell; vertical-align: middle; } .desktop .single-event { position: absolute; left: 0; width: 100%; padding: 15px 5px; z-index: 1; } .desktop .single-event:hover { z-index: 2; } .desktop .single-event:hover .event-body { box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.18); visibility: visible; opacity: 1; } .desktop .single-event:hover .button, .desktop .single-event:hover .button:focus { color: #ffffff; background: #373737; border-color: #373737; } .desktop .single-event:hover .button:hover, .desktop .single-event:hover .button:active, .desktop .single-event:hover .button.active { color: #ffffff; background: #ff6252; border-color: #ff6252; } .desktop .event-body { position: absolute; top: 0; left: 0; padding: 100px 5px 20px; width: 100%; min-height: 100%; background: inherit; transition: all .3s ease; visibility: hidden; opacity: 0; z-index: -1; } .desktop .event-button .button { padding: 7px 10px; font-size: 14px; } .desktop * + .event-button { margin-top: 24px; } .desktop * + .events-group { margin-top: 0; } .desktop * + .event-body { margin-top: 0; } } @media (min-width: 1200px) { .desktop .events-timeline::before { width: 140px; } .desktop .events-timeline li span { width: 140px; } .desktop .events { margin-left: 140px; } .desktop * + .cd-schedule { margin-top: 70px; } } /** @section Products */ .product { text-align: center; border: 1px solid #dddddd; } .product-body { position: relative; overflow: hidden; padding: 20px 15px; background: #f5f5f5; transition: all .4s ease; } .product-info { transition: inherit; } .product-category { font-size: 13px; letter-spacing: .05em; text-transform: uppercase; } .product-title { font-weight: 300; letter-spacing: .01em; text-transform: none; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .product-text { font-size: 16px; } .product-figure img { max-width: 200px; } .product-description { color: #151515; transition: inherit; } .product-rating .icon { font-size: 20px; } .product-rating > * + * { margin-left: 1px; } .product-panel { padding: 10px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #dddddd; color: #151515; background: #ffffff; } .product-link { font-size: 13px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; } .product-link a { text-decoration: underline; } .product-link a, .product-link a:focus, .product-link a:active { color: #ff6252; } .product-link a:hover { color: #ff6252; } .product-link a:hover { text-decoration: none; } .product-price { font-weight: 400; letter-spacing: .01em; } .product-share { position: relative; } .product-share-button { padding: 5px; font-size: 23px; line-height: 1; } .product-share-button, .product-share-button:focus, .product-share-button:active { color: #151515; } .product-share-button:hover { color: #ff6252; } .product-share-button { cursor: pointer; } .product-share-button::before { content: '\ec20'; } .product-share-button.active::before { content: '\ec2a'; } .product-share-button.active ~ .product-share-list li { opacity: 1; visibility: visible; } .product-share-button.active ~ .product-share-list li:nth-child(2) { transition-delay: 50ms; } .product-share-button.active ~ .product-share-list li:nth-child(3) { transition-delay: 100ms; } .product-share-button.active ~ .product-share-list li:nth-child(4) { transition-delay: 150ms; } .product-share-button.active ~ .product-share-list li:nth-child(5) { transition-delay: 200ms; } .product-share-button.active ~ .product-share-list li:nth-child(6) { transition-delay: 250ms; } .product-share-button.active ~ .product-share-list li:nth-child(7) { transition-delay: 300ms; } .product-share-button.active ~ .product-share-list li:nth-child(8) { transition-delay: 350ms; } .product-share-button.active ~ .product-share-list li:nth-child(9) { transition-delay: 400ms; } .product-share-button.active ~ .product-share-list li:nth-child(10) { transition-delay: 450ms; } .product-share-list { display: flex; position: absolute; top: 50%; right: calc( 100% + 6px); transform: translateY(-50%); margin-left: -10px; } .product-share-list > * { margin-left: 10px; } .product-share-list li { opacity: 0; visibility: hidden; transition: all .3s ease; } .product-share-list .icon { font-size: 20px; vertical-align: middle; } .product-share-list a, .product-share-list a:focus, .product-share-list a:active { color: #ff6252; } .product-share-list a:hover { color: #151515; } .product-share-list .mdi-facebook, .product-share-list .mdi-facebook:focus, .product-share-list .mdi-facebook:active { color: #4d70a8; } .product-share-list .mdi-facebook:hover { color: #748abc; } .product-share-list .mdi-google, .product-share-list .mdi-google:focus, .product-share-list .mdi-google:active { color: #e2411e; } .product-share-list .mdi-google:hover { color: #de7272; } .product-share-list .mdi-twitter, .product-share-list .mdi-twitter:focus, .product-share-list .mdi-twitter:active { color: #02bcf3; } .product-share-list .mdi-twitter:hover { color: #02a8da; } * + .product-figure { margin-top: 5px; } * + .product-text { margin-top: 4px; } * + .product-link { margin-top: 10px; } .product-text + .button { margin-top: 10px; } @media (min-width: 768px) { .product-panel { padding: 20px; } .product-share-list { right: calc( 100% + 16px); margin-left: -18px; } .product-share-list > * { margin-left: 18px; } .product-share-list .icon { font-size: 22px; } * + .product-title { margin-top: 6px; } * + .product-figure { margin-top: 15px; } * + .product-text { margin-top: 10px; } * + .product-link { margin-top: 20px; } .product-text + .button { margin-top: 18px; } } @media (min-width: 992px) { .desktop .product-body { padding-top: 34px; padding-bottom: 34px; } .desktop .product-body::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(#f5f5f5 0%, rgba(255, 255, 255, 0) 100%); transition: inherit; pointer-events: none; opacity: 0; z-index: 1; } .desktop .product-title { font-size: 24px; } .desktop .product-figure img { max-width: 100%; } .desktop .product-description { position: absolute; padding: 25px 15px; left: 0; bottom: 0; width: 100%; transform: translateY(100%); z-index: 2; } .desktop .product:hover .product-body::before { opacity: .82; } .desktop .product:hover .product-info { transform: translateY(-74%); } .desktop .product:hover .product-description { transform: none; } } @media (min-width: 1200px) { .desktop .product-description { padding-top: 35px; padding-bottom: 35px; } .product-panel { padding: 28px 30px; } } .ie-10 .product-share-list, .ie-11 .product-share-list, .ie-edge .product-share-list { justify-content: flex-end; min-width: 150px; } .single-product { text-align: left; color: #151515; } .single-product .button { min-width: 176px; } .single-product * + .group-inline { margin-top: 20px; } .single-product hr + .group-middle { margin-top: 0; } .single-product .group-inline + p { margin-top: 16px; } @media (min-width: 768px) { .single-product .group-inline + p { margin-top: 26px; } } .single-product-title { letter-spacing: .01em; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .single-product-price { font-weight: 400; letter-spacing: .025em; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #ff6252; } .single-product-rating { font-size: 0; line-height: 0; } .single-product-rating .icon { font-size: 25px; color: #f6db41; } .single-product-info .icon { color: rgba(21, 21, 21, 0.1); } .list-description { text-align: left; font-weight: 400; color: #151515; } .list-description li span:first-child { margin-right: 6px; } .list-description li span:last-child { color: #777777; } .list-description li + li { margin-top: 2px; } * + .list-description { margin-top: 20px; } .list-description + .group-middle { margin-top: 20px; } @media (min-width: 768px) { * + .list-description { margin-top: 30px; } } .box-radio { text-align: left; padding: 15px; border: 1px solid #f2f8ff; } .radio-panel-content { height: 0; max-height: 0; opacity: 0; letter-spacing: .05em; color: #9b9b9b; } .radio-panel .radio-inline { font-size: 14px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #151515; } .radio-panel .radio-inline.active + .radio-panel-content { opacity: 1; height: 100%; max-height: 100%; margin-top: 5px; transition: opacity .3s ease-out; } .radio-panel-content { font-weight: 400; } * + .box-radio { margin-top: 20px; } .radio-panel + .radio-panel { margin-top: 15px; } @media (min-width: 576px) { .box-radio { padding: 25px; } } @media (min-width: 768px) { .radio-panel .radio-inline { font-size: 16px; } * + .box-radio { margin-top: 30px; } .radio-panel + .radio-panel { margin-top: 20px; } } @media (min-width: 992px) { * + .box-radio { margin-top: 40px; } } /** @section Comments */ .comment { position: relative; text-align: left; padding-bottom: 30px; font-weight: 400; letter-spacing: .05em; border-bottom: 1px solid #f2f8ff; color: #151515; } .comment > .comment { margin-top: 35px; padding-top: 35px; border-top: 1px solid #f2f8ff; padding-bottom: 0; border-bottom: none; } .comment-image { max-width: 60px; } .comment-author { text-transform: none; font-weight: 500; } .comment-time { color: #777777; } .comment-form { text-align: left; } .comment-form .unit-body { flex-grow: 1; } .comment-form * + .form-wrap { margin-top: 20px; } .tab-content .comment { padding-bottom: 0; border-bottom: none; } * + .comment { margin-top: 30px; } * + .comment-form { margin-top: 30px; } .comment-form + .button { margin-top: 30px; } * + .comment-text { margin-top: 12px; } .comment + h6 { margin-top: 30px; } .comment + .comment { margin-top: 30px; } @media (min-width: 576px) { .comment-image { max-width: 80px; } } @media (min-width: 768px) { .comment { padding-bottom: 45px; } .comment > .comment { margin-top: 45px; padding-top: 45px; margin-left: 70px; } .comment-image { max-width: 100%; } .comment + h6 { margin-top: 40px; } .comment + .comment { margin-top: 45px; } * + .comment-form { margin-top: 45px; } } @media (min-width: 1200px) { .comment > .comment { margin-left: 145px; } } .box-rating { font-size: 0; line-height: 0; } .box-rating > * { vertical-align: middle; font-size: 19px; color: #f6db41; } .comment-classic { position: relative; text-align: left; padding-bottom: 30px; border-bottom: 1px solid #f2f8ff; } .comment-classic > .comment-classic { margin-top: 35px; padding-top: 35px; border-top: 1px solid #f2f8ff; padding-bottom: 0; border-bottom: none; } .comment-classic-image { border-radius: 5px; max-width: 60px; } .comment-classic-author { color: #151515; font-weight: 500; text-transform: none; } .comment-classic-time { color: #151515; font-weight: 400; } .comment-classic-link { font-size: 15px; font-weight: 500; color: #151515; } .comment-classic-link .icon { font-size: 24px; color: rgba(21, 21, 21, 0.5); } .comment-classic-link a, .comment-classic-link a:focus, .comment-classic-link a:active { color: inherit; } .comment-classic-link a:hover { color: #ff6252; } .comment-classic-link > * { vertical-align: middle; } .comment-classic-link > * + * { margin-left: 6px; } * + .comment-classic { margin-top: 30px; } * + .comment-classic-text { margin-top: 6px; } * + .comment-classic-panel { margin-top: 10px; } .comment-classic + .comment-classic { margin-top: 30px; } @media (min-width: 576px) { .comment-classic-image { max-width: 80px; } } @media (min-width: 768px) { .comment-classic { padding-bottom: 45px; } .comment-classic > .comment-classic { margin-top: 45px; padding-top: 45px; margin-left: 90px; } .comment-classic-image { max-width: 100%; } * + .comment-classic { margin-top: 50px; } * + .comment-classic-panel { margin-top: 20px; } .comment-classic + .comment-classic { margin-top: 45px; } } /** @section Team */ .team { position: relative; text-align: center; color: #ffffff; } .team-1 .team-position { color: #ff6252; font-weight: 500; } .team-1 .team-list-social a:hover, .team-1 .team-name a:hover { color: #ffde6c; } .team-image { width: 100%; transition: all .3s ease; } .team-content { display: flex; align-items: flex-end; justify-content: center; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 15px; pointer-events: none; z-index: 1; } .team-content > div > * { pointer-events: auto; } .team-content::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%); transition: all .3s ease-in-out; opacity: .6; z-index: -1; } .team-position { font-size: 13px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); } .team-name { letter-spacing: .025em; text-transform: none; color: #ffffff; } .team-name a:hover { color: #ff6252; } .team-list-social { color: #ffffff; } .team-list-social .icon, .team-list-social .icon:focus, .team-list-social .icon:active { color: inherit; } .team-list-social .icon:hover { color: #ff6252; } * + .team-name { margin-top: 4px; } * + .team-list-social { margin-top: 12px; } @media (min-width: 768px) { .team-content { padding: 20px 15px; } .team-position { font-size: 15px; } * + .team-name { margin-top: 8px; } * + .team-list-social { margin-top: 18px; } } @media (min-width: 992px) { .desktop .team-image { filter: grayscale(100%); } .desktop .team-content::before { opacity: 0; visibility: hidden; } .desktop .team-position, .desktop .team-name, .desktop .team-list-social { opacity: 0; visibility: hidden; transition: all .3s ease-in-out; } .desktop .team:hover .team-image { filter: none; } .desktop .team:hover .team-content::before { opacity: .6; visibility: visible; transform: none; } .desktop .team:hover .team-position, .desktop .team:hover .team-name, .desktop .team:hover .team-list-social { opacity: 1; visibility: visible; } .desktop .team:hover .team-name { transition-delay: .1s; } .desktop .team:hover .team-position, .desktop .team:hover .team-list-social { transition-delay: .2s; } } @media (min-width: 1200px) { .team-content { padding-bottom: 30px; } } .team-modern { background: #f5f5f5; transition: all .3s ease-in-out; } .team-modern-name { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #000000; font-weight: 500; text-transform: uppercase; } @media (min-width: 992px) { .team-modern-name { font-size: 24px; } } .team-modern-figure { position: relative; overflow: hidden; display: block; } .team-modern-figure a { display: inherit; } .team-modern-figure img { width: 100%; transition: all .3s ease-in-out; } .team-modern-figure img.processed { position: absolute; opacity: .25; } .team-modern-content { position: relative; padding: 30px 15px 20px; } .team-modern-position { font-size: 13px; font-weight: 500; letter-spacing: .075em; text-transform: uppercase; color: rgba(21, 21, 21, 0.5); } .team-modern-share { position: absolute; top: 0; left: 50%; transform: translate(-50%, -60%); } .team-modern-list-social .icon, .team-modern-share-button { text-align: center; width: 40px; height: 40px; font-size: 20px; line-height: 40px; border-radius: 50%; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.25); } .team-modern-list-social .icon, .team-modern-list-social .icon:focus, .team-modern-list-social .icon:active, .team-modern-share-button, .team-modern-share-button:focus, .team-modern-share-button:active { color: #151515; background: #ffffff; } .team-modern-list-social .icon:hover, .team-modern-share-button:hover { color: #ff6252; } .team-modern-share-button { cursor: pointer; transition: all .3s ease-in-out; } .team-modern-share-button::before { content: '\f504'; font-family: "Material Design Icons"; } .team-modern-share-button.active::before { content: '\f69a'; } .team-modern-share-button.active ~ .team-modern-list-social li { opacity: 1; visibility: visible; transform: none; } .team-modern-list-social { position: absolute; bottom: calc( 100% + 15px); left: 0; } .team-modern-list-social li { opacity: 0; visibility: hidden; transition: all .3s ease; } .team-modern-list-social li:nth-child(odd) { transform: translate3d(50%, 0, 0); } .team-modern-list-social li:nth-child(even) { transform: translate3d(-50%, 0, 0); } .team-modern-list-social li + li { margin-top: 15px; } * + .team-modern-position { margin-top: 2px; } @media (min-width: 768px) { .team-modern-content { padding: 40px 15px 30px; } .team-modern-position { font-size: 15px; } .team-modern-list-social .icon, .team-modern-share-button { width: 55px; height: 55px; font-size: 25px; line-height: 55px; } } @media (min-width: 992px) { .desktop .team-modern { background: transparent; } .desktop .team-modern-figure img.processed { opacity: 0; } .desktop .team-modern:hover { background: #f5f5f5; } .desktop .team-modern:hover .team-modern-figure img.processed { opacity: .25; } } .team-classic { position: relative; color: #ffffff; background: rgba(255, 255, 255, 0.06); } .team-classic-image { width: 100%; transition: all .3s ease; } .team-classic-content { position: relative; padding: 15px; z-index: 1; } .team-classic-name { font-weight: 500; color: #ffffff; } .team-classic-name a:hover { color: #ff6252; } .team-classic-position { letter-spacing: .075em; color: #ff6252; } .team-classic-list-social { color: #ffffff; } .team-classic-list-social .icon { font-size: 22px; } .team-classic-list-social .icon, .team-classic-list-social .icon:focus, .team-classic-list-social .icon:active { color: inherit; } .team-classic-list-social .icon:hover { color: #ff6252; } * + .team-classic-position { margin-top: 8px; } * + .team-classic-overlay { margin-top: 10px; } @media (min-width: 768px) { .team-classic-content { padding: 20px 15px; } } @media (min-width: 992px) { .desktop .team-classic { background: transparent; } .desktop .team-classic-content { padding: 40px 15px; } .desktop .team-classic-overlay { display: flex; align-items: flex-end; justify-content: center; position: absolute; margin-top: 0; padding-bottom: 35px; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.06); border-bottom: 4px solid transparent; transition: .3s ease; z-index: -1; } .desktop .team-classic-list-social { opacity: 0; visibility: hidden; transition: .2s ease; } .desktop .team-classic-image { filter: grayscale(100%); } .desktop .team-classic:hover .team-classic-image { filter: none; } .desktop .team-classic:hover .team-classic-overlay { bottom: -44px; border-bottom-color: #ff6252; } .desktop .team-classic:hover .team-classic-list-social { opacity: 1; visibility: visible; transition-delay: .1s; } } .team-big-name { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .team-big-position { font-size: 15px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #151515; } .team-big-position::before { display: inline-block; vertical-align: middle; content: ''; width: 47px; height: 0; margin-right: 18px; border-top: 1px solid #ff6252; } * + .team-big-position { margin-top: 12px; } * + .team-big-text { margin-top: 16px; } * + .progress-linear-wrap { margin-top: 20px; } .team-big-position + .list-social { margin-top: 14px; } @media (min-width: 768px) { * + .team-big-position { margin-top: 18px; } * + .team-big-text { margin-top: 26px; } * + .progress-linear-wrap { margin-top: 34px; } .team-big-position + .list-social { margin-top: 22px; } } .team-dana { text-align: center; } .team-dana-figure { display: inline-block; position: relative; text-align: center; padding: 0 8%; max-width: 370px; background: #fff4a9; z-index: 0; } .team-dana-figure::before { position: absolute; content: ''; top: 5%; right: 100%; width: 20px; bottom: 5%; background: inherit; opacity: .23; z-index: -1; } .team-dana-figure img { margin-top: -30px; width: 84.4%; } .team-dana-text { font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } .team-dana-text::after { display: inline-block; vertical-align: middle; content: ''; width: 44px; height: 0; margin-left: 12px; border-top: 1px solid; } .team-dana-name { line-height: 1.2; font-weight: 900; letter-spacing: .025em; } .team-dana-position { font-weight: 300; letter-spacing: .05em; } .team-dana-list-social { position: absolute; display: inline-block; top: 10%; right: 0; padding: 10px; background: #ffffff; box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.13); transform: translateX(40%); } .team-dana-list-social .list-social { color: #ffde6c; } .team-dana-list-social li + li { margin-top: 10px; } .team-dana-circle { top: 46%; left: 50%; width: 80.6%; height: auto; padding-bottom: 80.6%; background: rgba(255, 255, 255, 0.6); z-index: -1; } * + .team-dana-name { margin-top: 18px; } * + .team-dana-position { margin-top: 30px; } @media (min-width: 576px) { .team-dana { text-align: right; } .team-dana-figure { display: block; max-width: none; } } @media (min-width: 768px) { .team-dana-name { font-size: 60px; } .team-dana-list-social { padding: 15px; } .team-dana-list-social li + li { margin-top: 20px; } } @media (min-width: 992px) { .team-dana-name { font-size: 70px; } .team-dana-list-social { padding: 25px; } } @media (min-width: 1200px) { .team-dana-body { padding: 70px 0; } .team-dana-name { font-size: 84px; } .team-dana-figure::before { bottom: 14%; } } /** @section Pricing tables */ .pricing { text-align: center; display: flex; flex-direction: column; border: 1px solid #e7eff6; background: #ffffff; min-height: 100%; } .pricing-2 .pricing-subtitle { color: #ff6252; } .pricing-header { padding: 15px; background: #f5f5f5; border-bottom: 1px solid #e7eff6; } .pricing-title { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .pricing-subtitle { font-size: 14px; font-weight: 500; letter-spacing: .075em; text-transform: uppercase; color: #ff6252; } .pricing-body { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; padding: 20px 15px; } .pricing-price { font-weight: 300; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .pricing-list { font-weight: 400; } .pricing-list li + li { margin-top: 8px; } .pricing-brand { font-size: 0; } .pricing-brand img { width: auto; max-height: 30px; } .pricing-information .icon { font-size: 20px; color: #151515; } .pricing-information-text { line-height: 1.5; font-weight: 400; } .pricing-text-1 { font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: rgba(21, 21, 21, 0.6); } * + .pricing-subtitle { margin-top: 4px; } * + .pricing-list { margin-top: 20px; } * + .pricing-brand { margin-top: 15px; } * + .pricing-text-1 { margin-top: 4px; } * + .pricing-information { margin-top: 15px; } * + .pricing-information-text { margin-top: 6px; } .pricing-price + .button { margin-top: 15px; } @media (min-width: 768px) { .pricing-body { padding: 30px 15px; } .pricing-list li + li { margin-top: 12px; } * + .pricing-list { margin-top: 30px; } * + .pricing-brand { margin-top: 25px; } * + .pricing-information { margin-top: 25px; } .pricing-price + .button { margin-top: 25px; } } @media (min-width: 992px) { .pricing-header { padding: 20px 15px; } .pricing-body { padding: 40px 15px; } .pricing-list li + li { margin-top: 18px; } * + .pricing-list { margin-top: 45px; } .pricing-price + .button { margin-top: 35px; } } .pricing-classic { position: relative; text-align: center; padding: 40px 10px 30px; font-weight: 400; border-radius: 5px; color: #ffffff; background: #373737; z-index: 1; } .pricing-classic-1 { box-shadow: 0 19px 40px 0 rgba(0, 0, 0, 0.19); } .pricing-classic-2 { background: #4a4b52; } .pricing-classic-2 .pricing-classic-label { background: #ff6252; } .pricing-classic-2 .pricing-classic-label::before { background: #cc3221; } .pricing-classic-2 .pricing-classic-price { color: #ff6252; background: #404148; } .pricing-classic-title { font-weight: 700; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; color: #ffffff; } .pricing-classic-subtitle { color: rgba(255, 255, 255, 0.4); } .pricing-classic-price { display: inline-block; padding: 0 10px; height: 95px; min-width: 95px; line-height: 95px; font-weight: 700; border-radius: 100px; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #ff6252; background: #414244; } .pricing-classic-list li + li { margin-top: 6px; } .pricing-classic-label { position: absolute; top: 10px; right: -12px; padding: 0 7px; font-size: 12px; font-weight: 700; letter-spacing: .1em; line-height: 2; text-transform: uppercase; border-radius: 5px; white-space: nowrap; color: #ffffff; background: #ff6252; } .pricing-classic-label::before { position: absolute; content: ''; right: 0; bottom: 2px; width: 12px; height: 14px; background: #ff6252; transform: skewY(-45deg); border-bottom-right-radius: 2px; transform-origin: 100% 50%; z-index: -1; } * + .pricing-classic-price { margin-top: 12px; } * + .pricing-classic-list { margin-top: 10px; } .pricing-classic-list + .button { margin-top: 30px; } @media (min-width: 768px) { .pricing-classic { padding: 40px 10px; } .pricing-classic-price { height: 105px; min-width: 105px; line-height: 105px; } .pricing-classic-label { top: 42px; font-size: 14px; } * + .pricing-classic-subtitle { margin-top: 10px; } * + .pricing-classic-price { margin-top: 22px; } * + .pricing-classic-list { margin-top: 20px; } .pricing-classic-list + .button { margin-top: 40px; } } @media (min-width: 992px) { .pricing-classic-price { height: 117px; min-width: 117px; line-height: 117px; } } @media (min-width: 1200px) { .pricing-classic { padding: 40px 15px 50px; } .pricing-classic-1 { padding-top: 60px; padding-bottom: 70px; } } /** @section Video */ .video { position: relative; display: inline-block; z-index: 0; } .video-1 .video-image { opacity: 1; } .video-image { width: 100%; } .video-link { position: absolute; text-align: center; top: 50%; left: 50%; width: 70px; height: 70px; font-size: 26px; line-height: 70px; border-radius: 50%; color: #ff6252; transform: translate(-50%, -50%); z-index: 1; } .video-link::before, .video-link::after { display: inline-block; position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; transition: all .2s ease; z-index: -1; } .video-link::before { background: rgba(255, 255, 255, 0.34); transform: scale(1.15); } .video-link::after { background: #ffffff; } .video-link .icon { font-size: inherit; line-height: inherit; } .video-link:hover { color: #ff6252; } .video-link:hover::before { transform: scale(2); background: transparent; } .video-link:hover::after { transform: scale(0.8); background: rgba(255, 255, 255, 0.7); } * + .video { margin-top: 30px; } @media (min-width: 768px) { .video-1 { position: absolute; top: 0; right: 0; bottom: 0; left: 50%; } .video-1 .video-figure { position: relative; overflow: hidden; width: 100%; height: 100%; } .video-1 .video-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; z-index: -1; } @supports (object-fit: cover) { .video-1 .video-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } } @media (min-width: 992px) { .video-1 .video-link { left: 0; } .video-link { width: 90px; height: 90px; font-size: 30px; line-height: 90px; } } @media (min-width: 1200px) { .video-1 .video-link { width: 120px; height: 120px; font-size: 40px; line-height: 120px; } } .video-classic { text-align: center; display: inline-block; color: #ffffff; z-index: 1; } .video-classic-link { position: relative; text-align: inherit; display: inline-block; width: 50px; height: 50px; font-size: 22px; line-height: 50px; border-radius: 50%; transition: .25s ease; z-index: 1; } .video-classic-link, .video-classic-link:focus, .video-classic-link:active { color: rgba(255, 255, 255, 0.4); } .video-classic-link:hover { color: #ffffff; } .video-classic-link:hover::before { transform: scale(0.8); } .video-classic-link::before { display: inline-block; position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; border: 1px solid; transition: transform .2s ease; z-index: -1; } .video-classic-link .icon { font-size: inherit; line-height: inherit; } .video-classic-title { font-weight: 700; letter-spacing: .075em; text-transform: uppercase; } @media (min-width: 576px) { .video-classic-link { width: 100px; height: 100px; font-size: 26px; line-height: 100px; } * + .video-classic-title { margin-top: 10px; } } @media (min-width: 768px) { * + .video-classic-title { margin-top: 20px; } } @media (min-width: 992px) { .video-classic-link { width: 128px; height: 128px; line-height: 128px; } } .video-modern { position: relative; display: inline-block; z-index: 0; } .video-modern-1 .video-modern-link { top: 25px; right: 25px; width: 48px; height: 48px; font-size: 18px; line-height: 48px; transform: none; } .video-modern-1 .video-modern-link::before { background: rgba(0, 0, 0, 0.2); } .video-modern-image { width: 100%; } .video-modern-link { position: absolute; text-align: center; top: 27%; right: 11%; width: 60px; height: 60px; font-size: 22px; line-height: 60px; border-radius: 50%; transform: translate(50%, -50%); z-index: 1; } .video-modern-link, .video-modern-link:focus, .video-modern-link:active, .video-modern-link:hover { color: #ffffff; } .video-modern-link::before { display: inline-block; position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; background: #ffde6c; transition: all .2s ease; z-index: -1; } .video-modern-link .icon { font-size: inherit; line-height: inherit; } .video-modern-link:hover::before { transform: scale(1.2); } * + .video-modern { margin-top: 30px; } @media (min-width: 768px) { .video-modern-link { width: 77px; height: 77px; font-size: 26px; line-height: 77px; } } .video-creative { text-align: center; max-width: 440px; margin-left: 6%; padding: 6.2% 6.2% 6.2% 0; background: #ebebeb; } .video-creative-figure { position: relative; display: inline-block; margin-left: -14px; color: #ffffff; background: #ec530b; } .video-creative-figure img { width: 100%; transition: all .3s ease-in-out; } .video-creative-figure img.processed { position: absolute; } .video-creative-caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video-creative-link { position: relative; text-align: center; display: inline-block; width: 50px; height: 50px; font-size: 22px; line-height: 50px; border-radius: 50%; transition: .25s ease; z-index: 1; } .video-creative-link, .video-creative-link:focus, .video-creative-link:active { color: #ffffff; } .video-creative-link:hover { color: #ffffff; } .video-creative-link:hover::before { transform: scale(0.8); } .video-creative-link::before { display: inline-block; position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; background: rgba(255, 255, 255, 0.4); transition: transform .2s ease; z-index: -1; } .video-creative-link .icon { font-size: inherit; line-height: inherit; } .video-creative-title { font-size: 15px; font-weight: 700; letter-spacing: .075em; text-transform: uppercase; } @media (min-width: 576px) { .video-creative-link { width: 100px; height: 100px; font-size: 26px; line-height: 100px; } * + .video-creative-title { margin-top: 10px; } } @media (min-width: 768px) { * + .video-creative-title { margin-top: 20px; } } @media (min-width: 992px) { .video-creative-link { width: 128px; height: 128px; line-height: 128px; } } @media (min-width: 1200px) { .video-creative { margin-left: auto; } } .video-minimal { display: inline-block; text-align: center; } .video-minimal-link { display: inline-block; width: 50px; height: 50px; font-size: 22px; line-height: 50px; } .video-minimal-link, .video-minimal-link:focus, .video-minimal-link:active { color: #ffffff; background: #ff6252; } .video-minimal-link:hover { color: #151515; background: #ffffff; } .video-minimal-link .icon { font-size: inherit; line-height: inherit; } @media (min-width: 992px) { .video-minimal-link { width: 60px; height: 60px; font-size: 28px; line-height: 60px; } } /** @section Events */ .event-modern { text-align: center; color: #151515; } .event-modern-info { line-height: 1; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; } .event-modern-info li > * { display: inline-block; vertical-align: middle; } .event-modern-info .icon { font-size: 1.5em; color: #ff6252; margin-right: 8px; } .event-modern-time { position: relative; z-index: 0; } .event-modern-title { position: absolute; top: 50%; left: 50%; font-size: 4.5em; line-height: 1; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; font-family: "Playfair Display", serif; color: rgba(21, 21, 21, 0.05); transform: translate(-50%, -50%); white-space: nowrap; z-index: -1; } * + .event-modern { margin-top: 30px; } * + .event-modern-time { margin-top: 20px; } .event-modern-time + .button { margin-top: 40px; } @media (min-width: 576px) { .event-modern-title { font-size: 7em; } } @media (min-width: 768px) { .event-modern-title { font-size: 9em; } * + .event-modern-time { margin-top: 30px; } .event-modern-time + .button { margin-top: 50px; } } @media (min-width: 992px) { .event-modern-title { font-size: 11em; } * + .event-modern-time { margin-top: 40px; } .event-modern-time + .button { margin-top: 70px; } } @media (min-width: 1200px) { .event-modern-title { font-size: 13.75em; } .event-modern-time + .button { margin-top: 90px; } } .event-minimal { position: relative; text-align: left; padding: 20px 0; } .event-minimal::before { position: absolute; content: ''; right: 0; bottom: 0; height: 0; width: 100vw; border-top: 1px solid #d7d7d7; } .event-minimal:first-child { padding-top: 0; } .event-minimal:last-child { padding-bottom: 0; } .event-minimal:last-child::before { display: none; } .event-minimal-caption { display: flex; align-items: center; flex-wrap: wrap; margin-left: -20px; } .event-minimal-caption > * { margin-left: 20px; } .event-minimal-icon { font-size: 28px; line-height: 1; color: #ff6252; transition: .3s ease-in-out; } .event-minimal-time { color: #ff6252; transition: .3s ease-in-out; } * + .event-minimal-text { margin-top: 15px; } @media (min-width: 768px) { .event-minimal { padding: 30px 0; } } @media (min-width: 992px) { .desktop .event-minimal-icon { opacity: 0; } .desktop .event-minimal-time, .desktop .event-minimal-title { color: inherit; } .desktop .event-minimal:hover .event-minimal-icon { opacity: 1; } .desktop .event-minimal:hover .event-minimal-time { color: #ff6252; } .desktop .event-minimal:hover .event-minimal-title { color: #151515; } } @media (min-width: 1200px) { .event-minimal { padding: 45px 0; } * + .event-minimal-text { margin-top: 25px; } } .event-route { position: relative; } .event-route img { width: 100%; } .event-route-point { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background: #ff6252; } .event-route-point::before { position: absolute; display: inline-block; content: ''; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: inherit; background: rgba(255, 98, 82, 0.34); transform: translate3d(-50%, -50%, 0) scale(1.625); animation: point 1s infinite linear; } .event-route-extreme-point { text-align: center; width: 34px; padding: 6px 4px 2px; font-size: 18px; line-height: 1; font-weight: 500; color: #ffffff; background: #3d3d3d; } .event-route-extreme-point::before { position: absolute; content: ''; top: 100%; left: 0; width: 0; height: 0; border-style: solid; border-width: 10px 17px 0 17px; border-color: #3d3d3d transparent transparent transparent; } .event-route-extreme-point .event-route-caption { top: -8px; } .event-route-caption { text-align: left; position: absolute; top: -16px; right: calc(100% + 20px); padding: 5px 10px; border-radius: 4px; background: #ffffff; white-space: nowrap; box-shadow: 0 13px 49px 0 rgba(0, 0, 0, 0.35); transform: translateX(-10px); transition: .3s ease; visibility: hidden; opacity: 0; } .event-route-caption::before { position: absolute; content: ''; top: 20px; left: 100%; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0; border-color: #ffffff transparent transparent transparent; } .event-route-title { font-weight: 400; letter-spacing: .01em; text-transform: none; } .event-route-text { font-weight: 400; letter-spacing: .01em; color: rgba(21, 21, 21, 0.7); } [class*='event-route-point'] { position: absolute; transform: translate3d(-50%, -50%, 0); cursor: pointer; } [class*='event-route-point']:hover .event-route-caption { opacity: 1; visibility: visible; transform: none; } .event-route-point-1 { top: 13.6%; left: 34.7%; } .event-route-point-2 { top: 30.4%; left: 48.9%; } .event-route-point-3 { top: 46.1%; left: 44.2%; } .event-route-point-4 { top: 69.2%; left: 41.2%; } .event-route-point-5 { top: 86.6%; left: 49.6%; } .event-route-point-6 { top: 86.8%; left: 70.6%; } .event-route-info > span { letter-spacing: .1em; } .event-route-info-text { line-height: 1; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: rgba(21, 21, 21, 0.7); } * + .event-route-text { margin-top: 0; } @media (max-width: 575.98px) { .event-route-caption-1 { right: auto; left: calc(100% + 20px); } .event-route-caption-1::before { right: 100%; left: auto; border-width: 0 10px 10px 0; border-color: transparent #ffffff transparent transparent; } } @media (min-width: 576px) { .event-route-caption { padding: 10px 15px; right: calc(100% + 20px); } } @media (min-width: 992px) { .event-route-caption { padding: 15px 30px 15px 20px; } .event-route-info-text { margin: 10px 0 0 10px; } } @media (min-width: 1600px) { .event-route-1 { margin-left: -130px; margin-right: -15px; } } .event-joan { text-align: center; padding: 20px; font-weight: 400; background: #ffffff; transition: .3s ease-in-out; } .event-joan-title a:hover { color: inherit; text-decoration: underline; } .event-joan-name { color: #151515; } .event-joan-name > * { display: inline-block; vertical-align: middle; } .event-joan-name .icon { font-size: 24px; margin-right: 10px; color: rgba(21, 21, 21, 0.7); } * + .event-joan-title { margin-top: 12px; } * + .event-joan-name { margin-top: 18px; } @media (min-width: 576px) { .event-joan { text-align: left; } } @media (min-width: 992px) { .event-joan { padding: 40px 20px; } .desktop .event-joan:hover { background: #f5f5f5; } } @media (min-width: 1200px) { .event-joan { padding: 55px 50px; } } .event-terri { text-align: left; } .event-terri-text { color: #151515; } .event-terri-info { font-weight: 400; letter-spacing: .01em; } .event-terri-info .icon { font-size: inherit; line-height: inherit; margin-right: 10px; color: #151515; } .event-terri-info-item { position: relative; z-index: 1; } .event-terri-info-item::before { position: absolute; content: ''; left: 0; bottom: 3%; height: 40%; width: 100%; background: #fff4a9; z-index: -1; } .event-terri-info-green::before { background: #c5e6d9; } .event-terri-info-red::before { background: #fad1dc; } * + .event-terri-title { margin-top: 20px; } * + .event-terri-text { margin-top: 10px; } * + .event-terri-info { margin-top: 20px; } @media (min-width: 768px) { * + .event-terri-title { margin-top: 34px; } * + .event-terri-text { margin-top: 18px; } * + .event-terri-info { margin-top: 30px; } } .event-eva { text-align: left; font-weight: 400; } .event-eva-title { color: #151515; } .event-eva-title a, .event-eva-title a:focus, .event-eva-title a:active { color: inherit; } .event-eva-title a:hover { color: #ff6252; } .event-eva-date { display: flex; align-items: center; justify-content: center; text-align: center; padding: 2px 4px 6px; width: 64px; height: 64px; font-size: 13px; line-height: 1.2; letter-spacing: .01em; text-transform: uppercase; border: 1px solid #e7eff6; } .event-eva-location .icon { font-size: inherit; line-height: inherit; margin-right: 10px; color: rgba(21, 21, 21, 0.4); } .event-eva-wrap > * { padding: 20px 0; } .event-eva-wrap > *:first-child { padding-top: 0; } .event-eva-wrap > *:last-child { padding-bottom: 0; } .event-eva-wrap > * + * { border-top: 1px solid #e7eff6; } * + .event-eva-wrap { margin-top: 30px; } * + .event-eva-location { margin-top: 6px; } @media (min-width: 768px) { * + .event-eva-wrap { margin-top: 40px; } } @media (min-width: 992px) { .event-eva-wrap > * { padding: 30px 0; } * + .event-eva-wrap { margin-top: 60px; } } .event-lucy { text-align: left; display: flex; justify-content: space-between; } .event-lucy-title { font-weight: 400; letter-spacing: .01em; text-transform: none; } .event-lucy-date > * { line-height: 1.1875; } .event-lucy-days { display: inline-block; padding: 0 5px; font-weight: 700; letter-spacing: 0; color: #151515; margin-right: 10px; background: rgba(21, 21, 21, 0.12); text-transform: uppercase; } .event-lucy-time { font-weight: 500; letter-spacing: .01em; color: rgba(21, 21, 21, 0.4); text-transform: uppercase; } .event-lucy-wrap { position: relative; max-width: 380px; } .event-lucy-wrap::before, .event-lucy-wrap::after { display: none; position: absolute; right: 0; font-size: 30px; line-height: 1; font-family: "Material Design Icons"; color: rgba(21, 21, 21, 0.3); transform: translateX(50%); } .event-lucy-wrap::before { content: '\f239'; top: -5px; } .event-lucy-wrap::after { content: '\f236'; bottom: -5px; } .event-lucy-wrap > span { display: none; position: absolute; top: 50%; right: 0; height: 55%; border-left: 1px solid rgba(21, 21, 21, 0.15); transform: translateY(-50%); } .event-lucy-scroll { position: relative; overflow-x: hidden; overflow-Y: auto; scrollbar-width: thin; -webkit-overflow-scrolling: touch; max-height: 130px; padding-right: 20px; } .event-lucy-scroll::-webkit-scrollbar { width: 20px; } .event-lucy-scroll::-webkit-scrollbar-track { background-color: transparent; background-position: 50%; background-repeat: no-repeat; background-image: url(../images/scroll-line.png); } .event-lucy-scroll::-webkit-scrollbar-thumb { background-color: transparent; background-position: 50%; background-repeat: no-repeat; background-image: url(../images/scroll-thumb.png); } .event-lucy-scroll::-webkit-scrollbar-button { background-color: transparent; background-size: cover; background-position: 50%; background-repeat: no-repeat; } .event-lucy-scroll::-webkit-scrollbar-button:start:decrement { background-image: url(../images/scroll-arrow-up.png); } .event-lucy-scroll::-webkit-scrollbar-button:end:increment { background-image: url(../images/scroll-arrow-down.png); } * + .event-lucy-wrap { margin-top: 40px; } * + .event-lucy { margin-top: 15px; } @media (min-width: 576px) { .event-lucy { align-items: center; } .event-lucy-date > * { display: inline-block; vertical-align: middle; } * + .event-lucy { margin-top: 25px; } * + .event-lucy-wrap { margin-top: 50px; } } @media (min-width: 768px) { .event-lucy-wrap { max-width: 420px; } .event-lucy-scroll { max-height: 140px; } } @media (min-width: 992px) { .event-lucy-wrap { max-width: 520px; } .event-lucy-scroll { max-height: 160px; } .event-lucy-title { padding-left: 70px; text-indent: -70px; } .event-lucy-title::before { display: inline-block; vertical-align: middle; content: ''; height: 0; width: 40px; margin-right: 30px; border-top: 1px solid #e7eff6; } * + .event-lucy-wrap { margin-top: 65px; } * + .event-lucy { margin-top: 34px; } } .context-dark .event-lucy-days, .bg-gray-700 .event-lucy-days, .bg-gray-800 .event-lucy-days, .bg-gray-5 .event-lucy-days, .bg-gray-13 .event-lucy-days, .bg-gray-14 .event-lucy-days, .bg-gray-17 .event-lucy-days, .bg-gray-19 .event-lucy-days, .bg-gray-21 .event-lucy-days, .bg-primary .event-lucy-days, .bg-secondary .event-lucy-days, .bg-gradient-1 .event-lucy-days { color: #ffffff; background: rgba(255, 255, 255, 0.12); } .context-dark .event-lucy-time, .bg-gray-700 .event-lucy-time, .bg-gray-800 .event-lucy-time, .bg-gray-5 .event-lucy-time, .bg-gray-13 .event-lucy-time, .bg-gray-14 .event-lucy-time, .bg-gray-17 .event-lucy-time, .bg-gray-19 .event-lucy-time, .bg-gray-21 .event-lucy-time, .bg-primary .event-lucy-time, .bg-secondary .event-lucy-time, .bg-gradient-1 .event-lucy-time { color: rgba(255, 255, 255, 0.4); } .context-dark .event-lucy-title::before, .bg-gray-700 .event-lucy-title::before, .bg-gray-800 .event-lucy-title::before, .bg-gray-5 .event-lucy-title::before, .bg-gray-13 .event-lucy-title::before, .bg-gray-14 .event-lucy-title::before, .bg-gray-17 .event-lucy-title::before, .bg-gray-19 .event-lucy-title::before, .bg-gray-21 .event-lucy-title::before, .bg-primary .event-lucy-title::before, .bg-secondary .event-lucy-title::before, .bg-gradient-1 .event-lucy-title::before { border-top-color: rgba(255, 255, 255, 0.3); } .context-dark .event-lucy-wrap::before, .bg-gray-700 .event-lucy-wrap::before, .bg-gray-800 .event-lucy-wrap::before, .bg-gray-5 .event-lucy-wrap::before, .bg-gray-13 .event-lucy-wrap::before, .bg-gray-14 .event-lucy-wrap::before, .bg-gray-17 .event-lucy-wrap::before, .bg-gray-19 .event-lucy-wrap::before, .bg-gray-21 .event-lucy-wrap::before, .bg-primary .event-lucy-wrap::before, .bg-secondary .event-lucy-wrap::before, .bg-gradient-1 .event-lucy-wrap::before, .context-dark .event-lucy-wrap::after, .bg-gray-700 .event-lucy-wrap::after, .bg-gray-800 .event-lucy-wrap::after, .bg-gray-5 .event-lucy-wrap::after, .bg-gray-13 .event-lucy-wrap::after, .bg-gray-14 .event-lucy-wrap::after, .bg-gray-17 .event-lucy-wrap::after, .bg-gray-19 .event-lucy-wrap::after, .bg-gray-21 .event-lucy-wrap::after, .bg-primary .event-lucy-wrap::after, .bg-secondary .event-lucy-wrap::after, .bg-gradient-1 .event-lucy-wrap::after { color: rgba(255, 255, 255, 0.3); } .context-dark .event-lucy-wrap > span, .bg-gray-700 .event-lucy-wrap > span, .bg-gray-800 .event-lucy-wrap > span, .bg-gray-5 .event-lucy-wrap > span, .bg-gray-13 .event-lucy-wrap > span, .bg-gray-14 .event-lucy-wrap > span, .bg-gray-17 .event-lucy-wrap > span, .bg-gray-19 .event-lucy-wrap > span, .bg-gray-21 .event-lucy-wrap > span, .bg-primary .event-lucy-wrap > span, .bg-secondary .event-lucy-wrap > span, .bg-gradient-1 .event-lucy-wrap > span { border-left-color: rgba(255, 255, 255, 0.15); } .event-sally { display: flex; align-items: center; text-align: left; padding: 26px 0; font-size: 14px; line-height: 1.83333; font-weight: 400; letter-spacing: .01em; color: #808081; } .event-sally + .event-sally { border-top: 1px solid #e7eff6; } .event-sally:first-child { padding-top: 0; } .event-sally:last-child { padding-bottom: 0; } .event-sally .button { padding-left: 15px; padding-right: 15px; } .event-sally-wrap { padding: 26px 10px 26px 15px; border: 1px solid #e7eff6; } .event-sally-scroll { overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; height: 300px; padding-right: 16px; } .event-sally-scroll::-webkit-scrollbar { width: 20px; } .event-sally-scroll::-webkit-scrollbar-track { background: linear-gradient(90deg, transparent 0%, transparent 40%, #e8e8e8 40%, #e8e8e8 60%, transparent 60%, transparent 100%); } .event-sally-scroll::-webkit-scrollbar-thumb { background-image: radial-gradient(circle closest-side, #ff6252 90%, transparent); } .event-sally-body { display: flex; flex-wrap: wrap; align-items: center; flex-grow: 1; } .event-sally-body > div + div { padding-left: 15px; border-left: 1px solid #e7eff6; } .event-sally-time { letter-spacing: 0; } .event-sally-title { font-weight: 400; letter-spacing: .01em; text-transform: none; } .event-sally-info { margin-left: -20px; } .event-sally-info > * { margin-left: 20px; } .event-sally-info-item > * { vertical-align: middle; } .event-sally-info-item .icon { margin-right: 6px; font-size: 22px; } @media (min-width: 576px) { .event-sally { font-size: 16px; } .event-sally-body { justify-content: space-between; } } @media (min-width: 768px) { .event-sally { font-size: 18px; } .event-sally-wrap { padding-left: 30px; } .event-sally-body > div + div { padding-left: 30px; } .event-sally-inner-1 { min-width: 24.9%; } .event-sally-inner-2 { min-width: 48%; } .event-sally-info > li { display: inline-block; } } @media (min-width: 1200px) { .event-sally-body { justify-content: flex-start; } } /** @group Plugins */ /** @section Animate */ .animated { animation-duration: .7s; animation-fill-mode: both; opacity: 1; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } html:not(.lt-ie10) .not-animated { opacity: 0; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 40px, 0); } 100% { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -40px, 0); } 100% { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-40px, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(40px, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideOutDown { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } .slideInCustom { animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-duration: 3s; } /** @section Preloader */ .preloader { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 10000; display: flex; justify-content: center; align-items: center; padding: 20px; background: #ffffff; transition: .3s all ease; } .preloader.loaded { opacity: 0; visibility: hidden; } .cssload-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .load-circle-item { display: flex; justify-content: center; align-items: center; position: absolute; width: 100px; height: 100px; } .load-circle { width: 20px; height: 20px; border-radius: 50%; } .load-circle-item:nth-child(1) { animation: right-1 4s infinite cubic-bezier(0, 0, 0.49, 1.02); animation-delay: 100ms; } @keyframes right-1 { 10% { transform: rotate(250deg) translate(0, 0px); } 50%, 65% { transform: rotate(250deg) translateX(-100px); } 100% { transform: rotate(250deg) translate(0, 0px); } } .load-circle-item:nth-child(1) > * { background: #ff6252; } .load-circle-item:nth-child(2) { animation: right-2 4s infinite cubic-bezier(0, 0, 0.49, 1.02); animation-delay: 200ms; } @keyframes right-2 { 10% { transform: rotate(375deg) translate(0, 0px); } 50%, 65% { transform: rotate(375deg) translateX(-100px); } 100% { transform: rotate(375deg) translate(0, 0px); } } .load-circle-item:nth-child(2) > * { background: #ff6252; } .load-circle-item:nth-child(3) { animation: right-3 4s infinite cubic-bezier(0, 0, 0.49, 1.02); animation-delay: 300ms; } @keyframes right-3 { 10% { transform: rotate(500deg) translate(0, 0px); } 50%, 65% { transform: rotate(500deg) translateX(-100px); } 100% { transform: rotate(500deg) translate(0, 0px); } } .load-circle-item:nth-child(3) > * { background: #ff6252; } .load-circle-item:nth-child(4) { animation: right-4 4s infinite cubic-bezier(0, 0, 0.49, 1.02); animation-delay: 400ms; } @keyframes right-4 { 10% { transform: rotate(625deg) translate(0, 0px); } 50%, 65% { transform: rotate(625deg) translateX(-100px); } 100% { transform: rotate(625deg) translate(0, 0px); } } .load-circle-item:nth-child(4) > * { background: #ffde6c; } .load-circle-item:nth-child(5) { animation: right-5 4s infinite cubic-bezier(0, 0, 0.49, 1.02); animation-delay: 500ms; } @keyframes right-5 { 10% { transform: rotate(750deg) translate(0, 0px); } 50%, 65% { transform: rotate(750deg) translateX(-100px); } 100% { transform: rotate(750deg) translate(0, 0px); } } .load-circle-item:nth-child(5) > * { background: #ffde6c; } .load-circle-item:nth-child(6) { animation: right-6 4s infinite cubic-bezier(0, 0, 0.49, 1.02); animation-delay: 600ms; } @keyframes right-6 { 10% { transform: rotate(875deg) translate(0, 0px); } 50%, 65% { transform: rotate(875deg) translateX(-100px); } 100% { transform: rotate(875deg) translate(0, 0px); } } .load-circle-item:nth-child(6) > * { background: #ffde6c; } .load-circle-item:nth-child(7) { animation: right-7 4s infinite cubic-bezier(0, 0, 0.49, 1.02); animation-delay: 700ms; } @keyframes right-7 { 10% { transform: rotate(1000deg) translate(0, 0px); } 50%, 65% { transform: rotate(1000deg) translateX(-100px); } 100% { transform: rotate(1000deg) translate(0, 0px); } } .load-circle-item:nth-child(7) > * { background: #f6db41; } .load-circle-item:nth-child(8) { animation: right-8 4s infinite cubic-bezier(0, 0, 0.49, 1.02); animation-delay: 800ms; } @keyframes right-8 { 10% { transform: rotate(1125deg) translate(0, 0px); } 50%, 65% { transform: rotate(1125deg) translateX(-100px); } 100% { transform: rotate(1125deg) translate(0, 0px); } } .load-circle-item:nth-child(8) > * { background: #f6db41; } .load-circle-item:nth-child(9) { animation: right-9 4s infinite cubic-bezier(0, 0, 0.49, 1.02); animation-delay: 900ms; } @keyframes right-9 { 10% { transform: rotate(1250deg) translate(0, 0px); } 50%, 65% { transform: rotate(1250deg) translateX(-100px); } 100% { transform: rotate(1250deg) translate(0, 0px); } } .load-circle-item:nth-child(9) > * { background: #f6db41; } /** @section ToTop */ .ui-to-top { position: fixed; overflow: hidden; text-align: center; right: 15px; bottom: 15px; z-index: 100; width: 50px; height: 50px; font-size: 20px; line-height: 46px; border-radius: 50%; color: #ffffff; background: #ff6252; text-decoration: none; transition: .45s all ease-in-out; transform: translate3d(0, 100px, 0); } .ui-to-top:hover { color: #ffffff; background: #111111; text-decoration: none; } .ui-to-top:focus { color: #ffffff; } .ui-to-top.active { transform: translate3d(0, 0, 0); } html.mobile .ui-to-top, html.tablet .ui-to-top { display: none !important; } @media (min-width: 1200px) { .ui-to-top { right: 40px; bottom: 40px; width: 60px; height: 60px; font-size: 20px; line-height: 56px; } } /** @section RD Navbar */ @keyframes rd-navbar-slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes rd-navbar-slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .rd-navbar-wrap, .rd-navbar, .rd-menu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .sidebar-classic-wrap, .rd-navbar-classic.rd-navbar-static .rd-navbar-main, .rd-navbar-modern.rd-navbar-static .rd-navbar-main, .rd-navbar-creative.rd-navbar-static .rd-navbar-main, .rd-navbar-creative.rd-navbar-static .rd-navbar-elements > *, .rd-navbar-minimal.rd-navbar-static .rd-navbar-main, .rd-navbar-jean.rd-navbar-static .rd-navbar-main { transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .rd-navbar--no-transition, .rd-navbar--no-transition * { transition: none !important; } .rd-navbar, .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone, .rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar { position: relative; display: none; background: #ffffff; z-index: 2; } .rd-navbar-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #ff6252; background-color: transparent; border: none; display: none; padding: 1px 6px; } .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before { content: ""; position: absolute; left: 0; top: -8px; transition: .3s all ease; } .rd-navbar-toggle span:after { top: 8px; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span { width: 24px; height: 2px; background-color: #ff6252; backface-visibility: hidden; border-radius: 0; } .rd-navbar-toggle.active span { background: transparent; } .rd-navbar-toggle.active span:before, .rd-navbar-toggle.active span:after { transform-origin: 50% 50%; top: 0; } .rd-navbar-toggle.active span:before { transform: rotate(45deg); } .rd-navbar-toggle.active span:after { transform: rotate(-45deg); } .rd-navbar-collapse-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #151515; display: none; } .rd-navbar-collapse-toggle span { top: 50%; margin-top: -3px; } .rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { position: absolute; width: 6px; height: 6px; line-height: 6px; text-align: center; background: #151515; left: 50%; margin-left: -3px; border-radius: 50%; transition: .3s all ease; } .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { content: ''; } .rd-navbar-collapse-toggle span:before { bottom: 100%; margin-bottom: 3px; } .rd-navbar-collapse-toggle span:after { top: 100%; margin-top: 3px; } .rd-navbar-collapse-toggle.active span { transform: scale(0.7); } .rd-navbar-collapse-toggle.active span:before { transform: translateY(18px); } .rd-navbar-collapse-toggle.active span:after { transform: translateY(-18px); } .rd-navbar-brand a { display: block; } .rd-navbar-search { position: relative; display: inline-flex; } .rd-navbar-search .form-input { padding-right: 50px; } .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 0; width: 50px; padding: 0; margin: 0; border: none; cursor: pointer; background-color: transparent; color: #c8c8c8; transition: .33s; } .rd-navbar-search .rd-search-form-submit:hover { color: #ff6252; } .rd-navbar-search-toggle { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; } .rd-navbar-search-toggle::-moz-focus-inner { border: none; padding: 0; } .rd-navbar-dropdown { display: none; } .mac-os .rd-navbar a { -webkit-font-smoothing: antialiased; } /* * @subsection RD Navbar Static */ .rd-navbar-static { display: block; } .rd-navbar-static .rd-nav-item { display: inline-block; } .rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-static .rd-nav-item.opened .rd-nav-link { color: #ff6252; background: transparent; } .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle { color: #ff6252; } .rd-navbar-static .rd-nav-item.active .rd-nav-link { color: #ff6252; background: transparent; } .rd-navbar-static .rd-nav-item.active > .rd-navbar-submenu-toggle { color: #ff6252; } .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-nav-item .rd-nav-link:hover + .rd-navbar-submenu-toggle::before { transform: rotate(180deg); } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle { display: none; margin-left: 4px; font-size: 16px; font-weight: 700; font-family: "Material Design Icons"; cursor: pointer; } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle::before { position: relative; display: inline-block; transition: .22s; content: '\f236'; } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle:hover { color: #ff6252; } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu { margin-top: 20px; } .rd-navbar-static .rd-nav-item + .rd-nav-item { margin-left: 25px; } @media (min-width: 1200px) { .rd-navbar-static .rd-nav-item + .rd-nav-item { margin-left: 40px; } } .rd-navbar-static .rd-nav-link { position: relative; display: inline-block; color: #151515; font-size: 13px; line-height: 1.2; font-weight: 500; letter-spacing: .075em; text-transform: uppercase; transition: .25s; } .rd-navbar-static .rd-nav-link:hover { color: #ff6252; } .rd-navbar-static .rd-menu { z-index: 15; position: absolute; display: block; visibility: hidden; opacity: 0; text-align: left; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08); } .rd-navbar-static .rd-navbar-dropdown { position: absolute; top: calc(100% - 10px); width: 250px; margin-left: -20px; background: #ffffff; transform: translate3d(0, 30px, 0); z-index: 5; } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown { top: -1px; left: 100%; z-index: 2; margin-top: -15px; margin-left: 15px; transform: translate3d(30px, 0, 0); } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown.rd-navbar-open-left { left: auto; right: 100%; margin-left: 0; margin-right: 15px; transform: translate3d(-30px, 0, 0); } @media (min-width: 1200px) { .rd-navbar-static .rd-navbar-dropdown { width: 290px; margin-left: -30px; } } .rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link, .rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link { color: #ff6252; } .rd-navbar-static .rd-dropdown-item + .rd-dropdown-item { border-top: 1px solid #e7eff6; } .rd-navbar-static .rd-dropdown-link { color: #151515; } .rd-navbar-static .rd-dropdown-link:hover { color: #ff6252; } .rd-navbar-static .rd-navbar-dropdown li > a { display: block; position: relative; text-align: left; padding: 18px 20px; } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-dropdown li > a:focus, .rd-navbar-static .rd-navbar-dropdown li > a:active { color: #151515; } .rd-navbar-static .rd-navbar-dropdown li > a:hover { color: #ff6252; } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-dropdown li > a::before { transition: all .3s ease-in-out; } .rd-navbar-static .rd-navbar-dropdown li > a::before { display: inline-block; position: absolute; content: ''; top: 50%; left: 0; height: 50%; width: 4px; background: #ff6252; transform: translateY(-50%); visibility: hidden; opacity: 0; } @media (min-width: 1200px) { .rd-navbar-static .rd-navbar-dropdown li > a { padding: 27px 30px; } } .rd-navbar-static .rd-navbar-dropdown li.focus > a::before, .rd-navbar-static .rd-navbar-dropdown li.opened > a::before, .rd-navbar-static .rd-navbar-dropdown li > a:hover::before { height: 100%; opacity: 1; visibility: visible; } .rd-navbar-static .rd-dropdown-link, .rd-navbar-static .rd-megamenu-list-link { font-size: 13px; line-height: 1.2; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; } @media (min-width: 1200px) { .rd-navbar-static .rd-dropdown-link, .rd-navbar-static .rd-megamenu-list-link { font-size: 13px; } } .rd-navbar-static .rd-navbar-megamenu { display: flex; top: calc(100% - 10px); left: 50%; width: 100%; max-width: 1170px; padding: 35px 190px 16px 30px; background: #ffffff; transform: translate3d(-50%, 30px, 0); } @media (min-width: 1200px) { .rd-navbar-static .rd-navbar-megamenu { padding: 40px 225px 16px 40px; } } .rd-navbar-static .rd-megamenu-image { position: absolute; overflow: hidden; content: ''; top: 0; right: 0; bottom: 0; width: 160px; } @media (min-width: 1200px) { .rd-navbar-static .rd-megamenu-image { width: 180px; } } .rd-navbar-static .rd-megamenu-link { display: block; width: 100%; height: 100%; background-image: url(../images/map-1-182x381.jpg); background-position: 50%; background-size: cover; transition: all .3s ease; } .rd-navbar-static .rd-megamenu-link:hover { transform: scale(1.2); } .rd-navbar-static .rd-megamenu-item { flex-basis: 50%; flex-grow: 1; } .rd-navbar-static .rd-megamenu-item + .rd-megamenu-item { padding-left: 30px; } @media (min-width: 1200px) { .rd-navbar-static .rd-megamenu-item + .rd-megamenu-item { padding-left: 40px; } } .rd-navbar-static .rd-megamenu-title { border-left: 4px solid; font-size: 14px; line-height: 20px; font-weight: 700; padding-left: 10px; text-transform: uppercase; letter-spacing: .12em; color: #ff6252; } .rd-navbar-static .rd-megamenu-title a, .rd-navbar-static .rd-megamenu-title a:focus, .rd-navbar-static .rd-megamenu-title a:active { color: inherit; } .rd-navbar-static .rd-megamenu-title a:hover { color: #151515; } @media (min-width: 1200px) { .rd-navbar-static .rd-megamenu-title { font-size: 15px; } } .rd-navbar-static * + .rd-megamenu-title { margin-top: 30px; } .rd-navbar-static .rd-megamenu-list-item { padding: 10px 0; } .rd-navbar-static .rd-megamenu-list-item + .rd-megamenu-list-item { border-top: 1px solid #e7eff6; } @media (min-width: 1200px) { .rd-navbar-static .rd-megamenu-list-item { padding: 16px 0; } } .rd-navbar-static .rd-megamenu-list-link { text-align: left; color: #000000; background: transparent; } .rd-navbar-static .rd-megamenu-list-link:hover { color: #ff6252; background: transparent; } .rd-navbar-static * + .rd-megamenu-list { margin-top: 18px; } .rd-navbar-static .rd-navbar-submenu.focus > .rd-menu, .rd-navbar-static .rd-navbar-submenu.opened > .rd-menu { opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-submenu.opened > .rd-navbar-dropdown { transform: none; } .rd-navbar-static .rd-navbar-submenu.focus > .rd-navbar-megamenu, .rd-navbar-static .rd-navbar-submenu.opened > .rd-navbar-megamenu { transform: translate3d(-50%, 0, 0); } .rd-navbar-static .rd-navbar-search.active .rd-search { visibility: visible; opacity: 1; } .rd-navbar-static .rd-search { position: absolute; top: 100%; right: 0; width: 270px; opacity: 0; visibility: hidden; transition: .3s; margin-top: 20px; z-index: 2; } .rd-navbar-static * + .rd-navbar-search { margin-left: 40px; } .rd-navbar-static .rd-navbar-search-toggle { display: inline-flex; color: #151515; } .rd-navbar-static .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 32px; height: 32px; font-size: 26px; line-height: 32px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-static .rd-navbar-search-toggle span, .rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after { transition: .3s all ease-in-out; } .rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-static .rd-navbar-search-toggle span::before { content: ""; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search-toggle span::after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search-toggle.active span::before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-static .rd-navbar-search-toggle.active span::after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-search-toggle:hover { color: #ff6252; } .rd-navbar-static.rd-navbar--is-clone { display: block; transform: translate3d(0, -100%, 0); } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck { transform: translate3d(0, 0, 0); } .rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone { position: fixed; left: 0; top: 0; right: 0; z-index: 1080; } .rd-navbar-static .rd-navbar-brand { display: flex; align-items: center; min-height: 70px; } .rd-navbar-static .rd-navbar-brand a { display: block; } .ie-10 .rd-navbar-static .rd-navbar-brand, .ie-11 .rd-navbar-static .rd-navbar-brand, .ie-edge .rd-navbar-static .rd-navbar-brand { height: 70px; } /* * * RD Navbar Fixed */ .rd-navbar-fixed { display: block; z-index: auto; } .rd-navbar-fixed .rd-navbar-toggle { display: inline-block; } .rd-navbar-fixed .rd-navbar-brand { position: relative; margin-left: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; font-size: 22px; line-height: 46px; } .rd-navbar-fixed .rd-navbar-brand img { max-width: 140px; max-height: 50px; } .rd-navbar-fixed .rd-navbar-panel { position: fixed; left: 0; top: 0; right: 0; z-index: 1080; display: flex; align-items: center; height: 56px; padding: 4px; } .rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; left: 0; top: -56px; bottom: -56px; z-index: 1079; width: 270px; padding: 112px 0 81px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; font-size: 14px; line-height: 34px; transform: translateX(-110%); } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar { width: 4px; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.6); border: none; border-radius: 0; opacity: .2; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track { background: #ff6252; border: none; border-radius: 0; } .rd-navbar-fixed .rd-navbar-nav-wrap.active { transform: translateX(0); } .rd-navbar-fixed .rd-navbar-nav { display: block; margin: 15px 0; height: auto; text-align: left; } .rd-navbar-fixed .rd-nav-item { text-align: left; } .rd-navbar-fixed .rd-nav-item + .rd-nav-item { margin-top: 4px; } .rd-navbar-fixed .rd-nav-link { display: block; padding: 9px 56px 9px 15px; font-weight: 700; letter-spacing: .075em; text-transform: uppercase; } .rd-navbar-fixed li.opened > .rd-navbar-dropdown { padding: 4px 0 0; } .rd-navbar-fixed li.opened > .rd-navbar-megamenu { padding-top: 15px; padding-bottom: 15px; } .rd-navbar-fixed li.opened > .rd-menu { opacity: 1; height: auto; } .rd-navbar-fixed li.opened > .rd-navbar-submenu-toggle::after { transform: rotate(180deg); } .rd-navbar-fixed .rd-menu { display: none; transition: opacity 0.3s, height 0.4s ease; opacity: 0; height: 0; overflow: hidden; } .rd-navbar-fixed .rd-navbar-submenu { position: relative; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown .rd-navbar-submenu-toggle:after { height: 34px; line-height: 34px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a { padding-left: 30px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a, .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a { padding-left: 46px; } .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; } .rd-navbar-fixed .rd-megamenu-list > li > a, .rd-navbar-fixed .rd-navbar-dropdown > li > a { display: block; padding: 9px 56px 9px 16px; font-size: 12px; line-height: 1.5; font-weight: 500; letter-spacing: .1em; } .rd-navbar-fixed .rd-megamenu-list > li + li, .rd-navbar-fixed .rd-navbar-dropdown > li + li { margin-top: 3px; } .rd-navbar-fixed .rd-megamenu-list > li > a { padding-left: 30px; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title { position: relative; display: block; border-bottom: 1px solid; margin: 0 15px; padding-bottom: 5px; font-size: 16px; line-height: 1.5; } .rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-list { margin-top: 11px; } .rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-title { margin-top: 20px; } .rd-navbar-fixed .rd-navbar-megamenu > li + li { margin-top: 20px; } .rd-navbar-fixed .rd-navbar-submenu-toggle { cursor: pointer; } .rd-navbar-fixed .rd-navbar-submenu-toggle::after { content: '\f107'; position: absolute; top: 0; right: 0; width: 56px; height: 52px; font: 700 14px "FontAwesome"; line-height: 52px; text-align: center; transition: 0.4s all ease; z-index: 2; cursor: pointer; } .rd-navbar-fixed .rd-navbar-collapse-toggle { display: block; top: 4px; z-index: 1081; } .rd-navbar-fixed .rd-navbar-collapse { position: fixed; right: 0; top: 56px; z-index: 1079; transform: translate3d(0, -10px, 0); padding: 15px; width: auto; border-radius: 0; text-align: left; font-size: 14px; opacity: 0; visibility: hidden; transition: .3s; } .rd-navbar-fixed .rd-navbar-collapse.active { transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-collapse .list-inline > li { display: block; } .rd-navbar-fixed .rd-navbar-collapse .list-inline > li + li { margin-top: 10px; } .rd-navbar-fixed .rd-navbar-main-element { position: absolute; float: left; } .rd-navbar-fixed .rd-navbar-search .rd-search { position: fixed; right: 0; left: 0; top: 56px; z-index: 1079; width: 100%; opacity: 0; visibility: hidden; transition: .3s; transform: translate3d(0, -10px, 0); } .rd-navbar-fixed .rd-navbar-search .rd-search-results-live { display: none; } .rd-navbar-fixed .rd-navbar-search .form-input { padding-right: 50px; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 0; width: 50px; padding: 0; margin: 0; border: none; background-color: transparent; } .rd-navbar-fixed .rd-navbar-search.active .rd-search { opacity: 1; visibility: visible; transform: none; } .rd-navbar-fixed .rd-navbar-search-toggle { display: inline-flex; } .rd-navbar-fixed .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 26px; line-height: 48px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-fixed .rd-navbar-search-toggle span, .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after { transition: .3s all ease-in-out; } .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-fixed .rd-navbar-search-toggle span::before { content: ""; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-fixed .rd-navbar-search-toggle span::after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-fixed .rd-navbar-search-toggle.active span::before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-fixed .rd-navbar-search-toggle.active span::after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-fixed [class*='rd-navbar-fixed-element'] { position: fixed; top: 4px; z-index: 1080; } .rd-navbar-fixed .rd-navbar-fixed-element-1 { right: 0; } .rd-navbar-fixed .rd-navbar-fixed-element-2 { right: 46px; } .rd-navbar-fixed.rd-navbar--is-clone { display: none; } .rd-navbar-fixed .rd-navbar-fixed--visible { display: block; } .rd-navbar-fixed .rd-navbar-fixed--hidden { display: none; } .rd-navbar-fixed .rd-navbar-panel { color: #151515; box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); background: #ffffff; } .rd-navbar-fixed .rd-navbar-nav-wrap { color: #ffffff; background: #ffffff; box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); } .rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, .rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, .rd-navbar-fixed .rd-nav-item.active .rd-nav-link, .rd-navbar-fixed .rd-nav-item.opened .rd-nav-link { color: #ffffff; background: #ff6252; } .rd-navbar-fixed .rd-nav-item:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.active > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.opened > .rd-navbar-submenu-toggle { color: #ffffff; } .rd-navbar-fixed .rd-nav-link { color: #151515; } .rd-navbar-fixed .rd-megamenu-list > li > a, .rd-navbar-fixed .rd-navbar-dropdown > li > a { color: #151515; } .rd-navbar-fixed .rd-megamenu-list > li:hover > a, .rd-navbar-fixed .rd-megamenu-list > li.focus > a, .rd-navbar-fixed .rd-megamenu-list > li.active > a, .rd-navbar-fixed .rd-megamenu-list > li.opened > a, .rd-navbar-fixed .rd-navbar-dropdown > li:hover > a, .rd-navbar-fixed .rd-navbar-dropdown > li.focus > a, .rd-navbar-fixed .rd-navbar-dropdown > li.active > a, .rd-navbar-fixed .rd-navbar-dropdown > li.opened > a { color: #ffffff; background: #ff6252; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title { color: #ff6252; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a, .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:focus, .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:active { color: inherit; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:hover { color: #151515; } .rd-navbar-fixed .rd-navbar-submenu-toggle { color: #151515; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { color: #c8c8c8; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover { color: #ff6252; } .rd-navbar-fixed .rd-navbar-search-toggle { color: #151515; } .rd-navbar-fixed .rd-navbar-search-toggle:hover { color: #ff6252; } .rd-navbar-fixed .rd-navbar-collapse { background-color: #ffffff; box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); } .rd-navbar-fixed .rd-navbar-collapse, .rd-navbar-fixed .rd-navbar-collapse a { color: #151515; } html.rd-navbar-fixed-linked .page { padding-top: 56px; } /* * * RD Navbar Sidebar */ .rd-navbar-sidebar { display: block; background: #ffffff; } .rd-navbar-sidebar .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-sidebar .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 22px 60px 22px 0; margin-left: auto; margin-right: auto; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .rd-navbar-sidebar .rd-navbar-main-element { display: flex; align-items: center; } .rd-navbar-sidebar .rd-navbar-main-element > * + * { margin-left: 20px; } .rd-navbar-sidebar .rd-navbar-toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; z-index: 1102; } .rd-navbar-sidebar .rd-navbar-panel { min-width: 200px; text-align: center; } .rd-navbar-sidebar .rd-navbar-brand img { width: auto; height: auto; max-width: 200px; max-height: 200px; } .rd-navbar-sidebar .rd-navbar-nav-wrap { position: fixed; top: 0; bottom: 0; right: 0; z-index: 1101; width: 450px; padding: 94px 0 0 0; background: #ffffff; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform: translateX(100%); box-shadow: 0 0 13px 0 rgba(200, 200, 200, 0.16); } .rd-navbar-sidebar .rd-navbar-nav-wrap.active { transition-delay: .1s; transform: translateX(0); } .rd-navbar-sidebar .rd-navbar-nav { height: calc(100vh - 100px); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid #d7d7d7; } .rd-navbar-sidebar .rd-nav-item { position: relative; display: block; padding: 19px 30px 19px 40px; } .rd-navbar-sidebar .rd-nav-item.active .rd-nav-link { color: #ff6252; } .rd-navbar-sidebar .rd-nav-item .rd-nav-link, .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle { font-size: 18px; } .rd-navbar-sidebar .rd-nav-item + .rd-nav-item { border-top: 1px solid #d7d7d7; } .rd-navbar-sidebar .rd-nav-item:last-child { border-bottom: 1px solid #d7d7d7; margin-bottom: 30px; } .rd-navbar-sidebar .rd-nav-link { max-width: calc(100% - 30px); word-break: break-all; font-size: 18px; line-height: 1.4; text-transform: none; color: #c8c8c8; } .rd-navbar-sidebar .rd-nav-link:hover { color: #ff6252; } .rd-navbar-sidebar .rd-navbar-submenu .opened > .rd-navbar-submenu-toggle::after { transform: rotate(180deg); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-megamenu { display: none; opacity: 0; visibility: hidden; will-change: opacity, visibility; transition: opacity .2s; } .rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; opacity: 1; visibility: visible; } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu > .rd-navbar-megamenu { transform: translateY(30px); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu.opened > .rd-navbar-megamenu { transform: translateY(0); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu .rd-navbar-submenu > .rd-navbar-dropdown { transform: translateX(-20px); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu .rd-navbar-submenu.opened > .rd-navbar-dropdown { transform: translateX(0); } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle { position: absolute; top: 0; right: 0; padding-top: inherit; padding-right: inherit; padding-left: 10px; margin-bottom: inherit; display: inline-block; width: 30px; margin-left: 5px; text-align: center; cursor: pointer; color: #151515; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle:hover, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle:hover { color: #ff6252; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle::after, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle::after { content: '\f107'; position: relative; display: inline-block; font-family: "FontAwesome"; font-size: inherit; line-height: inherit; text-align: center; vertical-align: middle; transition: 0.4s all ease; z-index: 2; will-change: transform; } .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle { font-size: 14px; color: #c8c8c8; margin-left: 7px; } .rd-navbar-sidebar .rd-menu { margin-top: 31px; } .rd-navbar-sidebar .rd-navbar-dropdown, .rd-navbar-sidebar .rd-megamenu-list { font-size: 14px; } .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-megamenu-list li > a { display: block; position: relative; text-align: left; padding: 18px 20px; } .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a:focus, .rd-navbar-sidebar .rd-navbar-dropdown li > a:active, .rd-navbar-sidebar .rd-megamenu-list li > a, .rd-navbar-sidebar .rd-megamenu-list li > a:focus, .rd-navbar-sidebar .rd-megamenu-list li > a:active { color: #151515; } .rd-navbar-sidebar .rd-navbar-dropdown li > a:hover, .rd-navbar-sidebar .rd-megamenu-list li > a:hover { color: #ff6252; } .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a::before, .rd-navbar-sidebar .rd-megamenu-list li > a, .rd-navbar-sidebar .rd-megamenu-list li > a::before { transition: all .3s ease-in-out; } .rd-navbar-sidebar .rd-navbar-dropdown li > a::before, .rd-navbar-sidebar .rd-megamenu-list li > a::before { display: inline-block; position: absolute; content: ''; top: 50%; left: 0; height: 50%; width: 4px; background: #ff6252; transform: translateY(-50%); visibility: hidden; opacity: 0; } @media (min-width: 1200px) { .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-megamenu-list li > a { padding: 27px 30px; } } .rd-navbar-sidebar .rd-navbar-dropdown li.focus > a::before, .rd-navbar-sidebar .rd-navbar-dropdown li.opened > a::before, .rd-navbar-sidebar .rd-navbar-dropdown li > a:hover::before, .rd-navbar-sidebar .rd-megamenu-list li.focus > a::before, .rd-navbar-sidebar .rd-megamenu-list li.opened > a::before, .rd-navbar-sidebar .rd-megamenu-list li > a:hover::before { height: 100%; opacity: 1; visibility: visible; } .rd-navbar-sidebar .rd-navbar-megamenu { max-width: 450px; margin-bottom: -30px; } .rd-navbar-sidebar .rd-navbar-megamenu > * { margin-bottom: 30px; } .rd-navbar-sidebar .rd-navbar-megamenu > li { display: inline-block; vertical-align: top; width: 45%; } .rd-navbar-sidebar .rd-megamenu-title { display: none; } .rd-navbar-sidebar .rd-megamenu-list { margin-top: 0; } .rd-navbar-sidebar .rd-megamenu-list > li + li { margin-top: 10px; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a { padding-right: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a::before { display: none; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a:hover { padding-left: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.focus > a { padding-left: 0; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle { color: #ff6252; } .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle::after { top: 1px; } .rd-navbar-sidebar .rd-navbar-dropdown > li + li { margin-top: 10px; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown { margin-top: 25px; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown { margin-top: 10px; padding-left: 15px; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown > li > a { font-size: 12px; } @media (min-width: 1200px) { .rd-navbar-sidebar .rd-navbar-megamenu { margin-bottom: -30px; } .rd-navbar-sidebar .rd-navbar-megamenu > * { margin-bottom: 30px; } .rd-navbar-sidebar .rd-navbar-dropdown > li + li, .rd-navbar-sidebar .rd-megamenu-list > li + li { margin-top: 18px; } } @media (min-width: 1200px) { .rd-navbar-sidebar .rd-navbar-nav-wrap { width: auto; left: calc(50% + 600px - 80px); } } .rd-navbar-sidebar.rd-navbar--is-clone { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transform: translateY(-101%); } .rd-navbar-sidebar.rd-navbar--is-clone.rd-navbar--is-stuck { transform: translateY(0); } .rd-navbar-sidebar.rd-navbar--is-stuck { position: fixed; left: 0; right: 0; top: 0; z-index: 1000; box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1); } .rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-main { padding-top: 11px; padding-bottom: 11px; } .sidebar-wrap { position: fixed; text-align: center; display: flex; flex-direction: column; padding-top: 90px; top: 0; bottom: 0; right: 0; width: 270px; color: #151515; background: #ffffff; box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); transform: translateX(101%); transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1; } @media (min-width: 768px) { .sidebar-wrap { width: 300px; } } @media (min-width: 1200px) { .sidebar-wrap { width: 370px; } } .sidebar-wrap.active { transform: none; } .sidebar { flex-grow: 1; height: 100%; padding: 0 20px 30px; overflow-y: auto; } .sidebar img { width: 100%; } .sidebar-title { font-weight: 400; letter-spacing: 0; text-transform: none; } .sidebar-panel { border-top: 1px solid #dddddd; background: #f5f5f5; } .sidebar-panel .list-social { display: flex; } .sidebar-panel .list-social li { padding: 16px 5px; flex-grow: 1; } .sidebar-panel .list-social li + li { border-left: 1px solid #dddddd; } @media (min-width: 1200px) { .sidebar-panel .list-social li { padding: 24px 10px; } } .rd-navbar-fixed .sidebar-wrap { padding-top: 70px; z-index: 1080; } .sidebar-classic-wrap { font-weight: 400; color: #151515; } .rd-navbar-static .sidebar-classic-wrap { position: fixed; display: flex; flex-direction: column; top: 0; bottom: 0; left: 0; width: 210px; pointer-events: none; z-index: -1; } @media (min-width: 1200px) { .rd-navbar-static .sidebar-classic-wrap { width: 240px; } } @media (min-width: 1600px) { .rd-navbar-static .sidebar-classic-wrap { width: 300px; } } .rd-navbar-static .sidebar-classic-wrap.active { pointer-events: auto; } .rd-navbar-static .sidebar-classic-wrap.active::before { transform: none; } .rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li { opacity: 1; transform: none; } .rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(1) { transition-delay: 0.2s; } .rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(2) { transition-delay: 0.3s; } .rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(3) { transition-delay: 0.4s; } .rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(4) { transition-delay: 0.5s; } .rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(5) { transition-delay: 0.6s; } .rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(6) { transition-delay: 0.7s; } .rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(7) { transition-delay: 0.8s; } .rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(8) { transition-delay: 0.9s; } .rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(9) { transition-delay: 1s; } .rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(10) { transition-delay: 1.1s; } .rd-navbar-static .sidebar-classic-wrap.active .sidebar-classic-panel { opacity: 1; transform: none; transition-delay: .4s; } .rd-navbar-static .sidebar-classic-wrap::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #e7eff6; box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); transform: translateY(-100%) translateY(90px) skewY(-45deg); transform-origin: 100% 50%; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); z-index: -1; } @media (min-width: 1200px) { .rd-navbar-static .sidebar-classic-wrap::before { transform: translateY(-100%) translateY(110px) skewY(-45deg); } } .rd-navbar-static .sidebar-classic { flex-grow: 1; padding: 84% 15px 20px; } .rd-navbar-static .sidebar-classic .button-primary { display: block; color: #ffffff; } @media (min-width: 992px) { .rd-navbar-static .sidebar-classic .button-primary { display: none; } } @media (min-width: 1200px) { .rd-navbar-static .sidebar-classic { padding: 94% 20px 30px; } } @media (min-width: 1600px) { .rd-navbar-static .sidebar-classic { padding-left: 55px; padding-right: 55px; } } .rd-navbar-static .sidebar-classic-panel { text-align: center; padding: 20px 10px; background: #f5f5f5; border-top: 1px solid #dddddd; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(100%); opacity: 0; } @media (min-width: 1200px) { .rd-navbar-static .sidebar-classic-panel { padding: 30px 15px; } } @media (min-width: 1600px) { .rd-navbar-static .sidebar-classic-panel { padding: 44px 15px; } } .rd-navbar-static .contacts-classic li { opacity: 0; transform: translateX(-100%); transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .rd-navbar-static .contacts-classic > li + li { margin-top: 20px; } @media (min-width: 1200px) { .rd-navbar-static .contacts-classic > li + li { margin-top: 40px; } } .rd-navbar-fixed .sidebar-classic-wrap { position: fixed; top: 56px; right: 0; width: 270px; padding: 20px 30px; color: #151515; background: #ffffff; box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); transform: translateY(-30px); visibility: hidden; opacity: 0; z-index: 100; } .rd-navbar-fixed .sidebar-classic-wrap.active { opacity: 1; visibility: visible; transform: none; } .rd-navbar-fixed .sidebar-classic-panel { margin-top: 20px; } .sidebar-toggle { text-align: center; border: none; color: #151515; background: transparent; cursor: pointer; font-size: 0; line-height: 0; } .rd-navbar-basket { position: relative; top: -2px; font-size: 30px; padding-right: 22px; line-height: 1; } .rd-navbar-basket, .rd-navbar-basket:focus, .rd-navbar-basket:active { color: #151515; } .rd-navbar-basket:hover { color: #ff6252; } .rd-navbar-basket span { display: inline-block; text-align: center; position: absolute; top: -2px; right: 0; height: 20px; min-width: 20px; padding: 2px 4px 0; font-size: 14px; line-height: 18px; letter-spacing: 0; font-weight: 400; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; border-radius: 50%; color: #ffffff; background: #ff6252; } .rd-navbar-static .sidebar-toggle { position: relative; width: 48px; height: 48px; padding: 10px 7px; transition: all .1s ease; } .rd-navbar-static .sidebar-toggle::before, .rd-navbar-static .sidebar-toggle::after, .rd-navbar-static .sidebar-toggle span { display: inline-block; height: 0; border-top: 2px solid; transition: all .3s ease; } .rd-navbar-static .sidebar-toggle::before, .rd-navbar-static .sidebar-toggle::after { position: absolute; left: 50%; content: ''; width: 34px; transform: translateX(-50%); } .rd-navbar-static .sidebar-toggle::before { top: 10px; } .rd-navbar-static .sidebar-toggle::after { bottom: 10px; } .rd-navbar-static .sidebar-toggle span { width: 25px; } .rd-navbar-static .sidebar-toggle:hover span { transform: scaleX(0.5); } .rd-navbar-static .sidebar-toggle.active span { opacity: 0; } .rd-navbar-static .sidebar-toggle.active::before { top: 50%; transform: translate(-50%, -50%) rotate(45deg); } .rd-navbar-static .sidebar-toggle.active::after { bottom: 50%; transform: translate(-50%, 50%) rotate(-45deg); } .rd-navbar-static .sidebar-toggle-1.active { opacity: 0; visibility: hidden; } .rd-navbar-static .sidebar-toggle-2 { position: absolute; display: inline-block; top: 45px; right: 13px; opacity: 0; visibility: hidden; transform: translateY(-50%); z-index: 2; } .rd-navbar-static .sidebar-toggle-2.active { opacity: 1; visibility: visible; transition: .15s ease-in-out .15s; } .rd-navbar-fixed .sidebar-toggle { display: flex; align-items: center; flex-direction: column; justify-content: space-between; width: 40px; height: 48px; padding: 10px 7px; z-index: 1082; } .rd-navbar-fixed .sidebar-toggle::before, .rd-navbar-fixed .sidebar-toggle::after, .rd-navbar-fixed .sidebar-toggle span { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #151515; transition: all .3s ease; } .rd-navbar-fixed .sidebar-toggle::before, .rd-navbar-fixed .sidebar-toggle::after { content: ''; } .rd-navbar-fixed .sidebar-toggle.active span { transform: scale(1.4); } .rd-navbar-fixed .sidebar-toggle.active::before, .rd-navbar-fixed .sidebar-toggle.active::after { transform: scale(0.6); } .rd-navbar-fixed .sidebar-toggle-2 { display: none; } .rd-navbar-fixed .rd-navbar-basket { padding-top: 7px; padding-bottom: 11px; } .rd-navbar-fixed .rd-navbar-basket span { top: 5px; } .contacts-default { font-size: 18px; line-height: 1.2; font-weight: 400; color: #151515; } .contacts-default a { display: inline-block; } .contacts-default a, .contacts-default a:focus, .contacts-default a:active { color: inherit; } .contacts-default a:hover { color: #ff6252; } .contacts-default-text { font-size: 14px; color: rgba(21, 21, 21, 0.4); } .contacts-default-text + * { margin-top: 6px; } .contacts-creative { text-align: left; color: #151515; font-weight: 400; max-width: 240px; margin-left: auto; margin-right: auto; } .contacts-creative .icon { font-size: 22px; line-height: 1.5; color: rgba(21, 21, 21, 0.5); } .contacts-creative a, .contacts-creative a:focus, .contacts-creative a:active { color: inherit; } .contacts-creative a:hover { color: #ff6252; } .contacts-creative > li + li { margin-top: 10px; } * + .contacts-creative { margin-top: 30px; } @media (min-width: 768px) { .contacts-creative .icon { font-size: 26px; } } @media (max-width: 991.98px) { .contacts-creative-2 { margin-left: 0; margin-right: 0; max-width: none; } } @media (min-width: 992px) { .contacts-creative .icon { font-size: 30px; } * + .contacts-creative { margin-top: 50px; } } @media (min-width: 1200px) { .contacts-creative > li + li { margin-top: 20px; } .contacts-creative-2 .icon { font-size: 35px; } * + .contacts-creative { margin-top: 60px; } } @media (min-width: 1600px) { * + .contacts-creative { margin-top: 75px; } } .context-dark .contacts-creative-2, .bg-gray-700 .contacts-creative-2, .bg-gray-800 .contacts-creative-2, .bg-gray-5 .contacts-creative-2, .bg-gray-13 .contacts-creative-2, .bg-gray-14 .contacts-creative-2, .bg-gray-17 .contacts-creative-2, .bg-gray-19 .contacts-creative-2, .bg-gray-21 .contacts-creative-2, .bg-primary .contacts-creative-2, .bg-secondary .contacts-creative-2, .bg-gradient-1 .contacts-creative-2 { color: rgba(255, 255, 255, 0.4); } .context-dark .contacts-creative-2 .icon, .bg-gray-700 .contacts-creative-2 .icon, .bg-gray-800 .contacts-creative-2 .icon, .bg-gray-5 .contacts-creative-2 .icon, .bg-gray-13 .contacts-creative-2 .icon, .bg-gray-14 .contacts-creative-2 .icon, .bg-gray-17 .contacts-creative-2 .icon, .bg-gray-19 .contacts-creative-2 .icon, .bg-gray-21 .contacts-creative-2 .icon, .bg-primary .contacts-creative-2 .icon, .bg-secondary .contacts-creative-2 .icon, .bg-gradient-1 .contacts-creative-2 .icon { color: #ffffff; } /** * * RD Navbar Classic * ===================================================== */ .rd-navbar-classic.rd-navbar-static { box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); } .rd-navbar-classic.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-classic.rd-navbar-static .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 1770px; padding: 10px 0; margin-left: auto; margin-right: auto; } @media (min-width: 1200px) { .rd-navbar-classic.rd-navbar-static .rd-navbar-main { padding: 20px 0; } } .rd-navbar-classic.rd-navbar-static .rd-navbar-main > * + * { margin-left: 30px; } .rd-navbar-classic.rd-navbar-static .rd-navbar-main-element { display: flex; align-items: center; } .rd-navbar-classic.rd-navbar-static .rd-nav-link { font-size: 13px; letter-spacing: .12em; } @media (min-width: 1200px) { .rd-navbar-classic.rd-navbar-static .rd-nav-link { font-size: 13px; } } .rd-navbar-classic.rd-navbar-static .rd-navbar-brand img { max-width: 160px; max-height: 70px; } .rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { padding: 2px 0; } .rd-navbar-classic.rd-navbar-static .button .icon { display: none; } .rd-navbar-classic.rd-navbar-fixed .contacts-classic li + li { margin-top: 15px; } .rd-navbar-classic.rd-navbar-fixed .rd-navbar-button { display: none; } .rd-navbar-classic.rd-navbar-fixed .rd-navbar-fixed-element-2 { top: 14px; right: 5px; } @media (min-width: 576px) { .rd-navbar-classic.rd-navbar-fixed .rd-navbar-fixed-element-2 { top: 8px; } } @media (max-width: 1199.98px) { .rd-navbar-classic .button { font-size: 14px; padding: 7px 15px; } } @media (max-width: 575.98px) { .rd-navbar-classic .button { font-size: 10px; } } .rd-navbar-classic * + .button { margin-top: 0; } @media (min-width: 2000px) { .rd-navbar-classic-1.rd-navbar-static .rd-navbar-main-outer { padding-left: 75px; padding-right: 75px; } } .rd-navbar-classic-1.rd-navbar-static .rd-navbar-main .sidebar-toggle { margin: 0; } @media (min-width: 2000px) { .rd-navbar-classic-1.rd-navbar-static .rd-navbar-main { max-width: none; } } .rd-navbar-classic-1.rd-navbar-static:not(.rd-navbar--is-stuck) { position: absolute; top: 0; right: 0; left: 0; box-shadow: none; background: #ffffff; z-index: 1080; } .rd-navbar-classic-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.focus .rd-nav-link, .rd-navbar-classic-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.opened .rd-nav-link, .rd-navbar-classic-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.active .rd-nav-link { color: #ff6252; } .rd-navbar-classic-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link { color: #56585a; } .rd-navbar-classic-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link:hover { color: #ff6252; } .rd-navbar-classic-1.rd-navbar-static.rd-navbar--is-stuck .sidebar-toggle, .rd-navbar-classic-1.rd-navbar-static.rd-navbar--is-clone .sidebar-toggle { opacity: 0; visibility: hidden; transition-delay: 0s; } .rd-navbar-classic-1.rd-navbar-static.rd-navbar--is-stuck .sidebar-classic-wrap, .rd-navbar-classic-1.rd-navbar-static.rd-navbar--is-clone .sidebar-classic-wrap { transform: translateY(-100%); } .rd-navbar-classic-1.rd-navbar-static .sidebar-toggle { position: absolute; top: 94%; left: -4px; transition: all .3s ease-in-out .25s; } .rd-navbar-classic-1.rd-navbar-fixed .rd-navbar-fixed-element-2 { right: 44px; } .ie-10 .rd-navbar-classic.rd-navbar-static .rd-navbar-main, .ie-11 .rd-navbar-classic.rd-navbar-static .rd-navbar-main, .ie-edge .rd-navbar-classic.rd-navbar-static .rd-navbar-main { justify-content: flex-start; } .ie-10 .rd-navbar-classic.rd-navbar-static .rd-navbar-main > * + *, .ie-11 .rd-navbar-classic.rd-navbar-static .rd-navbar-main > * + *, .ie-edge .rd-navbar-classic.rd-navbar-static .rd-navbar-main > * + * { margin-left: auto; } .ios .rd-navbar-classic.rd-navbar-fixed .button .icon, .mac-os .rd-navbar-classic.rd-navbar-fixed .button .icon { position: relative; right: -1px; } /** * * RD Navbar Modern * ===================================================== */ .rd-navbar-modern.rd-navbar-static { box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); } .rd-navbar-modern.rd-navbar-static .rd-navbar-aside-outer, .rd-navbar-modern.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-modern.rd-navbar-static .rd-navbar-aside-outer { background: #f5f5f5; } .rd-navbar-modern.rd-navbar-static .rd-navbar-aside, .rd-navbar-modern.rd-navbar-static .rd-navbar-main { display: flex; align-items: center; justify-content: space-between; max-width: 1170px; margin-left: auto; margin-right: auto; } .rd-navbar-modern.rd-navbar-static .rd-navbar-aside > * + *, .rd-navbar-modern.rd-navbar-static .rd-navbar-main > * + * { margin-left: 30px; } .rd-navbar-modern.rd-navbar-static .rd-navbar-aside { font-size: 15px; padding: 10px 0; color: #151515; font-weight: 400; } .rd-navbar-modern.rd-navbar-static .rd-navbar-aside a, .rd-navbar-modern.rd-navbar-static .rd-navbar-aside a:focus, .rd-navbar-modern.rd-navbar-static .rd-navbar-aside a:active { color: inherit; } .rd-navbar-modern.rd-navbar-static .rd-navbar-aside a:hover { color: #ff6252; } .rd-navbar-modern.rd-navbar-static .rd-navbar-main { position: relative; padding: 10px 0; } .rd-navbar-modern.rd-navbar-static .rd-navbar-elements, .rd-navbar-modern.rd-navbar-static .rd-navbar-main-element { display: flex; align-items: center; } .rd-navbar-modern.rd-navbar-static .rd-navbar-elements > * + *, .rd-navbar-modern.rd-navbar-static .rd-navbar-main-element > * + * { margin-left: 10px; } @media (min-width: 1200px) { .rd-navbar-modern.rd-navbar-static .rd-navbar-elements > * + *, .rd-navbar-modern.rd-navbar-static .rd-navbar-main-element > * + * { margin-left: 22px; } } .rd-navbar-modern.rd-navbar-static .rd-navbar-brand img { max-width: 210px; max-height: 70px; } .rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer { display: none; } .rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { padding: 2px 0; } .rd-navbar-modern.rd-navbar-fixed .rd-navbar-fixed-element-2 { right: 40px; } .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) { box-shadow: none; background: rgba(255, 255, 255, 0.08); z-index: 1080; } .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-aside-outer { background: #ffffff; } .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.focus .rd-nav-link, .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.opened .rd-nav-link, .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.active .rd-nav-link { color: #ff6252; } .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link { color: #151515; } .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link:hover { color: #ff6252; } .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-aside, .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .sidebar-toggle { color: #151515; } .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .sidebar-toggle-2 { color: #151515; } .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket, .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket:focus, .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket:active { color: #151515; } .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket:hover { color: #ff6252; } .rd-navbar-modern-2.rd-navbar-static:not(.rd-navbar--is-stuck) { background: #f5f5f5; } @media (min-width: 1200px) { .rd-navbar-modern-2.rd-navbar-static .rd-navbar-main { padding: 18px 0; } } /** * * RD Navbar Creative * ===================================================== */ .rd-navbar-creative.rd-navbar-static { border-bottom: 1px solid #f2f8ff; } .rd-navbar-creative.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-creative.rd-navbar-static .rd-navbar-main { display: flex; align-items: center; justify-content: space-between; max-width: 1770px; margin-left: auto; margin-right: auto; } .rd-navbar-creative.rd-navbar-static .rd-navbar-main > * + * { margin-left: 30px; } .rd-navbar-creative.rd-navbar-static .rd-navbar-main { position: relative; } @media (min-width: 1600px) { .rd-navbar-creative.rd-navbar-static .rd-navbar-nav-wrap { flex-basis: 54%; } } @media (min-width: 1200px) { .rd-navbar-creative.rd-navbar-static .rd-nav-item + .rd-nav-item { margin-left: 30px; } } @media (min-width: 1400px) { .rd-navbar-creative.rd-navbar-static .rd-nav-item + .rd-nav-item { margin-left: 40px; } } @media (min-width: 1200px) { .rd-navbar-creative.rd-navbar-static .rd-nav-link { font-size: 14px; } } @media (min-width: 1400px) { .rd-navbar-creative.rd-navbar-static .rd-nav-link { font-size: 16px; } } .rd-navbar-creative.rd-navbar-static .rd-navbar-elements { display: flex; align-items: stretch; align-self: stretch; } .rd-navbar-creative.rd-navbar-static .rd-navbar-elements > * { display: inherit; align-items: center; padding: 20px 15px; border-left: 1px solid #f2f8ff; } .rd-navbar-creative.rd-navbar-static .rd-navbar-elements > *:last-child { display: none; padding-left: 20px; padding-right: 0; } @media (min-width: 1200px) { .rd-navbar-creative.rd-navbar-static .rd-navbar-elements > *:last-child { display: block; } } @media (min-width: 1400px) { .rd-navbar-creative.rd-navbar-static .rd-navbar-elements > * { padding: 20px; } .rd-navbar-creative.rd-navbar-static .rd-navbar-elements > *:last-child { padding-left: 30px; } } .rd-navbar-creative.rd-navbar-static .rd-navbar-brand img { max-width: 180px; max-height: 70px; } .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-elements > *, .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone .rd-navbar-elements > * { padding-top: 13px; padding-bottom: 13px; } .rd-navbar-creative.rd-navbar-fixed .rd-navbar-fixed-element-2 { right: 40px; } .rd-navbar-creative.rd-navbar-fixed .contacts-default { display: none; } .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) { position: absolute; top: 0; right: 0; left: 0; background: transparent; border-color: rgba(255, 255, 255, 0.16); z-index: 1080; } .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-elements > * { border-color: rgba(255, 255, 255, 0.16); } .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.focus .rd-nav-link, .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.opened .rd-nav-link, .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.active .rd-nav-link { color: #ff6252; } .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link { color: #ffffff; } .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link:hover { color: #ff6252; } .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .contacts-default, .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .sidebar-toggle { color: #ffffff; } .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket, .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket:focus, .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket:active { color: #ffffff; } .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket:hover { color: #ff6252; } .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket span { color: #151515; background: #ffffff; } .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .contacts-default-text { color: rgba(255, 255, 255, 0.4); } .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .brand-logo-dark { display: none; } .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .brand-logo-light { display: block; } .rd-navbar-creative-2.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.focus .rd-nav-link, .rd-navbar-creative-2.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.opened .rd-nav-link, .rd-navbar-creative-2.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.active .rd-nav-link { color: #ff796c; } .rd-navbar-creative-2.rd-navbar-static:not(.rd-navbar--is-stuck) .contacts-default a:hover, .rd-navbar-creative-2.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link:hover { color: #ff796c; } /** * * RD Navbar Minimal * ===================================================== */ .rd-navbar-minimal.rd-navbar-static { box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main { display: flex; align-items: center; justify-content: space-between; max-width: 1770px; margin-left: auto; margin-right: auto; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main > * + * { margin-left: 30px; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main { position: relative; padding: 10px 0; } @media (min-width: 1200px) { .rd-navbar-minimal.rd-navbar-static .rd-navbar-main { padding: 20px 0; } } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-left, .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-right { display: flex; align-items: center; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-left > * + * { margin-left: 30px; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-right > * + * { margin-left: 30px; } @media (min-width: 1200px) { .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-right > * + * { margin-left: 40px; } } .rd-navbar-minimal.rd-navbar-static .rd-navbar-brand img { max-width: 200px; max-height: 70px; } .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { padding: 2px 0; } .rd-navbar-minimal.rd-navbar-static .button .icon { display: none; } .rd-navbar-minimal.rd-navbar-fixed .rd-navbar-brand img { width: auto; } .rd-navbar-minimal.rd-navbar-fixed .rd-navbar-fixed-element-2 { top: 8px; right: 44px; } .rd-navbar-minimal.rd-navbar-fixed .button { font-size: 14px; width: 40px; height: 40px; line-height: 26px; padding: 5px; border-radius: 4px; } .rd-navbar-minimal.rd-navbar-fixed .button .icon { font-size: 24px; line-height: inherit; } .rd-navbar-minimal.rd-navbar-fixed .button, .rd-navbar-minimal.rd-navbar-fixed .button:focus { color: #ffffff; background: #ff6252; border-color: #ff6252; } .rd-navbar-minimal.rd-navbar-fixed .button:hover, .rd-navbar-minimal.rd-navbar-fixed .button:active, .rd-navbar-minimal.rd-navbar-fixed .button.active { color: #ffffff; background: #373737; border-color: #373737; } .rd-navbar-minimal.rd-navbar-fixed .button-text { display: none; } @media (max-width: 1199.98px) { .rd-navbar-minimal .button { font-size: 14px; padding: 7px 15px; } } .rd-navbar-minimal * + .button { margin-top: 0; } @media (min-width: 1600px) { .rd-navbar-minimal-1.rd-navbar-static .rd-navbar-main { padding: 37px 0; } } .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) { position: absolute; top: 0; right: 0; left: 0; box-shadow: none; background: transparent; z-index: 1080; } .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.focus .rd-nav-link, .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.opened .rd-nav-link, .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.active .rd-nav-link { color: #ff6252; } .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link { color: #ffffff; } .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link:hover { color: #ff6252; } .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .sidebar-toggle { color: #ffffff; } .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .brand-logo-dark { display: none; } .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .brand-logo-light { display: block; } .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button, .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button:focus { color: #ffffff; background: rgba(255, 255, 255, 0.1); border-color: transparent; } .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button:hover, .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button:active, .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button.active { color: #ffffff; background: #ff6252; border-color: #ff6252; } /** * * RD Navbar Jean * ===================================================== */ .rd-navbar-jean.rd-navbar-static { box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); } .rd-navbar-jean.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-jean.rd-navbar-static .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 1770px; padding: 10px 0; margin-left: auto; margin-right: auto; } @media (min-width: 1200px) { .rd-navbar-jean.rd-navbar-static .rd-navbar-main { padding: 20px 0; } } .rd-navbar-jean.rd-navbar-static .rd-navbar-main > * + * { margin-left: 30px; } .rd-navbar-jean.rd-navbar-static .rd-navbar-main-element { display: flex; align-items: center; } .rd-navbar-jean.rd-navbar-static .rd-navbar-main-element > * + * { margin-left: 20px; } .rd-navbar-jean.rd-navbar-static .rd-navbar-nav-wrap { display: flex; align-items: center; } .rd-navbar-jean.rd-navbar-static .rd-navbar-nav { opacity: 0; visibility: hidden; transition: .3s ease-in-out; } .rd-navbar-jean.rd-navbar-static .rd-navbar-nav.active { opacity: 1; visibility: visible; } .rd-navbar-jean.rd-navbar-static .rd-navbar-nav.active ~ .rd-navbar-nav-text { opacity: 0; visibility: hidden; } .rd-navbar-jean.rd-navbar-static .rd-navbar-nav-text { position: absolute; font-size: 14px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; transition: .3s ease-in-out; } @media (min-width: 1200px) { .rd-navbar-jean.rd-navbar-static .rd-navbar-nav-text { font-size: 15px; } } .rd-navbar-jean.rd-navbar-static .rd-nav-link { font-size: 14px; letter-spacing: .12em; } @media (min-width: 1200px) { .rd-navbar-jean.rd-navbar-static .rd-nav-link { font-size: 15px; } } .rd-navbar-jean.rd-navbar-static .rd-navbar-brand img { max-width: 160px; max-height: 70px; } .rd-navbar-jean.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-jean.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { padding: 2px 0; } .rd-navbar-jean.rd-navbar-static .button .icon { display: none; } .rd-navbar-jean.rd-navbar-fixed .rd-navbar-fixed-element-2 { top: 8px; right: 5px; } .rd-navbar-jean.rd-navbar-fixed .button { font-size: 14px; width: 40px; height: 40px; line-height: 26px; padding: 5px; border-radius: 4px; } .rd-navbar-jean.rd-navbar-fixed .button .icon { font-size: 24px; line-height: inherit; } .rd-navbar-jean.rd-navbar-fixed .button, .rd-navbar-jean.rd-navbar-fixed .button:focus { color: #ffffff; background: #ff6252; border-color: #ff6252; } .rd-navbar-jean.rd-navbar-fixed .button:hover, .rd-navbar-jean.rd-navbar-fixed .button:active, .rd-navbar-jean.rd-navbar-fixed .button.active { color: #ffffff; background: #373737; border-color: #373737; } .rd-navbar-jean.rd-navbar-fixed .button-text { display: none; } @media (max-width: 1199.98px) { .rd-navbar-jean .button { font-size: 14px; padding: 7px 15px; } } .rd-navbar-jean * + .button { margin-top: 0; } .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) { position: absolute; top: 0; right: 0; left: 0; box-shadow: none; background: transparent; z-index: 1080; } .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.focus .rd-nav-link, .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.opened .rd-nav-link, .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.active .rd-nav-link { color: #ff6252; } .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link { color: #ffffff; } .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link:hover { color: #ff6252; } .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-nav-text, .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .sidebar-toggle { color: #ffffff; } .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .brand-logo-dark { display: none; } .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .brand-logo-light { display: block; } .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button, .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button:focus { color: #ffffff; background: transparent; border-color: #ffffff; } .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button:hover, .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button:active, .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button.active { color: #ff6252; background: #ffffff; border-color: #ffffff; } .rd-navbar-jean-1.rd-navbar-fixed .sidebar-toggle, .rd-navbar-jean-1.rd-navbar-fixed .rd-navbar-nav-text { display: none; } .rd-navbar-jean-1.rd-navbar-fixed .rd-navbar-fixed-element-1 { top: 8px; right: 10px; } .rd-navbar-jean-2.rd-navbar-static { box-shadow: none; background: transparent; } .rd-navbar-jean-2.rd-navbar-static:not(.rd-navbar--is-stuck) { position: absolute; top: 0; right: 0; left: 0; z-index: 1080; } @media (min-width: 1600px) { .rd-navbar-jean-2.rd-navbar-static .rd-navbar-panel { padding-left: 3.9%; } } @media (min-width: 1600px) { .rd-navbar-jean-2.rd-navbar-static .rd-navbar-main-element { padding-left: 8%; } } .rd-navbar-jean-2.rd-navbar-static .rd-nav-link { color: #ffffff; } .rd-navbar-jean-2.rd-navbar-static .rd-nav-link:hover { color: #ff6252; } .rd-navbar-jean-2.rd-navbar-static .rd-navbar-nav-text, .rd-navbar-jean-2.rd-navbar-static .sidebar-toggle { color: #ffffff; } .rd-navbar-jean-2.rd-navbar-static.rd-navbar--is-stuck { background: #2d2c2c; } .rd-navbar-jean-2.rd-navbar-static .brand-logo-dark { display: none; } .rd-navbar-jean-2.rd-navbar-static .brand-logo-light { display: block; } .rd-navbar-jean-2.rd-navbar-static .button, .rd-navbar-jean-2.rd-navbar-static .button:focus { color: #ffffff; background: transparent; border-color: #ffffff; } .rd-navbar-jean-2.rd-navbar-static .button:hover, .rd-navbar-jean-2.rd-navbar-static .button:active, .rd-navbar-jean-2.rd-navbar-static .button.active { color: #ff6252; background: #ffffff; border-color: #ffffff; } .rd-navbar-jean-2.rd-navbar-fixed .sidebar-toggle, .rd-navbar-jean-2.rd-navbar-fixed .rd-navbar-nav-text { display: none; } .rd-navbar-jean-2.rd-navbar-fixed .rd-navbar-fixed-element-1 { top: 8px; right: 10px; } .ie-10 .rd-navbar-jean.rd-navbar-static .rd-navbar-nav-wrap, .ie-11 .rd-navbar-jean.rd-navbar-static .rd-navbar-nav-wrap, .ie-edge .rd-navbar-jean.rd-navbar-static .rd-navbar-nav-wrap { align-items: flex-start; flex-direction: row-reverse; } /* * * RD Navbar Fullwidth */ .rd-navbar-fullwidth { display: block; } .rd-navbar-fullwidth .rd-navbar-nav > li + li { margin-left: 20px; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-main { padding: 10px 0; } /** @section Swiper */ .swiper-container { display: flex; margin: 0 auto; position: relative; overflow: hidden; min-height: 100vh; height: auto; width: 100%; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; z-index: 1; display: flex; align-self: stretch; align-items: stretch; width: 100%; height: auto; min-height: inherit; transition-property: transform; box-sizing: content-box; } .swiper-container { flex-shrink: 0; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { touch-action: pan-y; } .swiper-wp8-vertical { touch-action: pan-x; } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; } .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-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; 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"); } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-slide > .vide__body, .swiper-slide > .parallax_cnt { height: 100%; } .swiper-button-prev, .swiper-button-next { display: none; text-align: center; position: absolute; top: 50%; width: 65px; height: 65px; font-size: 32px; line-height: 65px; color: #151515; background: rgba(255, 255, 255, 0.14); border-radius: 50%; transform: translateY(-50%); will-change: transform; transition: .3s ease-in; cursor: pointer; z-index: 10; } .swiper-button-prev::before, .swiper-button-next::before { display: inline-block; transition: .3s ease; } .swiper-button-prev:hover, .swiper-button-next:hover { background: rgba(255, 255, 255, 0.4); } .swiper-button-prev:hover::before, .swiper-button-next:hover::before { transform: scale(1.2); } @media (min-width: 992px) { .swiper-button-prev, .swiper-button-next { display: block; } } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev { left: 30px; } .swiper-button-prev:before { font-family: "Material Design Icons"; content: "\f237"; } @media (min-width: 1200px) { .swiper-button-prev { left: 5%; } } .swiper-button-next { right: 30px; } .swiper-button-next:before { font-family: "Material Design Icons"; content: "\f238"; } @media (min-width: 1200px) { .swiper-button-next { right: 5%; } } .swiper-slider.swiper-container-rtl .swiper-button-prev::before { content: "\f061"; } .swiper-slider.swiper-container-rtl .swiper-button-next::before { content: "\f060"; } .swiper-pagination { position: absolute; display: block; text-align: center; font-size: 0; line-height: 0; transition: .3s; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: #ffffff; transition: .2s; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination .swiper-pagination-bullet:hover { background: #ff6252; } .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } @media (min-width: 992px) { .swiper-pagination { display: none; } } .swiper-pagination-black .swiper-pagination-bullet { background: rgba(0, 0, 0, 0.6); } .swiper-pagination-black .swiper-pagination-bullet.swiper-pagination-bullet-active { background: black; } .swiper-container-vertical > .swiper-pagination { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination { bottom: 30px; left: 0; width: 100%; } .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 20px; } .swiper-slide { position: relative; overflow: hidden; display: flex; align-items: flex-start; justify-content: center; flex-shrink: 0; width: 100%; height: 100%; white-space: nowrap; background-position: 50%; } .swiper-slide-caption { width: 100%; white-space: normal; } @media (max-width: 991.98px) { .swiper-slide-caption { padding-bottom: 70px; } } .swiper-slide-custom { background: inherit; transform: scale(1.1) rotate(2deg); transition: 5s ease; pointer-events: none; } .swiper-slide-active .swiper-slide-custom { transform: none; } .swiper-slider-1 .swiper-wrapper { position: absolute; height: 100%; top: 0; left: 0; } .swiper-slider-1 .swiper-content { position: relative; display: flex; align-items: center; width: inherit; min-height: inherit; padding: 50px 0; z-index: 1; } @media (min-width: 768px) { .swiper-slider-1 .swiper-content { padding: 100px 0; } } @media (min-width: 992px) { .swiper-slider-1 .swiper-content { padding: 120px 0; } } @media (min-width: 992px) and (max-width: 1199.98px) { .rd-navbar-static-linked .swiper-slider-1 .swiper-content { padding-left: 230px; } } @media (min-width: 1200px) { .swiper-slider-1 .swiper-content { padding: 140px 0 140px 250px; } } @media (min-width: 1600px) { .swiper-slider-1 .swiper-content { padding-left: 350px; padding-right: 350px; } } .swiper-slider-1 .swiper-title { font-weight: 700; } .swiper-slider-1 .swiper-subtitle { padding-left: 80px; text-indent: -80px; line-height: 1.5; } .swiper-slider-1 .swiper-subtitle::before { display: inline-block; vertical-align: bottom; content: ''; height: 0; width: 50px; margin-right: 30px; text-indent: 0; border-top: 1px solid rgba(255, 255, 255, 0.27); } .swiper-slider-1 .swiper-subtitle span { display: block; text-indent: 0; } @media (min-width: 768px) { .swiper-slider-1 .swiper-subtitle { padding-left: 120px; text-indent: -120px; } .swiper-slider-1 .swiper-subtitle::before { width: 90px; } } @media (min-width: 992px) { .swiper-slider-1 .swiper-subtitle { padding-left: 160px; text-indent: -160px; } .swiper-slider-1 .swiper-subtitle::before { width: 130px; } } .swiper-slider-1 .swiper-slider-image { position: absolute; bottom: -4%; right: -8%; width: 65%; margin-top: 0; pointer-events: none; z-index: 1; } .swiper-slider-1 * + .swiper-subtitle { margin-top: 14px; } @media (min-width: 768px) { .swiper-slider-1 * + .swiper-subtitle { margin-top: 24px; } } .swiper-slider-2 .swiper-title { line-height: 1.27; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .swiper-slider-2 .swiper-subtitle { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .swiper-slider-2 * + .swiper-subtitle { margin-top: 16px; } .swiper-slider-2 * + .swiper-button { margin-top: 30px; } @media (min-width: 768px) { .swiper-slider-2 * + .swiper-subtitle { margin-top: 26px; } .swiper-slider-2 * + .swiper-button { margin-top: 40px; } } @media (min-width: 1200px) { .swiper-slider-2 .swiper-title { font-size: 95px; } .swiper-slider-2 * + .swiper-button { margin-top: 60px; } } .swiper-slider-3 .video-classic { position: absolute; display: inline-flex; align-items: center; justify-content: center; left: 0; bottom: 70px; width: 100%; } .swiper-slider-3 .video-classic-link { margin-right: 10px; } .swiper-slider-3 .swiper-title { line-height: 1.2; font-weight: 900; letter-spacing: .025em; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .swiper-slider-3 .swiper-title::before { display: block; content: ''; width: 86px; height: 0; margin-bottom: 20px; border-top: 1px solid #ff6252; } .swiper-slider-3 .swiper-subtitle { line-height: 1.71; font-weight: 300; letter-spacing: .05em; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .swiper-slider-3 * + .swiper-subtitle { margin-top: 12px; } .swiper-slider-3 * + .swiper-button { margin-top: 30px; } @media (max-width: 575.98px) { .swiper-slider-3 .swiper-slide-caption { padding-bottom: 160px; } } @media (min-width: 576px) { .swiper-slider-3 .video-classic { display: inline-block; top: 50%; right: 5%; bottom: auto; left: auto; width: auto; transform: translateY(-50%); } .swiper-slider-3 .video-classic-link { margin-right: auto; } } @media (min-width: 768px) { .swiper-slider-3 .swiper-pagination { display: block; width: auto; top: 50%; right: 5%; left: auto; bottom: auto; transform: translateY(-50%); } .swiper-slider-3 .swiper-pagination .swiper-pagination-bullet { display: block; margin: 45px 0; } .swiper-slider-3 .video-classic { right: 15%; } .swiper-slider-3 .swiper-title { font-size: 60px; } .swiper-slider-3 .swiper-title::before { margin-bottom: 30px; } .swiper-slider-3 * + .swiper-subtitle { margin-top: 20px; } .swiper-slider-3 * + .swiper-button { margin-top: 40px; } } @media (min-width: 992px) { .swiper-slider-3 .swiper-title { font-size: 70px; } .swiper-slider-3 .swiper-title::before { margin-bottom: 40px; } .swiper-slider-3 * + .swiper-subtitle { margin-top: 30px; } .swiper-slider-3 * + .swiper-button { margin-top: 50px; } } @media (min-width: 1200px) { .swiper-slider-3 .swiper-pagination { right: 10%; } .swiper-slider-3 .video-classic { right: 21%; } .swiper-slider-3 .swiper-title { font-size: 84px; } } .swiper-slider-4 { min-height: 20.83333vw; } .swiper-slider-4 .swiper-button-prev, .swiper-slider-4 .swiper-button-next { align-items: center; width: auto; height: auto; font-size: 36px; line-height: 1; font-weight: 400; border-radius: 0; background: transparent; } .swiper-slider-4 .swiper-button-prev::before, .swiper-slider-4 .swiper-button-next::before { font-family: 'Linearicons'; } .swiper-slider-4 .swiper-button-prev::after, .swiper-slider-4 .swiper-button-next::after { display: inline-block; padding: 0 4px; font-size: 13px; text-transform: uppercase; transition: .3s ease; } .swiper-slider-4 .swiper-button-prev:hover::before, .swiper-slider-4 .swiper-button-next:hover::before { transform: scaleY(0.8); } .swiper-slider-4 .swiper-button-prev:hover::after, .swiper-slider-4 .swiper-button-next:hover::after { padding: 0; } .swiper-slider-4 .swiper-button-prev { left: 15px; } .swiper-slider-4 .swiper-button-prev::before { content: '\ec3b'; } .swiper-slider-4 .swiper-button-prev::after { content: 'prev'; } .swiper-slider-4 .swiper-button-next { right: 15px; flex-direction: row-reverse; } .swiper-slider-4 .swiper-button-next::before { content: '\ec3c'; } .swiper-slider-4 .swiper-button-next::after { content: 'next'; } .swiper-slider-4 .swiper-title { font-weight: 700; font-family: "Playfair Display", serif; display: inline-block; } .swiper-slider-4 .swiper-title-2 { font-weight: 300; letter-spacing: 0; text-transform: none; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .swiper-slider-4 .swiper-subtitle { font-weight: 300; letter-spacing: .05em; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .swiper-slider-4 * + .swiper-title { margin-top: 20px; } .swiper-slider-4 * + .swiper-title-2 { margin-top: 10px; } .swiper-slider-4 * + .swiper-button { margin-top: 30px; } @media (min-width: 768px) { .swiper-slider-4 .swiper-title { font-size: 50px; line-height: 1.2; } .swiper-slider-4 .swiper-title-2 { max-width: 440px; } } @media (min-width: 992px) { .swiper-slider-4 { min-height: 40.625vw; } .swiper-slider-4 .swiper-slide-caption { padding-left: 100px; padding-right: 100px; } .swiper-slider-4 .swiper-button-prev, .swiper-slider-4 .swiper-button-next { display: inline-flex; } .swiper-slider-4 .swiper-title { font-size: 60px; } .swiper-slider-4 * + .swiper-title { margin-top: 30px; } .swiper-slider-4 * + .swiper-title-2 { margin-top: 28px; } .swiper-slider-4 * + .swiper-button { margin-top: 40px; } } @media (min-width: 1200px) { .swiper-slider-4 .swiper-title { font-size: 67px; line-height: 80px; } } .swiper-slider-5 { overflow: visible; } .swiper-slider-5 .swiper-wrapper { position: absolute; height: 100%; top: 0; left: 0; } .swiper-slider-5 .swiper-content { position: relative; display: flex; align-items: center; width: inherit; min-height: inherit; z-index: 1; } @media (min-width: 992px) and (max-width: 1199.98px) { .rd-navbar-static-linked .swiper-slider-5 .swiper-content { padding-top: 160px; } } @media (min-width: 1200px) { .swiper-slider-5 .swiper-content { padding-top: 180px; padding-bottom: 0; } } @media (min-width: 1600px) { .swiper-slider-5 .swiper-content { padding-top: 230px; } } .swiper-slider-6 .swiper-wrapper { position: absolute; height: 100%; top: 0; left: 0; } .swiper-slider-6 .swiper-content { position: relative; display: flex; width: inherit; min-height: inherit; padding: 50px 0; z-index: 1; } .swiper-slider-6 .swiper-content::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.3); pointer-events: none; } @media (min-width: 992px) and (max-width: 1199.98px) { .rd-navbar-static-linked .swiper-slider-6 .swiper-content { padding: 90px 0 70px; } } @media (min-width: 1200px) { .swiper-slider-6 .swiper-content { padding: 130px 0 90px; } .swiper-slider-6 .swiper-content::before { display: none; } } .swiper-slider-6 .swiper-box { position: relative; max-width: 280px; padding: 0 15px 30px 0; color: #ffffff; z-index: 0; } .swiper-slider-6 .swiper-box::before { position: absolute; content: ''; right: 0; bottom: 0; height: 200%; width: 100vw; background: rgba(112, 132, 129, 0.3); pointer-events: none; z-index: -1; } .swiper-slider-6 .swiper-box .video-minimal { position: absolute; right: 0; bottom: 0; transform: translate(35%, 35%); } .swiper-slider-6 .swiper-title { font-size: 40px; line-height: 1.4; font-weight: 600; letter-spacing: .025em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); } .swiper-slider-6 .swiper-title span { position: relative; } .swiper-slider-6 .swiper-title span::before { position: absolute; content: ''; bottom: -7%; left: 0; width: 100%; height: 19%; background: rgba(255, 255, 255, 0.25); } .swiper-slider-6 .list-social { color: rgba(255, 255, 255, 0.4); } .swiper-slider-6 .list-social a:hover { color: #ffffff; } @media (max-width: 575.98px) { .swiper-slider-6 .list-social li { display: inline-block; vertical-align: middle; } .swiper-slider-6 .list-social li + li { margin-left: 30px; } } @media (min-width: 576px) { .swiper-slider-6 .swiper-box { max-width: 300px; } .swiper-slider-6 .swiper-title { font-size: 40px; } .swiper-slider-6 .list-social { position: absolute; top: 0; right: 0; } .swiper-slider-6 .list-social li + li { margin-top: 34px; } } @media (min-width: 768px) { .swiper-slider-6 .swiper-box { max-width: 380px; padding: 0 15px 40px 0; } .swiper-slider-6 .swiper-title { font-size: 50px; } } @media (min-width: 992px) { .swiper-slider-6 .swiper-box { max-width: 400px; padding: 20px 20px 50px 0; } .swiper-slider-6 .swiper-title { font-size: 60px; } .swiper-slider-6 .list-social { top: 40%; right: 15px; transform: translateY(-50%); } .swiper-slider-6 .contacts-creative { position: absolute; bottom: 0; right: 15px; } } @media (min-width: 1200px) { .swiper-slider-6 .swiper-box { max-width: 430px; padding-left: 15px; padding-right: 30px; } .swiper-slider-6 .swiper-box::before { background: #708481; } .swiper-slider-6 .swiper-title { font-size: 70px; } } @media (min-width: 1600px) { .swiper-slider-6 .swiper-box { max-width: 29.4%; padding: 20px 2% 70px 3.9%; } } .mobile .swiper-pagination-bullet, .tablet .swiper-pagination-bullet { position: relative; } .mobile .swiper-pagination-bullet::after, .tablet .swiper-pagination-bullet::after { position: absolute; content: ''; top: 50%; left: 50%; width: 30px; height: 30px; transform: translate3d(-50%, -50%, 0); opacity: 0; } .swiper-slider-1 { height: auto; min-height: 100vh; flex-direction: column-reverse; } @media (min-width: 992px) { .swiper-slider-1 { min-height: calc(100vh + 60px); } } .swiper-slider-1 .swiper-pagination { position: static; padding-bottom: 30px; } @media (min-width: 992px) { .swiper-slider-1 .swiper-pagination { display: inline-flex; width: auto; position: absolute; right: 7%; top: 50%; left: auto; bottom: auto; transform: translateY(-50%); flex-direction: column; } } .swiper-slider-1 .swiper-pagination-bullet { background: #baced0; } .swiper-slider-1.swiper-container-horizontal .swiper-pagination-bullet { position: relative; } @media (min-width: 992px) { .swiper-slider-1.swiper-container-horizontal .swiper-pagination-bullet { margin: 0; } } .swiper-slider-1.swiper-container-horizontal .swiper-pagination-bullet:before { content: ''; padding: 0; transition: padding .25s ease; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: none; border-radius: 50%; transition-delay: 100ms; } .swiper-slider-1.swiper-container-horizontal .swiper-pagination-bullet-active:before, .swiper-slider-1.swiper-container-horizontal .swiper-pagination-bullet:hover:before { content: ''; padding: 13px; transition: padding .25s ease; border: 2px solid #ff6252; } @media (min-width: 992px) { .swiper-slider-1.swiper-container-horizontal .swiper-pagination-bullet + .swiper-pagination-bullet { margin-top: 36px; } } .swiper-slider-1 .swiper-button-prev, .swiper-slider-1 .swiper-button-next { display: none; } /** @section Google Map */ .google-map-markers { display: none; } .google-map-container { width: 100%; } .google-map { height: 300px; width: 100%; } @media (min-width: 768px) { .google-map { height: 400px; } } @media (min-width: 992px) { .google-map { height: 570px; } } .google-map-style-1 { position: relative; z-index: 1; } .google-map-style-1 .google-map-container { margin-top: 50px; } @media (max-width: 575.98px) { .google-map-style-1 { padding-bottom: 0; } } @media (min-width: 576px) { .google-map-style-1 .google-map-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin-top: 0; z-index: -1; } .google-map-style-1 .google-map { height: 100%; } } /** @section Search Results */ .rd-search-results-live { position: absolute; left: 0; right: 0; top: 100%; max-height: 600px; overflow-y: auto; margin: -3px 0 0; text-align: left; z-index: 998; } .rd-search-results-live #search-results { position: relative; padding: 16px 0 0; color: #151515; background: #f5f5f5; opacity: 0; visibility: hidden; transform-origin: 50% 0; transform: scale(1, 0.9); transition: .3s all ease; } .rd-search-results-live #search-results::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: -1; border: 1px solid #d7d7d7; border-top: 0; } .rd-search-results-live #search-results.active { opacity: 1; visibility: visible; transform: scale(1, 1); } .rd-search-results-live .search-quick-result { padding-left: 15px; padding-right: 15px; font-family: "Playfair Display", serif; font-size: 14px; font-weight: 700; line-height: 30px; text-transform: uppercase; color: #151515; } .rd-search-results-live .search-list { margin-top: 11px; } .rd-search-results-live .search-list li:only-child { padding: 0 15px 15px; } .rd-search-results-live .search-link { color: #c8c8c8; } .rd-search-results-live .search-link:hover { color: #ff6252; } .rd-search-results-live .search-error { font-size: 14px; line-height: 1.6; } .rd-search-results-live .search-title { position: relative; font-family: "Playfair Display", serif; font-size: 14px; font-weight: 700; color: #151515; } .rd-search-results-live .search-title a:hover { color: #ff6252; } .rd-search-results-live .search-list-item-all { margin-top: 18px; width: 100%; } .rd-search-results-live .search-submit { position: relative; overflow: hidden; z-index: 0; display: block; padding: 8px; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; text-align: center; color: #ffffff; background: #ff6252; } .rd-search-results-live .search-submit:hover { color: #ffffff; background: #c8c8c8; } .rd-search-results-live .match { display: none; } .not-empty ~ .rd-search-results-live { visibility: visible; opacity: 1; } .rd-search-results-live p { font-size: 11px; } .rd-search-results-live p * { margin: 0; } .rd-search-results-live .search-list-item { padding: 0 15px; } .rd-search-results-live * + p { margin-top: 5px; } .rd-search-results-live .search-list-item + .search-list-item { margin-top: 17px; } .rd-search-results .search-list { counter-reset: li; text-align: left; padding-left: 0; font-size: 18px; list-style-type: none; overflow: hidden; } .rd-search-results .search-list li div { overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; } .rd-search-results .search-list li:only-child::before { display: none; } .rd-search-results .search-list-item { position: relative; padding-left: 40px; font-size: 16px; color: #9b9b9b; } .rd-search-results .search-list-item::before { content: counter(li, decimal-leading-zero) "."; counter-increment: li; position: absolute; left: 0; top: 0; font-size: 16px; line-height: 1.66667; font-weight: 300; color: #000000; } .rd-search-results .search-list-item + .search-list-item { margin-top: 40px; } .rd-search-results .search-title { font-size: 16px; color: #000000; } .rd-search-results .search { color: #ffffff; padding: 0 .25em; background: #ff6252; } .rd-search-results .match { padding: 5px; font-size: 12px; line-height: 1.7; letter-spacing: .1em; text-transform: uppercase; color: #000000; } .rd-search-results .match em { margin: 0; font-style: normal; } .rd-search-results p * { margin: 0; } .rd-search-results * + .match { margin-top: 10px; } @media (min-width: 768px) { .rd-search-results .search-title { font-size: 18px; } .rd-search-results .search-list-item::before { font-size: 18px; } .rd-search-results * + p { margin-top: 12px; } } @media (min-width: 992px) { .rd-search-results .search-list-item { padding-left: 40px; } } * + .rd-search-results { margin-top: 40px; } @media (min-width: 768px) { * + .rd-search-results { margin-top: 55px; } } .rd-search-classic { position: relative; } .rd-search-classic .form-input { padding-right: 50px; } .rd-search-classic .form-input, .rd-search-classic .form-label { letter-spacing: 0; } .rd-search-classic .rd-search-submit { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; padding-top: 3px; padding-right: 2px; margin: 0; text-align: center; color: #c8c8c8; font-size: 0; line-height: 0; } .rd-search-classic .rd-search-submit::-moz-focus-inner { border: none; padding: 0; } .rd-search-classic .rd-search-submit:before { position: relative; top: -1px; content: '\e014'; font: 400 20px 'fl-chapps'; line-height: 1; transition: .33s all ease; } .rd-search-classic .rd-search-submit:hover { color: #ff6252; } .rd-search.rd-search-inline { position: relative; } .rd-search.rd-search-inline .form-input { padding-right: 60px; } .rd-search.rd-search-inline .button-link { position: absolute; top: 50%; transform: translateY(-50%); width: 60px; right: 0; margin: 0; font-size: 21px; color: #c8c8c8; transition: .33s; } .rd-search.rd-search-inline .button-link::before { display: block; margin: auto; } .rd-search.rd-search-inline .button-link:hover { color: #ff6252; } .rd-search.rd-search-inline.form-sm .form-input { padding-right: 50px; } .rd-search.rd-search-inline.form-sm .button-link { width: 50px; font-size: 18px; } .rd-search.rd-search-inline.form-lg .form-input { padding-right: 70px; } .rd-search.rd-search-inline.form-lg .button-link { width: 70px; } .form-search .form-input, .form-search .form-label { padding-right: 60px; } .button-search { text-align: center; position: absolute; padding: 5px; top: 0; right: 0; bottom: 0; width: 60px; border: none; font-size: 22px; line-height: 1; transition: all .3s ease-in-out; cursor: pointer; } .button-search, .button-search:focus { color: #151515; background: transparent; } .button-search:hover, .button-search:active { color: #ff6252; } /** @section Isotope */ .isotope { z-index: 0; display: block; transition: .3s ease; } .isotope-sizer { height: 0; margin-top: -1px; margin-bottom: 0; } .isotope-item { display: block; will-change: transform; backface-visibility: hidden; transition: .1s opacity ease-in; } .isotope-filters { display: flex; flex-wrap: wrap; justify-content: center; } * + .isotope { margin-top: 28px; } /** @section Nav custom */ .tabs-custom { text-align: left; } .tabs-custom .nav-tabs { font-size: 0; line-height: 0; word-spacing: 0; border: 0; } .tabs-custom .nav-tabs:before, .tabs-custom .nav-tabs:after { display: none; } .tabs-custom .nav-item { float: none; border: 0; cursor: pointer; transition: .33s all ease; } .tabs-custom .nav-link { margin: 0; border-radius: 0; border: 0; } .tabs-custom .nav-link.active { cursor: default; border: 0; } .tab-content > .tab-pane { display: block; visibility: hidden; height: 0; overflow: hidden; } .tab-content > .active { visibility: visible; height: auto; overflow: visible; } * + .tabs-horizontal.tabs-corporate { margin-top: 25px; } * + .tabs-vertical.tabs-corporate { margin-top: 40px; } @media (min-width: 768px) { * + .tabs-vertical.tabs-corporate { margin-top: 60px; } } @media (min-width: 1200px) { * + .tabs-vertical.tabs-corporate { margin-top: 80px; } } .tabs-line .nav-tabs { position: relative; } .tabs-line .nav-link { text-transform: uppercase; font-size: 13px; font-weight: 500; line-height: 1.4; text-align: center; vertical-align: middle; } .tabs-line * + .tab-content { margin-top: 20px; } @media (max-width: 991.98px) { .tabs-line .nav-tabs { max-width: 100%; border: 1px solid #e5e7e9; } .tabs-line .nav-item { margin: -1px; } .tabs-line .nav-link { padding: 7px 10px; color: #808081; background: transparent; border-bottom: 1px solid #e5e7e9; } .tabs-line .nav-link:first-child { border-top: 1px solid #e5e7e9; } .tabs-line .nav-link:hover, .tabs-line .nav-link.active { color: #ffffff; background: #ff6252; border-color: #ff6252; } } .tabs-corporate .nav-tabs { position: relative; border: 1px solid #e5e7e9; } .tabs-corporate .nav-item { margin: -1px; } .tabs-corporate .nav-link { padding: 10px 10px; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 1.4; color: #808081; background: transparent; border-bottom: 1px solid #e5e7e9; text-align: center; vertical-align: middle; } .tabs-corporate .nav-link:first-child { border-top: 1px solid #e5e7e9; } .tabs-corporate .nav-link:hover, .tabs-corporate .nav-link.active { color: #ffffff; background: #ff6252; border-color: #ff6252; } .tabs-corporate .tab-content { padding: 30px 0 0; } @media (min-width: 768px) { .tabs-horizontal.tabs-corporate .nav-tabs { position: relative; width: 100%; display: block; transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -5px; margin-right: -5px; text-align: center; border: 0; will-change: transform; } .tabs-horizontal.tabs-corporate .nav-tabs > * { margin-top: 10px; padding-left: 5px; padding-right: 5px; } .tabs-horizontal.tabs-corporate .nav-item { display: inline-block; will-change: transform; } .tabs-horizontal.tabs-corporate .nav-link { display: block; position: relative; z-index: 1; min-width: 130px; letter-spacing: .1em; padding: 13px 20px; border: 2px solid #e5e7e9; } .tabs-horizontal.tabs-corporate .nav-link, .tabs-horizontal.tabs-corporate .nav-link::before { transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .tabs-horizontal.tabs-corporate .nav-link::before { content: ''; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); z-index: -1; opacity: 0; transform: scale3d(0.7, 1, 1); transition: transform 0.4s, opacity 0.4s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); background: #ff6252; } .tabs-horizontal.tabs-corporate .nav-link.active, .tabs-horizontal.tabs-corporate .nav-link:hover { color: #ffffff; border-color: #ff6252; background-color: transparent; } .tabs-horizontal.tabs-corporate .nav-link.active::before, .tabs-horizontal.tabs-corporate .nav-link:hover::before { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } .tabs-horizontal.tabs-line .nav-tabs { border: 0; border-bottom: 4px solid #d7d7d7; } .tabs-horizontal.tabs-line .nav-item { display: inline-block; } .tabs-horizontal.tabs-line .nav-item:not(:last-child) { margin-right: 52px; } .tabs-horizontal.tabs-line .nav-link { position: relative; padding: 0 0 15px 0; background-color: transparent; color: #9b9b9b; border: 0; } .tabs-horizontal.tabs-line .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; height: 4px; width: 0; background: #ff6252; transition: .22s ease; } .tabs-horizontal.tabs-line .nav-link.active, .tabs-horizontal.tabs-line .nav-link:hover { color: #c8c8c8; } .tabs-horizontal.tabs-line .nav-link.active::after { width: 100%; } .tabs-horizontal.tabs-line * + .tab-content { margin-top: 30px; } .tabs-vertical { display: flex; align-items: flex-start; } .tabs-vertical .nav-tabs { display: flex; flex-direction: column; align-items: stretch; flex-shrink: 0; max-width: 50%; } .tabs-vertical .nav-item { border: 0; width: 100%; text-align: left; } .tabs-vertical .nav-link.active, .tabs-vertical .nav-link:hover { box-shadow: 0 9px 21px 0 rgba(30, 30, 30, 0.13); } .tabs-vertical .tab-content { flex-grow: 1; } .tabs-vertical.tabs-corporate .nav-tabs { width: auto; min-width: 260px; border: 0; } .tabs-vertical.tabs-corporate .nav-item { margin: 0; } .tabs-vertical.tabs-corporate .nav-link { position: relative; padding: 17px 30px; border: 0; overflow: hidden; text-align: left; } .tabs-vertical.tabs-corporate .nav-item + .nav-item { margin-top: 2px; } .tabs-vertical.tabs-corporate .tab-content { padding: 0 0 0 30px; } } @media (min-width: 992px) { .tabs-horizontal.tabs-corporate .tab-content { padding: 60px 30px 0; } .tabs-vertical.tabs-corporate .tab-content { padding: 0 0 0 45px; } } .tabs-classic .nav-tabs { display: flex; align-items: stretch; justify-content: center; margin-bottom: -5px; margin-left: -10px; } .tabs-classic .nav-tabs:empty { margin-bottom: 0; margin-left: 0; } .tabs-classic .nav-tabs > * { margin-top: 0; margin-bottom: 5px; margin-left: 10px; } .tabs-classic .nav-item { border: 0; text-align: left; } .tabs-classic .nav-link { position: relative; padding: 5px 20px; font-size: 13px; line-height: 1.6; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(21, 21, 21, 0.5); border-radius: 50px; z-index: 1; transition: .3s all ease; } .tabs-classic .nav-link::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; opacity: 0; background-size: 200% auto; background-position: 0 50%; background: #ff6252; z-index: -1; } .tabs-classic .nav-link.active, .tabs-classic .nav-link:hover { color: #ffffff; background: transparent; } .tabs-classic .nav-link.active::before, .tabs-classic .nav-link:hover::before { opacity: 1; } .tabs-classic .nav-link.active::before { background-position-x: 100%; } .tabs-classic * + .tab-content { margin-top: 25px; } @media (min-width: 768px) { .tabs-classic .nav-link { padding: 8px 30px; font-size: 15px; } .tabs-classic * + .tab-content { margin-top: 35px; } } @media (min-width: 992px) { .tabs-classic-2 * + .tab-content { margin-top: 50px; } } @media (min-width: 1200px) { .tabs-classic-2 * + .tab-content { margin-top: 70px; } } .tabs-classic-3 .nav-link::before { background: #ff6252; } * + .tabs-classic { margin-top: 30px; } .tabs-classic + .table-custom-responsive { margin-top: 30px; } @media (min-width: 768px) { * + .tabs-classic { margin-top: 50px; } .tabs-classic + .table-custom-responsive { margin-top: 50px; } } @media (min-width: 992px) { * + .tabs-classic { margin-top: 60px; } .tabs-classic + .table-custom-responsive { margin-top: 60px; } } .context-dark .tabs-classic .nav-link, .bg-gray-700 .tabs-classic .nav-link, .bg-gray-800 .tabs-classic .nav-link, .bg-gray-5 .tabs-classic .nav-link, .bg-gray-13 .tabs-classic .nav-link, .bg-gray-14 .tabs-classic .nav-link, .bg-gray-17 .tabs-classic .nav-link, .bg-gray-19 .tabs-classic .nav-link, .bg-gray-21 .tabs-classic .nav-link, .bg-primary .tabs-classic .nav-link, .bg-secondary .tabs-classic .nav-link, .bg-gradient-1 .tabs-classic .nav-link { color: rgba(255, 255, 255, 0.55); } .context-dark .tabs-classic .nav-link.active, .bg-gray-700 .tabs-classic .nav-link.active, .bg-gray-800 .tabs-classic .nav-link.active, .bg-gray-5 .tabs-classic .nav-link.active, .bg-gray-13 .tabs-classic .nav-link.active, .bg-gray-14 .tabs-classic .nav-link.active, .bg-gray-17 .tabs-classic .nav-link.active, .bg-gray-19 .tabs-classic .nav-link.active, .bg-gray-21 .tabs-classic .nav-link.active, .bg-primary .tabs-classic .nav-link.active, .bg-secondary .tabs-classic .nav-link.active, .bg-gradient-1 .tabs-classic .nav-link.active, .context-dark .tabs-classic .nav-link:hover, .bg-gray-700 .tabs-classic .nav-link:hover, .bg-gray-800 .tabs-classic .nav-link:hover, .bg-gray-5 .tabs-classic .nav-link:hover, .bg-gray-13 .tabs-classic .nav-link:hover, .bg-gray-14 .tabs-classic .nav-link:hover, .bg-gray-17 .tabs-classic .nav-link:hover, .bg-gray-19 .tabs-classic .nav-link:hover, .bg-gray-21 .tabs-classic .nav-link:hover, .bg-primary .tabs-classic .nav-link:hover, .bg-secondary .tabs-classic .nav-link:hover, .bg-gradient-1 .tabs-classic .nav-link:hover { color: #ffffff; } .tabs-minimal .nav-tabs { display: flex; align-items: stretch; justify-content: center; margin-bottom: -10px; margin-left: -30px; } .tabs-minimal .nav-tabs:empty { margin-bottom: 0; margin-left: 0; } .tabs-minimal .nav-tabs > * { margin-top: 0; margin-bottom: 10px; margin-left: 30px; } .tabs-minimal .nav-item { border: 0; text-align: left; } .tabs-minimal .nav-link { position: relative; padding: 0; font-size: 13px; line-height: 1.6; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(21, 21, 21, 0.5); border-radius: 50px; z-index: 1; } .tabs-minimal .nav-link.active, .tabs-minimal .nav-link:hover { color: #ff6252; background: transparent; } .tabs-minimal .nav-link.active::before, .tabs-minimal .nav-link:hover::before { opacity: 1; } .tabs-minimal .nav-link.active::before { background-position-x: 100%; } .tabs-minimal * + .tab-content { margin-top: 20px; } @media (min-width: 768px) { .tabs-minimal .nav-tabs { margin-bottom: -10px; margin-left: -50px; } .tabs-minimal .nav-tabs > * { margin-bottom: 10px; margin-left: 50px; } .tabs-minimal .nav-link { font-size: 15px; } .tabs-minimal * + .tab-content { margin-top: 30px; } } .tabs-modern .nav-tabs-wrap { padding: 10px; border: 1px solid #f2f8ff; } .tabs-modern .nav-tabs { display: flex; align-items: stretch; justify-content: center; margin-bottom: -5px; margin-left: -30px; } .tabs-modern .nav-tabs:empty { margin-bottom: 0; margin-left: 0; } .tabs-modern .nav-tabs > * { margin-top: 0; margin-bottom: 5px; margin-left: 30px; } .tabs-modern .nav-item { border: 0; text-align: left; } .tabs-modern .nav-link { position: relative; padding: 0; font-size: 13px; line-height: 1.6; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(21, 21, 21, 0.5); border-radius: 50px; z-index: 1; } .tabs-modern .nav-link.active, .tabs-modern .nav-link:hover { color: #ff6252; background: transparent; } .tabs-modern .nav-link.active::before, .tabs-modern .nav-link:hover::before { opacity: 1; } .tabs-modern .nav-link.active::before { background-position-x: 100%; } .tabs-modern * + .tab-content { margin-top: 20px; } @media (min-width: 768px) { .tabs-modern .nav-tabs-wrap { padding: 20px; } .tabs-modern .nav-tabs { margin-bottom: -10px; margin-left: -50px; } .tabs-modern .nav-tabs > * { margin-bottom: 10px; margin-left: 50px; } .tabs-modern .nav-link { font-size: 15px; } .tabs-modern * + .tab-content { margin-top: 30px; } } @media (min-width: 992px) { .tabs-modern .nav-tabs-wrap { padding: 27px 40px; } .tabs-modern .nav-tabs { margin-bottom: -10px; margin-left: -70px; } .tabs-modern .nav-tabs > * { margin-bottom: 10px; margin-left: 70px; } .tabs-modern * + .tab-content { margin-top: 40px; } } @media (min-width: 1200px) { .tabs-modern .nav-tabs { margin-bottom: -10px; margin-left: -100px; } .tabs-modern .nav-tabs > * { margin-bottom: 10px; margin-left: 100px; } } * + .tabs-modern { margin-top: 30px; } @media (min-width: 768px) { * + .tabs-modern { margin-top: 40px; } } .tabs-style-1 { position: relative; padding-bottom: 0; z-index: 0; } .tabs-style-1 .tabs-custom { position: relative; } .tabs-style-1 .tabs-bg-1 { position: absolute; top: 0; left: 19%; bottom: 0; width: 100vw; z-index: -1; } .tabs-style-1 .tabs-bg-2 { position: absolute; top: 0; right: 30%; bottom: 0; width: 100vw; z-index: -1; } @media (min-width: 992px) { .tabs-style-1 .tabs-bg-2 { right: 25%; } } @media (min-width: 992px) { .tabs-style-1 .tabs-bg-2 { right: 18.5%; } } @media (min-width: 1600px) { .tabs-style-1 .tabs-bg-2 { right: 16.5%; } } .tabs-style-1 .nav-tabs { position: absolute; display: block; text-align: center; padding: 0 15px; right: 0; min-width: 30%; } @media (min-width: 576px) { .tabs-style-1 .nav-tabs { padding: 0; min-width: 12%; } } .tabs-style-1 .nav-item + .nav-item { margin-top: 60px; } @media (min-width: 576px) { .tabs-style-1 .nav-item + .nav-item { margin-top: 80px; } } .tabs-style-1 .nav-link { padding: 0; font-size: 14px; line-height: 1.2; font-weight: 400; letter-spacing: .025em; color: rgba(255, 255, 255, 0.5); font-family: "Playfair Display", serif; } .tabs-style-1 .nav-link::after { display: none; content: ''; height: 0; width: 40px; margin-left: 10px; border-top: 2px solid; transform: translateX(100%); transition: all .3s ease; } @media (min-width: 576px) { .tabs-style-1 .nav-link { display: flex; align-items: center; justify-content: space-between; font-size: 16px; } .tabs-style-1 .nav-link::after { display: inline-block; } } @media (min-width: 768px) { .tabs-style-1 .nav-link { font-size: 20px; } } @media (min-width: 1200px) { .tabs-style-1 .nav-link { font-size: 24px; } .tabs-style-1 .nav-link::after { width: 77px; } } .tabs-style-1 .nav-link.active, .tabs-style-1 .nav-link:hover { color: #ffffff; background: transparent; } .tabs-style-1 .nav-link.active::after { transform: none; } .tabs-style-1 .tabs-custom { padding: 50px 30% 50px 0; } .tabs-style-1 .tabs-custom > .container { margin-right: 0; margin-left: auto; } @media (min-width: 768px) { .tabs-style-1 .tabs-custom { padding: 80px 25% 80px 0; } } @media (min-width: 992px) { .tabs-style-1 .tabs-custom { padding: 90px 18.5% 90px 0; } } @media (min-width: 1200px) { .tabs-style-1 .tabs-custom { padding-bottom: 140px; } } @media (min-width: 1600px) { .tabs-style-1 .tabs-custom { padding-bottom: 190px; } } @media (min-width: 2000px) { .tabs-style-1 .tabs-custom { padding-left: 18.5%; } .tabs-style-1 .tabs-custom > .container { margin-right: auto; } } .tabs-style-1 * + .row { margin-top: 0; } .tabs-style-2 .nav-tabs { flex-wrap: nowrap; margin-left: -20px; } .tabs-style-2 .nav-tabs > * { margin-left: 20px; } @media (min-width: 768px) { .tabs-style-2 .nav-tabs { position: relative; min-height: 315px; } } @media (min-width: 992px) { .tabs-style-2 .nav-tabs { margin-left: 40px; } } @media (min-width: 1200px) { .tabs-style-2 .nav-tabs { margin-left: 80px; } } @media (min-width: 768px) { .tabs-style-2 .nav-item { position: absolute; width: 22.9%; } .tabs-style-2 .nav-item:nth-child(1) { top: 12%; left: 0; } .tabs-style-2 .nav-item:nth-child(2) { top: 14%; left: 75%; } .tabs-style-2 .nav-item:nth-child(3) { top: 38%; left: 37%; } .tabs-style-2 .nav-item:nth-child(4) { top: 77%; left: 11%; } .tabs-style-2 .nav-item:nth-child(5) { top: 66%; left: 66%; } } @media (min-width: 1400px) { .tabs-style-2 .nav-item:nth-child(2) { left: 81%; } } .tabs-style-2 .nav-link { position: relative; display: block; overflow: hidden; padding: 0; border-radius: 50%; opacity: .55; transition: .2s ease; } .tabs-style-2 .nav-link:hover { opacity: 1; } .tabs-style-2 .nav-link.active { box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.23); opacity: 1; } @media (min-width: 768px) { .tabs-style-2 .nav-link.active { transform: scale(1.47); } } .tabs-style-2 .nav-link img { width: 100%; border-radius: inherit; } .tabs-style-2 * + .tab-content { margin-top: 30px; } @media (min-width: 768px) { .tabs-style-2 * + .tab-content { margin-top: 40px; } } .mac-os .tabs-style-2 img { will-change: transform; } .tabs-trigger > div:not(.active) { display: none; } /** @section Panel custom */ .card-group-custom { margin-bottom: 0; } .card-group-custom .card-header + .collapse > .card-body, .card-group-custom .card-header + .collapse > .list-group { border-top: 0; } .card-group-custom .card + .card { margin-top: 0; } .card-group-custom.card-group-corporate .card + .card { margin-top: 30px; } .card-group-minimal .card-minimal + .card-minimal { margin-top: 0; } .card-custom { display: block; margin: 0; background: inherit; border: 0; border-radius: 0; box-shadow: none; text-align: left; } .card-custom a { display: block; } .card-custom .card-header { padding: 0; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .card-custom .card-body { padding: 0; border: 0; } .card-custom .card-title { margin-bottom: 0; } * + .card-group-custom { margin-top: 35px; } @media (min-width: 768px) { * + .card-group-custom { margin-top: 50px; } } .card-corporate { text-align: left; box-shadow: -1px 2px 5px 0px rgba(68, 73, 83, 0.12); } .card-corporate .card-title a, .card-corporate .card-body { background: #ffffff; } .card-corporate .card-title a { position: relative; z-index: 1; padding: 21px 82px 21px 32px; font-weight: 700; font-size: 16px; line-height: 1.25; letter-spacing: 0; color: #151515; transition: 1.3s all ease; border-radius: 6px 6px 0 0; border-bottom: 1px solid #dedede; } .card-corporate .card-title a .card-arrow:after { opacity: 0; visibility: hidden; } .card-corporate .card-title a.collapsed { border-radius: 6px; border-bottom-width: 0; } .card-corporate .card-title a.collapsed .card-arrow { border-radius: 0 6px 6px 0; } .card-corporate .card-title a.collapsed .card-arrow:after { opacity: 1; visibility: visible; } .card-corporate .card-arrow { position: absolute; top: 0; bottom: -1px; right: -1px; z-index: 2; width: 70px; background: #ff6252; border-radius: 0 6px 0 0; transition: .33s all ease; } .card-corporate .card-arrow::before, .card-corporate .card-arrow::after { content: ''; position: absolute; top: 50%; z-index: 4; transform: translateY(-50%); background: #ffffff; } .card-corporate .card-arrow::before { width: 14px; height: 2px; right: 28px; } .card-corporate .card-arrow::after { width: 2px; height: 14px; right: 34px; } .card-corporate .collapse { position: relative; z-index: 1; color: #808081; border-radius: 0 0 6px 6px; } .card-corporate .card-body { padding: 25px 44px 25px 32px; } @media (max-width: 991.98px) { .card-corporate .card-title a, .card-corporate .card-body { padding-left: 25px; } } @media (min-width: 768px) { .card-corporate .card-title a { font-size: 18px; } } .card-minimal { text-align: left; border-bottom: 1px solid #e7eff6; } .card-minimal .card-title a, .card-minimal .card-body { background: #ffffff; } .card-minimal .card-title a { position: relative; padding: 15px 40px 15px 0; font-size: 16px; line-height: 1.66667; font-weight: 500; letter-spacing: .025em; color: #151515; border-bottom: 1px solid #e7eff6; transition: all .3s ease-in-out; z-index: 1; } .card-minimal .card-title a:hover { color: #ff6252; } .card-minimal .card-title a:hover .card-arrow { color: inherit; } .card-minimal .card-title a .card-arrow:before { opacity: 0; } .card-minimal .card-title a.collapsed { border-color: transparent; } .card-minimal .card-title a.collapsed .card-arrow::before, .card-minimal .card-title a.collapsed .card-arrow::after { transform: translate3d(-50%, -50%, 0); } .card-minimal .card-title a.collapsed .card-arrow::before { opacity: 1; } .card-minimal .card-arrow { position: absolute; top: 0; right: 0; bottom: 0; width: 30px; color: #151515; z-index: 2; } .card-minimal .card-arrow::before, .card-minimal .card-arrow::after { position: absolute; display: inline-block; content: ''; top: 50%; left: 50%; border-top: 2px solid; transform: translate3d(-50%, -50%, 0) rotate(90deg); transition: opacity .3s ease, transform .3s ease; } .card-minimal .card-arrow::before { height: 0; width: 18px; border-top: 2px solid; } .card-minimal .card-arrow::after { height: 18px; width: 0; border-left: 2px solid; } .card-minimal .collapse { position: relative; z-index: 1; } .card-minimal .card-body { padding: 20px 0; } @media (min-width: 768px) { .card-minimal .card-title a { font-size: 18px; } .card-minimal .card-body { padding: 30px 0; } } @media (min-width: 992px) { .card-minimal .card-title a { padding: 25px 40px 25px 0; font-size: 20px; } .card-minimal .card-body { padding: 40px 0; } } @media (min-width: 1200px) { .card-minimal .card-title a { font-size: 24px; } } .card-style-1 .card-body { padding-top: 16px; } .card-style-1 .owl-carousel.owl-hidden { opacity: 1; } .card-style-1 .owl-carousel .owl-dots { margin-top: 20px; } .card-style-1 + .card-style-1 { margin-top: 20px; } /** @section Tooltop Custom */ .tooltip { font-size: 16px; line-height: 1.25; font-weight: 400; letter-spacing: .025em; } .tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: #151515; } .tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: #151515; } .tooltip-inner { border-radius: 0; } /** @section Counter */ .counter-main > * { display: inline; vertical-align: top; } .counter-number { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 300; letter-spacing: .025em; color: rgba(21, 21, 21, 0.6); } .counter-postfix { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; margin-left: 10px; text-transform: uppercase; background: #ff6252; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } * + .counter-text { margin-top: 10px; } @media (min-width: 768px) { .counter-postfix { line-height: 1.7; } * + .counter-text { margin-top: 16px; } } @media (min-width: 1200px) { .counter-postfix { font-size: 36px; line-height: 2; } } @media (min-width: 1600px) { .counter-number { font-size: 90px; } } .ie-10 .counter-postfix, .ie-11 .counter-postfix, .ie-edge .counter-postfix { color: #ff6252; background: none; } .counter-classic-wrap .counter-classic:nth-child(odd)::before { position: absolute; content: ''; top: 0; bottom: 0; left: -36%; width: 150vw; background-image: linear-gradient(90deg, #3d3d3d 0%, #2f2f2f 40%); z-index: -1; } .counter-classic { position: relative; padding: 30px 0; z-index: 0; } .counter-classic-main { min-width: 90px; padding-right: 20px; border-right: 1px solid #dddddd; } .counter-classic-main > * { display: inline; vertical-align: top; } .counter-classic-number { font-weight: 300; letter-spacing: .025em; } .counter-classic-postfix { margin-left: 4px; color: #ff6252; text-transform: uppercase; } .counter-classic-icon { text-align: center; width: 50px; height: 50px; font-size: 30px; line-height: 46px; border: 2px solid; border-radius: 50%; color: #ffffff; } * + .counter-classic-text { margin-top: 10px; } @media (min-width: 576px) { .counter-classic-main { min-width: 100px; } } @media (min-width: 768px) { .counter-classic-wrap { display: flex; flex-direction: column; } .counter-classic { display: flex; align-items: center; flex-grow: 1; } .counter-classic-main { min-width: 130px; } .counter-classic-postfix { margin-left: 10px; line-height: 1.7; } * + .counter-classic-text { margin-top: 20px; } } @media (min-width: 992px) { .counter-classic-main { min-width: 145px; } .counter-classic-icon { width: 66px; height: 66px; font-size: 36px; line-height: 62px; } } @media (min-width: 1200px) { .counter-classic-main { min-width: 170px; } .counter-classic-postfix { line-height: 2; } } @media (min-width: 1600px) { .counter-classic-number { font-size: 115px; } } .context-dark .counter-classic-postfix, .bg-gray-700 .counter-classic-postfix, .bg-gray-800 .counter-classic-postfix, .bg-gray-5 .counter-classic-postfix, .bg-gray-13 .counter-classic-postfix, .bg-gray-14 .counter-classic-postfix, .bg-gray-17 .counter-classic-postfix, .bg-gray-19 .counter-classic-postfix, .bg-gray-21 .counter-classic-postfix, .bg-primary .counter-classic-postfix, .bg-secondary .counter-classic-postfix, .bg-gradient-1 .counter-classic-postfix { color: #ff6252; } .context-dark .counter-classic-main, .bg-gray-700 .counter-classic-main, .bg-gray-800 .counter-classic-main, .bg-gray-5 .counter-classic-main, .bg-gray-13 .counter-classic-main, .bg-gray-14 .counter-classic-main, .bg-gray-17 .counter-classic-main, .bg-gray-19 .counter-classic-main, .bg-gray-21 .counter-classic-main, .bg-primary .counter-classic-main, .bg-secondary .counter-classic-main, .bg-gradient-1 .counter-classic-main { border-right-color: rgba(255, 255, 255, 0.36); } .counter-minimal { text-align: left; } .counter-minimal-main > * { display: inline; vertical-align: baseline; } .counter-minimal-number { font-weight: 100; letter-spacing: 0; } .counter-minimal-postfix { font-weight: 300; letter-spacing: 0; text-transform: uppercase; } .counter-minimal-title { font-size: 15px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: rgba(21, 21, 21, 0.7); } .counter-minimal-wrap { display: flex; flex-wrap: wrap; margin-bottom: -10px; margin-left: -30px; } .counter-minimal-wrap:empty { margin-bottom: 0; margin-left: 0; } .counter-minimal-wrap > * { margin-top: 0; margin-bottom: 10px; margin-left: 30px; } * + .counter-minimal-wrap { margin-top: 30px; } * + .counter-minimal-title { margin-top: 6px; } @media (min-width: 992px) { * + .counter-minimal-wrap { margin-top: 44px; } } @media (min-width: 1200px) { .counter-minimal-number { font-size: 60px; } } .counter-nikki { text-align: center; } .counter-nikki-main > * { display: inline; vertical-align: baseline; } .counter-nikki-number { font-weight: 100; letter-spacing: 0; color: #ff6252; } .counter-nikki-postfix { font-weight: 300; letter-spacing: 0; text-transform: uppercase; } .counter-nikki-title { font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: rgba(21, 21, 21, 0.6); } .counter-nikki-wrap { display: flex; align-items: center; justify-content: center; } .counter-nikki-wrap .counter-nikki { padding: 20px 15px; } * + .counter-nikki-title { margin-top: 6px; } @media (min-width: 1200px) { .counter-nikki-number { font-size: 100px; } } /** @section Progress Bars */ .progress-linear { position: relative; text-align: left; } .progress-linear-secondary .progress-linear-bar { background: #ffde6c; } .progress-linear-blue .progress-linear-bar { background: #6693d0; } .progress-linear-header { display: flex; align-items: center; justify-content: space-between; margin-left: -20px; font-size: 13px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #151515; } .progress-linear-header > * { margin-left: 20px; } .progress-linear-counter::after { content: "%"; } .progress-linear-body { height: 5px; background: #dddddd; } .progress-linear-bar { position: relative; width: 0; height: inherit; background: #ff6252; transition: 1s all ease-in-out; } .progress-linear-bar::after { position: absolute; content: ''; top: 50%; right: 0; width: 14px; height: 14px; border-radius: 50%; background: inherit; transform: translate3d(50%, -50%, 0); } * + .progress-linear-body { margin-top: 6px; } .progress-linear + .progress-linear { margin-top: 20px; } @media (min-width: 576px) { .progress-linear-header { font-size: 15px; } } @media (min-width: 992px) { * + .progress-linear-body { margin-top: 12px; } .progress-linear + .progress-linear { margin-top: 34px; } } /** @section Progress Circle */ .progress-circle { display: inline-block; text-align: center; line-height: 1.2; } .progress-circle-block { position: relative; } .progress-circle-bg { fill: transparent; stroke: #f5f5f5; stroke-width: 10px; } .progress-circle-fg { fill: transparent; stroke: #ff6252; stroke-width: 10px; } .progress-circle-counter { position: absolute; top: 50%; left: 51%; font-size: 36px; line-height: 36px; transform: translate(-50%, -50%); color: #9b9b9b; } .progress-circle-counter::after { content: "%"; } .progress-circle-title { font-size: 14px; letter-spacing: .05em; text-transform: uppercase; } * + .progress-bar-circle-title { margin-top: 12px; } /** @section Countdown */ .countdown { display: inline-flex; justify-content: center; text-align: center; max-width: 670px; margin-left: -5px; margin-right: -5px; } .countdown-block { position: relative; padding: 0 5px; } .countdown-body { position: relative; } .countdown-block-seconds { display: none; } .countdown-wrap { display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .countdown-circle { fill: transparent; max-width: 100%; height: auto; width: auto; } .countdown-circle-bg { stroke: #dddddd; stroke-width: 2px; } .countdown-circle-fg { stroke-width: 4px; } .countdown-counter { line-height: 1; font-weight: 500; color: #151515; letter-spacing: .05em; } .countdown-title { letter-spacing: .1em; color: rgba(21, 21, 21, 0.5); } * + .countdown { margin-top: 30px; } .countdown + * { margin-top: 30px; } * + .countdown-title { margin-top: 10px; } @media (min-width: 576px) { .countdown-block-seconds { display: block; } } @media (min-width: 768px) { .countdown { margin-left: -10px; margin-right: -10px; } .countdown-block { padding: 0 10px; } } @media (min-width: 992px) { * + .countdown { margin-top: 50px; } .countdown + * { margin-top: 50px; } } @media (min-width: 1200px) { * + .countdown { margin-top: 65px; } .countdown + * { margin-top: 65px; } } .context-dark .countdown-counter, .bg-gray-700 .countdown-counter, .bg-gray-800 .countdown-counter, .bg-gray-5 .countdown-counter, .bg-gray-13 .countdown-counter, .bg-gray-14 .countdown-counter, .bg-gray-17 .countdown-counter, .bg-gray-19 .countdown-counter, .bg-gray-21 .countdown-counter, .bg-primary .countdown-counter, .bg-secondary .countdown-counter, .bg-gradient-1 .countdown-counter { color: #ffffff; } .context-dark .countdown-title, .bg-gray-700 .countdown-title, .bg-gray-800 .countdown-title, .bg-gray-5 .countdown-title, .bg-gray-13 .countdown-title, .bg-gray-14 .countdown-title, .bg-gray-17 .countdown-title, .bg-gray-19 .countdown-title, .bg-gray-21 .countdown-title, .bg-primary .countdown-title, .bg-secondary .countdown-title, .bg-gradient-1 .countdown-title { color: rgba(255, 255, 255, 0.5); } .context-dark .countdown-circle-bg, .bg-gray-700 .countdown-circle-bg, .bg-gray-800 .countdown-circle-bg, .bg-gray-5 .countdown-circle-bg, .bg-gray-13 .countdown-circle-bg, .bg-gray-14 .countdown-circle-bg, .bg-gray-17 .countdown-circle-bg, .bg-gray-19 .countdown-circle-bg, .bg-gray-21 .countdown-circle-bg, .bg-primary .countdown-circle-bg, .bg-secondary .countdown-circle-bg, .bg-gradient-1 .countdown-circle-bg { stroke: rgba(255, 255, 255, 0.5); } .countdown-style-1 { text-align: center; line-height: 1.2; font-weight: 400; letter-spacing: .075em; text-transform: uppercase; font-family: "Playfair Display", serif; color: #151515; } .countdown-style-1 .countdown-row { display: flex; justify-content: center; } .countdown-style-1 .countdown-section { min-width: 15%; padding: 0 20px; } .countdown-style-1 .countdown-section > * { display: block; } .countdown-style-1 .countdown-amount { font-weight: 300; font-size: -4px; } .countdown-style-1 .countdown-period { font-size: 12px; } @media (min-width: 576px) { .countdown-style-1 .countdown-amount { font-size: 6px; } } @media (min-width: 768px) { .countdown-style-1 .countdown-amount { font-size: 26px; } .countdown-style-1 .countdown-period { font-size: 14px; } } @media (min-width: 992px) { .countdown-style-1 .countdown-amount { font-size: 46px; } .countdown-style-1 .countdown-period { font-size: 16px; } } @media (min-width: 1200px) { .countdown-style-1 .countdown-amount { font-size: 67px; } .countdown-style-1 .countdown-period { font-size: 18px; } } .ie-10 .countdown-circle, .ie-11 .countdown-circle, .ie-edge .countdown-circle { height: 147px; width: 147px; } /** @section Owl Carousel */ .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); transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { backface-visibility: hidden; transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; 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, .owl-carousel .owl-dots { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-prev, .owl-carousel .owl-next, .owl-carousel .owl-dot { cursor: pointer; user-select: none; background: none; color: inherit; border: none; padding: 0; 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 { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .owl-nav { pointer-events: none; } .owl-carousel .owl-prev, .owl-carousel .owl-next { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; font-size: 36px; line-height: 1; color: #151515; background: transparent; transform: translateY(-50%); transition: .25s ease-in-out; pointer-events: auto; cursor: pointer; } .owl-carousel .owl-prev::before, .owl-carousel .owl-prev::after, .owl-carousel .owl-next::before, .owl-carousel .owl-next::after { display: block; font-family: "Material Design Icons"; } .owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover { text-decoration: none; color: #ff6252; background: transparent; } .owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled { opacity: .5; cursor: default; color: #151515; } .owl-carousel .owl-prev { left: 0; } .owl-carousel .owl-prev::before { content: '\f14a'; } .owl-carousel .owl-next { right: 0; } .owl-carousel .owl-next::before { content: '\f14f'; } .owl-carousel .owl-dots { text-align: center; font-size: 0; line-height: 0; margin-top: 30px; } @media (min-width: 768px) { .owl-carousel .owl-dots { margin-top: 40px; } } @media (min-width: 992px) { .owl-carousel .owl-dots { margin-top: 50px; } } @media (min-width: 1200px) { .owl-carousel .owl-dots { margin-top: 60px; } } .owl-carousel .owl-dot { display: inline-block; margin: 0 12px; zoom: 1; } .owl-carousel .owl-dot span { width: 10px; height: 10px; background: #b7b7b7; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 50%; } .owl-carousel .owl-dot.active span, .owl-carousel .owl-dot:hover span { background: #ff6252; } @media (min-width: 576px) { .owl-carousel .owl-dot { margin: 0 18px; } } .owl-nav-1 .owl-prev, .owl-nav-1 .owl-next { width: 58px; height: 58px; border: 2px solid; border-radius: 50%; } .owl-nav-1 .owl-prev::before { content: '\f237'; } .owl-nav-1 .owl-next::before { content: '\f238'; } .owl-nav-2 .owl-prev, .owl-nav-2 .owl-next { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; font-size: 30px; line-height: 1; color: #151515; background: transparent; border: 2px solid; border-radius: 50%; transition: .3s ease-in-out; cursor: pointer; } .owl-nav-2 .owl-prev:hover, .owl-nav-2 .owl-next:hover { text-decoration: none; color: #ff6252; background: transparent; } .owl-nav-2 .owl-prev.disabled, .owl-nav-2 .owl-next.disabled { opacity: .5; cursor: default; color: #151515; } .owl-nav-2 .owl-prev::before, .owl-nav-2 .owl-next::before { font-family: "Material Design Icons"; } .owl-nav-2 .owl-prev { margin-right: 28px; } .owl-nav-2 .owl-prev::before { content: '\f237'; } .owl-nav-2 .owl-next::before { content: '\f238'; } .context-dark .owl-nav-2 .owl-prev, .bg-gray-700 .owl-nav-2 .owl-prev, .bg-gray-800 .owl-nav-2 .owl-prev, .bg-gray-5 .owl-nav-2 .owl-prev, .bg-gray-13 .owl-nav-2 .owl-prev, .bg-gray-14 .owl-nav-2 .owl-prev, .bg-gray-17 .owl-nav-2 .owl-prev, .bg-gray-19 .owl-nav-2 .owl-prev, .bg-gray-21 .owl-nav-2 .owl-prev, .bg-primary .owl-nav-2 .owl-prev, .bg-secondary .owl-nav-2 .owl-prev, .bg-gradient-1 .owl-nav-2 .owl-prev, .context-dark .owl-nav-2 .owl-prev.disabled, .bg-gray-700 .owl-nav-2 .owl-prev.disabled, .bg-gray-800 .owl-nav-2 .owl-prev.disabled, .bg-gray-5 .owl-nav-2 .owl-prev.disabled, .bg-gray-13 .owl-nav-2 .owl-prev.disabled, .bg-gray-14 .owl-nav-2 .owl-prev.disabled, .bg-gray-17 .owl-nav-2 .owl-prev.disabled, .bg-gray-19 .owl-nav-2 .owl-prev.disabled, .bg-gray-21 .owl-nav-2 .owl-prev.disabled, .bg-primary .owl-nav-2 .owl-prev.disabled, .bg-secondary .owl-nav-2 .owl-prev.disabled, .bg-gradient-1 .owl-nav-2 .owl-prev.disabled, .context-dark .owl-nav-2 .owl-next, .bg-gray-700 .owl-nav-2 .owl-next, .bg-gray-800 .owl-nav-2 .owl-next, .bg-gray-5 .owl-nav-2 .owl-next, .bg-gray-13 .owl-nav-2 .owl-next, .bg-gray-14 .owl-nav-2 .owl-next, .bg-gray-17 .owl-nav-2 .owl-next, .bg-gray-19 .owl-nav-2 .owl-next, .bg-gray-21 .owl-nav-2 .owl-next, .bg-primary .owl-nav-2 .owl-next, .bg-secondary .owl-nav-2 .owl-next, .bg-gradient-1 .owl-nav-2 .owl-next, .context-dark .owl-nav-2 .owl-next.disabled, .bg-gray-700 .owl-nav-2 .owl-next.disabled, .bg-gray-800 .owl-nav-2 .owl-next.disabled, .bg-gray-5 .owl-nav-2 .owl-next.disabled, .bg-gray-13 .owl-nav-2 .owl-next.disabled, .bg-gray-14 .owl-nav-2 .owl-next.disabled, .bg-gray-17 .owl-nav-2 .owl-next.disabled, .bg-gray-19 .owl-nav-2 .owl-next.disabled, .bg-gray-21 .owl-nav-2 .owl-next.disabled, .bg-primary .owl-nav-2 .owl-next.disabled, .bg-secondary .owl-nav-2 .owl-next.disabled, .bg-gradient-1 .owl-nav-2 .owl-next.disabled { color: rgba(255, 255, 255, 0.4); } .context-dark .owl-nav-2 .owl-prev:hover, .bg-gray-700 .owl-nav-2 .owl-prev:hover, .bg-gray-800 .owl-nav-2 .owl-prev:hover, .bg-gray-5 .owl-nav-2 .owl-prev:hover, .bg-gray-13 .owl-nav-2 .owl-prev:hover, .bg-gray-14 .owl-nav-2 .owl-prev:hover, .bg-gray-17 .owl-nav-2 .owl-prev:hover, .bg-gray-19 .owl-nav-2 .owl-prev:hover, .bg-gray-21 .owl-nav-2 .owl-prev:hover, .bg-primary .owl-nav-2 .owl-prev:hover, .bg-secondary .owl-nav-2 .owl-prev:hover, .bg-gradient-1 .owl-nav-2 .owl-prev:hover, .context-dark .owl-nav-2 .owl-next:hover, .bg-gray-700 .owl-nav-2 .owl-next:hover, .bg-gray-800 .owl-nav-2 .owl-next:hover, .bg-gray-5 .owl-nav-2 .owl-next:hover, .bg-gray-13 .owl-nav-2 .owl-next:hover, .bg-gray-14 .owl-nav-2 .owl-next:hover, .bg-gray-17 .owl-nav-2 .owl-next:hover, .bg-gray-19 .owl-nav-2 .owl-next:hover, .bg-gray-21 .owl-nav-2 .owl-next:hover, .bg-primary .owl-nav-2 .owl-next:hover, .bg-secondary .owl-nav-2 .owl-next:hover, .bg-gradient-1 .owl-nav-2 .owl-next:hover { color: #ffffff; } .owl-nav-3 .owl-prev, .owl-nav-3 .owl-next { width: 50px; height: 50px; } .owl-nav-3 .owl-prev { margin-right: 20px; } .owl-dots-1 .owl-dot { margin: 0 10px; } .owl-dots-1 .owl-dot span { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 2px solid #151515; background: transparent; } .owl-dots-1 .owl-dot span::before { display: inline-block; content: ''; width: 6px; height: 6px; background: #151515; border-radius: inherit; opacity: 0; transition: .2s ease-in-out; } .owl-dots-1 .owl-dot:hover span, .owl-dots-1 .owl-dot.active span { background: transparent; } .owl-dots-1 .owl-dot:hover span::before, .owl-dots-1 .owl-dot.active span::before { opacity: 1; } @media (min-width: 576px) { .owl-dots-1 .owl-dot { margin: 0 15px; } } .context-dark .owl-dots-1 .owl-dot span, .bg-gray-700 .owl-dots-1 .owl-dot span, .bg-gray-800 .owl-dots-1 .owl-dot span, .bg-gray-5 .owl-dots-1 .owl-dot span, .bg-gray-13 .owl-dots-1 .owl-dot span, .bg-gray-14 .owl-dots-1 .owl-dot span, .bg-gray-17 .owl-dots-1 .owl-dot span, .bg-gray-19 .owl-dots-1 .owl-dot span, .bg-gray-21 .owl-dots-1 .owl-dot span, .bg-primary .owl-dots-1 .owl-dot span, .bg-secondary .owl-dots-1 .owl-dot span, .bg-gradient-1 .owl-dots-1 .owl-dot span { border-color: #ffffff; } .context-dark .owl-dots-1 .owl-dot span::before, .bg-gray-700 .owl-dots-1 .owl-dot span::before, .bg-gray-800 .owl-dots-1 .owl-dot span::before, .bg-gray-5 .owl-dots-1 .owl-dot span::before, .bg-gray-13 .owl-dots-1 .owl-dot span::before, .bg-gray-14 .owl-dots-1 .owl-dot span::before, .bg-gray-17 .owl-dots-1 .owl-dot span::before, .bg-gray-19 .owl-dots-1 .owl-dot span::before, .bg-gray-21 .owl-dots-1 .owl-dot span::before, .bg-primary .owl-dots-1 .owl-dot span::before, .bg-secondary .owl-dots-1 .owl-dot span::before, .bg-gradient-1 .owl-dots-1 .owl-dot span::before { background: #ffffff; } .owl-dots-2 { text-align: center; counter-reset: div; font-size: 0; line-height: 0; } .owl-dots-2 .owl-dot { position: relative; display: inline-block; margin: 0 16px; cursor: pointer; } .owl-dots-2 .owl-dot::before { position: absolute; content: counter(div, decimal-leading-zero); counter-increment: div; top: 50%; left: 50%; font-size: 1rem; line-height: 1.575; font-weight: 400; transform: translate(-50%, -50%); transition: .2s ease-in-out; visibility: hidden; opacity: 0; } .owl-dots-2 .owl-dot span { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: rgba(255, 255, 255, 0.23); transition: .2s ease-in-out; } .owl-dots-2 .owl-dot:hover span { background: #ffffff; } .owl-dots-2 .owl-dot.active::before { visibility: visible; opacity: 1; } .owl-dots-2 .owl-dot.active span { background: transparent; } @media (min-width: 992px) { .owl-style-1 { padding-right: 15px; } } @media (min-width: 1200px) { .owl-style-1 { max-width: 669px; } } @media (min-width: 1600px) { .owl-style-1 { padding: 0 45px 0 70px; } } .owl-style-2 .owl-stage-outer { margin: 0 -50px; padding: 0 50px; } .owl-style-2 .owl-nav { display: none; } @media (min-width: 1200px) { .owl-style-2 { padding: 0 50px; } .owl-style-2 .owl-stage-outer { overflow: visible; margin: 0; padding: 0; } .owl-style-2 .owl-dots { display: none; } .owl-style-2 .owl-nav { display: block; } .owl-style-2 .owl-item { transition: .4s linear; } .owl-style-2 .owl-item:not(.active) { opacity: .45; } .owl-style-2 .owl-item:not(.active) .quote-classic .unit { flex-direction: row-reverse !important; } .owl-style-2 .owl-item.active + .owl-item .quote-classic .unit { flex-direction: row !important; } } @media (min-width: 1600px) { .owl-style-2 { max-width: 1500px; margin-left: auto; margin-right: auto; padding: 0 7%; } } @media (min-width: 2000px) { .owl-style-2 { padding-left: 130px; padding-right: 130px; } } .owl-style-3 .owl-stage { display: flex; align-items: stretch; } .owl-style-3 .owl-dots { padding-bottom: 50px; } .owl-style-4 .owl-nav { display: none; } @media (min-width: 992px) { .owl-style-4 { padding: 0 60px; } .owl-style-4 .owl-nav { display: block; } .owl-style-4 .owl-dots { display: none; } } @media (max-width: 1199.98px) { .owl-style-4 .owl-prev { left: -15px; } .owl-style-4 .owl-next { right: -15px; } } @media (min-width: 1200px) { .owl-style-4 { padding: 0 85px 1px; } .owl-style-4::before { position: absolute; display: block; content: ''; bottom: 0; left: 50%; width: 100vw; height: 160px; background: #ffffff; transform: translateX(-50%); border-bottom: 1px solid rgba(0, 0, 0, 0.17); z-index: -1; } .owl-style-4 .owl-stage-outer { overflow: visible; } .owl-style-4 .owl-item { transition: .5s linear; } .owl-style-4 .owl-item:not(.active) { opacity: .3; pointer-events: none; } .owl-style-4 .owl-prev, .owl-style-4 .owl-next { top: calc(50% - 80px); } .owl-style-4 .post-creative { background: transparent; } .owl-style-4 .post-creative:hover { background: #f5f5f5; } .owl-style-4 .post-creative-content { min-height: 160px; } .owl-style-4 .post-creative-title { max-height: 60px; overflow: hidden; text-overflow: ellipsis; } } @media (min-width: 1400px) { .owl-style-4 .owl-prev { left: -30px; } .owl-style-4 .owl-next { right: -30px; } } @media (min-width: 1200px) { * + .owl-style-4 { margin-top: 70px; } } @media (min-width: 1200px) { .owl-style-5 .owl-stage-outer { overflow: visible; } .owl-style-5 .owl-item { transition: .5s linear; } .owl-style-5 .owl-item:not(.active) { opacity: .3; pointer-events: none; } } .owl-style-6 .owl-dots { text-align: left; margin: 30px -15px 0; } .owl-style-7 { border: 1px solid #e7eff6; } .owl-style-7 .owl-item.active + .owl-item.active { border-left: 1px solid #e7eff6; } @-moz-document url-prefix() { .owl-style-7 { padding-bottom: 1px; } } .owl-style-8 .owl-stage-outer { margin-bottom: -50px; padding-bottom: 50px; } .owl-style-8 .owl-item:nth-child(even) .team-classic { background: rgba(255, 255, 255, 0.1); } @media (min-width: 992px) { .owl-style-8 .owl-dots { margin-top: 80px; } .desktop .owl-style-8 .owl-item:nth-child(even) .team-classic { background: transparent; } .desktop .owl-style-8 .owl-item:nth-child(even) .team-classic-overlay { background: rgba(255, 255, 255, 0.1); } } .owl-style-9 .owl-stage { display: flex; align-items: flex-end; } .owl-style-9 .owl-dots { position: absolute; bottom: 15px; text-align: left; margin: 0 -15px; transform: translateY(50%); } .owl-style-9 .owl-item { padding-left: 2px; } @media (min-width: 992px) { .owl-style-10 .owl-dots { position: absolute; bottom: 70px; margin-top: 0; width: 100%; pointer-events: none; } .owl-style-10 .owl-dots > * { pointer-events: auto; } } @media (min-width: 1200px) { * + .owl-style-10 { margin-top: 75px; } } @media (min-width: 992px) { .owl-style-11 { width: auto; margin-left: -120px; padding-right: 30px; } } @media (min-width: 1200px) { .owl-style-11 { padding-right: 70px; } } .owl-style-12 { border-top: 1px solid #e7eff6; border-bottom: 1px solid #e7eff6; } .owl-style-12 .owl-nav { display: none; } @media (min-width: 1200px) { .owl-style-12 .owl-carousel { padding-left: 80px; padding-right: 80px; } .owl-style-12 .owl-item::before { position: absolute; top: 50%; right: -50px; content: ''; width: 1px; height: 100%; background-image: linear-gradient(transparent 0%, #e7eff6 50%, transparent 100%); transform: translateY(-50%); } .owl-style-12 .owl-nav { display: block; } .owl-style-12 .owl-dots { display: none; } } @media (min-width: 1600px) { .owl-style-12 .owl-carousel { padding-left: 0; padding-right: 0; } .owl-style-12 .owl-item::before { right: -85px; } .owl-style-12 .owl-prev { left: -14%; } .owl-style-12 .owl-next { right: -14%; } } @media (min-width: 1800px) { .owl-style-12 .owl-prev { left: -18%; } .owl-style-12 .owl-next { right: -18%; } } .owl-style-13 { border-bottom: 1px solid #e7eff6; } .owl-style-13 .owl-dots { padding-bottom: 50px; } .owl-style-14 .owl-stage-outer { padding: 0 1px 30px 0; margin: 0 -1px -30px 0; } .ie-10 .ie-carousel .owl-dot, .ie-11 .ie-carousel .owl-dot, .ie-edge .ie-carousel .owl-dot { transform: rotate(0.1deg); } .mobile .owl-dot, .tablet .owl-dot { position: relative; } .mobile .owl-dot::after, .tablet .owl-dot::after { position: absolute; content: ''; top: 50%; left: 50%; width: 30px; height: 30px; transform: translate3d(-50%, -50%, 0); opacity: 0; } /** @section Lightgallery */ @font-face { font-family: 'lg'; src: url("../fonts/lg.eot?n1z373"); src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; } .lg-icon { font-family: 'lg'; 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; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1090; border: none; outline: none; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1092; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 45px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } @media (min-width: 360px) { .lg-toolbar .lg-icon { width: 50px; } } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1090; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1090; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin: 0 auto -5px; } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #ff6252; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1090; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("../images/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../images/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("../images/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("../images/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("../images/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1093; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #ff6252; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1090; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1091; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-css3.lg-zoom-in .lg-item { opacity: 0; } .lg-css3.lg-zoom-in .lg-item.lg-prev-slide { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } .lg-css3.lg-zoom-in .lg-item.lg-next-slide { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } .lg-css3.lg-zoom-in .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-in-big .lg-item { opacity: 0; } .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in-big .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-out .lg-item { opacity: 0; } .lg-css3.lg-zoom-out .lg-item.lg-prev-slide { -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); } .lg-css3.lg-zoom-out .lg-item.lg-next-slide { -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); } .lg-css3.lg-zoom-out .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-out-big .lg-item { opacity: 0; } .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out-big .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-out-in .lg-item { opacity: 0; } .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-out-in .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-in-out .lg-item { opacity: 0; } .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-in-out .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-soft-zoom .lg-item { opacity: 0; } .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .lg-css3.lg-soft-zoom .lg-item.lg-next-slide { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } .lg-css3.lg-soft-zoom .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-scale-up .lg-item { opacity: 0; } .lg-css3.lg-scale-up .lg-item.lg-prev-slide { -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); } .lg-css3.lg-scale-up .lg-item.lg-next-slide { -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); } .lg-css3.lg-scale-up .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular .lg-item { opacity: 0; } .lg-css3.lg-slide-circular .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .lg-css3.lg-slide-circular .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .lg-css3.lg-slide-circular .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-up .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); } .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); } .lg-css3.lg-slide-circular-up .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-down .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); } .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); } .lg-css3.lg-slide-circular-down .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); } .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); } .lg-css3.lg-slide-circular-vertical .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical-left .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical-down .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-vertical .lg-item { opacity: 0; } .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .lg-css3.lg-slide-vertical .lg-item.lg-next-slide { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .lg-css3.lg-slide-vertical .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-vertical-growth .lg-item { opacity: 0; } .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide { -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); } .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide { -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); } .lg-css3.lg-slide-vertical-growth .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide { -moz-transform: skew(10deg, 0deg); -o-transform: skew(10deg, 0deg); -ms-transform: skew(10deg, 0deg); -webkit-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg); } .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide { -moz-transform: skew(10deg, 0deg); -o-transform: skew(10deg, 0deg); -ms-transform: skew(10deg, 0deg); -webkit-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg); } .lg-css3.lg-slide-skew-only .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide { -moz-transform: skew(-10deg, 0deg); -o-transform: skew(-10deg, 0deg); -ms-transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); transform: skew(-10deg, 0deg); } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide { -moz-transform: skew(-10deg, 0deg); -o-transform: skew(-10deg, 0deg); -ms-transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); transform: skew(-10deg, 0deg); } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-y .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide { -moz-transform: skew(0deg, 10deg); -o-transform: skew(0deg, 10deg); -ms-transform: skew(0deg, 10deg); -webkit-transform: skew(0deg, 10deg); transform: skew(0deg, 10deg); } .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide { -moz-transform: skew(0deg, 10deg); -o-transform: skew(0deg, 10deg); -ms-transform: skew(0deg, 10deg); -webkit-transform: skew(0deg, 10deg); transform: skew(0deg, 10deg); } .lg-css3.lg-slide-skew-only-y .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-y-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide { -moz-transform: skew(0deg, -10deg); -o-transform: skew(0deg, -10deg); -ms-transform: skew(0deg, -10deg); -webkit-transform: skew(0deg, -10deg); transform: skew(0deg, -10deg); } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide { -moz-transform: skew(0deg, -10deg); -o-transform: skew(0deg, -10deg); -ms-transform: skew(0deg, -10deg); -webkit-transform: skew(0deg, -10deg); transform: skew(0deg, -10deg); } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew .lg-item { opacity: 0; } .lg-css3.lg-slide-skew .lg-item.lg-prev-slide { -moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); -o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew .lg-item.lg-next-slide { -moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); -o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); -ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide { -moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); -o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide { -moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); -o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); -ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-cross .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide { -moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); -o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide { -moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); -o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); -ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-cross-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide { -moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); -o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide { -moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); -o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); -ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide { -moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); -o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); -ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); -webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide { -moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); -o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); -ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); -webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide { -moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); -o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); -ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); -webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide { -moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); -o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); -ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); -webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-cross .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide { -moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); -o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); -ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); -webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide { -moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); -o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); -ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); -webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide { -moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); -o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); -ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); -webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide { -moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); -o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); -ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); -webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-lollipop .lg-item { opacity: 0; } .lg-css3.lg-lollipop .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-lollipop .lg-item.lg-next-slide { -moz-transform: translate3d(0, 0, 0) scale(0.5); -o-transform: translate3d(0, 0, 0) scale(0.5); -ms-transform: translate3d(0, 0, 0) scale(0.5); -webkit-transform: translate3d(0, 0, 0) scale(0.5); transform: translate3d(0, 0, 0) scale(0.5); } .lg-css3.lg-lollipop .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-lollipop-rev .lg-item { opacity: 0; } .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide { -moz-transform: translate3d(0, 0, 0) scale(0.5); -o-transform: translate3d(0, 0, 0) scale(0.5); -ms-transform: translate3d(0, 0, 0) scale(0.5); -webkit-transform: translate3d(0, 0, 0) scale(0.5); transform: translate3d(0, 0, 0) scale(0.5); } .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-lollipop-rev .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-rotate .lg-item { opacity: 0; } .lg-css3.lg-rotate .lg-item.lg-prev-slide { -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .lg-css3.lg-rotate .lg-item.lg-next-slide { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .lg-css3.lg-rotate .lg-item.lg-current { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-rotate-rev .lg-item { opacity: 0; } .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .lg-css3.lg-rotate-rev .lg-item.lg-next-slide { -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .lg-css3.lg-rotate-rev .lg-item.lg-current { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-tube .lg-item { opacity: 0; } .lg-css3.lg-tube .lg-item.lg-prev-slide { -moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); } .lg-css3.lg-tube .lg-item.lg-next-slide { -moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); } .lg-css3.lg-tube .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1090; text-align: left; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("../images/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1090; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1090; background-color: rgba(0, 0, 0, 0.8); opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /** @section Material Parallax */ .parallax-container { position: relative; overflow: hidden; } .material-parallax { position: absolute; top: 0; left: -1px; right: -1px; bottom: 0; z-index: 0; } .parallax-content { position: relative; z-index: 1; } .material-parallax img { display: none; position: absolute; left: 50%; bottom: 0; min-width: 101%; min-height: 101%; max-width: none; transform: translate3d(-50%, 0, 0); } .parallax-disabled { background-size: cover; background-position: center; } html:not(.ie-11):not(.ios) .parallax-disabled:not(.parallax-no-fixed) { background-attachment: fixed; } .container + .parallax-container { margin-top: 50px; } @media (min-width: 768px) { .container + .parallax-container { margin-top: 60px; } } @media (min-width: 992px) { .container + .parallax-container { margin-top: 70px; } } @media (min-width: 1200px) { .container + .parallax-container { margin-top: 80px; } } .mac-os .parallax-container .form-validation { will-change: transform; } /** @section Bootstrap Modal */ .ios .modal-open { position: fixed; width: 100%; height: 100%; } /** * Select 2 */ .select2-container { position: relative; display: inline-block; width: 100% !important; margin: 0; vertical-align: middle; box-sizing: border-box; } .select2-container .select2-selection--single { display: block; height: 40px; box-sizing: border-box; cursor: pointer; user-select: none; } @media (min-width: 768px) { .select2-container .select2-selection--single { height: 50px; } } @media (min-width: 992px) { .select2-container .select2-selection--single { height: 60px; } } .select2-container .select2-selection--single .select2-selection__rendered { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container .select2-selection--multiple { display: block; box-sizing: border-box; cursor: pointer; user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: flex; flex-wrap: wrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; } .select2-container .select2-search--inline { align-self: center; } .select2-container .select2-search--inline .select2-search__field { display: block; padding: 0; border: none; font-size: 18px; min-height: 28px; box-sizing: border-box; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .has-error .select2-container { outline: 1px dashed red; } .select2-dropdown { position: absolute; left: -100000px; z-index: 1051; width: 100%; display: block; margin-top: 2px; box-sizing: border-box; background-color: #f5f5f5; color: #151515; border-radius: 5px; border: 1px solid #e7eff6; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 3px 0; } .select2-results__option { padding-left: 25px; padding-right: 25px; user-select: none; transition: all .3s ease-in-out; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding-top: 4px; padding-bottom: 4px; padding-left: 15px; font-size: 16px; line-height: 30px; letter-spacing: .035em; color: #151515; border: 1px solid #e7eff6; border-radius: 5px; background-color: #f5f5f5; padding-right: 50px; } @media (min-width: 768px) { .select2-container--default .select2-selection--single .select2-selection__rendered { padding-top: 9px; padding-bottom: 9px; padding-left: 20px; font-size: 18px; } } @media (min-width: 992px) { .select2-container--default .select2-selection--single .select2-selection__rendered { padding-top: 14px; padding-bottom: 14px; padding-left: 25px; } } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #151515; } .select2-container--default .select2-selection--single .select2-selection__arrow { display: flex; align-items: center; justify-content: center; text-align: center; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; font-size: 0; line-height: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: inline-block; font-size: 22px; line-height: 1; color: #151515; } .select2-container--default .select2-selection--single .select2-selection__arrow b::before { content: '\f236'; font-family: "Material Design Icons"; } .select2-container--default.select2-container--disabled .select2-selection--single { cursor: default; background-color: #f5f5f5; color: #3b3b3b; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { transform: rotate(180deg); } .select2-container--default .select2-selection--multiple { background-color: #f5f5f5; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { width: 100%; padding: 16px 30px 11px 20px; list-style: none; box-sizing: border-box; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; margin-bottom: 5px; margin-left: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #151515; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 5px; cursor: default; font-size: 18px; background-color: #3d3d3d; color: #ffffff; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; color: #ffffff; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #f5f5f5; } .select2-container--default.select2-container--focus .select2-selection--multiple { outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { cursor: default; background-color: #f5f5f5; color: #3b3b3b; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-search--inline .select2-search__field, .select2-container--default .select2-search--inline .select2-search__field::-webkit-input-placeholder { color: #151515; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { background-color: #f5f5f5; color: #3b3b3b; } .select2-container--default .select2-results__option:hover { color: #151515; background: rgba(61, 61, 61, 0.1); } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #3d3d3d; color: #ffffff; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; 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; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; text-align: center; padding-left: 0; padding-right: 0; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide:focus { outline: none; } .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; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff url("./../images/ajax-loader.gif") center center no-repeat; } /* Icons */ /* Arrows */ .slick-arrow { text-align: center; position: absolute; top: 50%; padding: 0; border: none; font-size: 14px; line-height: 1.8; font-weight: 600; letter-spacing: .05em; font-family: "Playfair Display", serif; color: #414244; background: transparent; transition: all .2s ease; transform: translate3d(0, -50%, 0); will-change: transform; cursor: pointer; z-index: 9; } .slick-arrow::after { display: block; content: ''; height: 0; width: 100%; border-top: 2px solid; transition: transform .2s ease; } .slick-arrow:hover { color: #151515; } .slick-arrow:hover::after { transform: scaleX(0.7); } .slick-arrow.slick-disabled { pointer-events: none; cursor: default; } .slick-prev { left: 15px; } .slick-prev:before { content: "prev"; } .slick-next { right: 15px; } .slick-next:before { content: "next"; } /* Dots */ .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; width: 14px; height: 14px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; display: block; height: 14px; width: 14px; outline: none; line-height: 0; font-size: 0; color: transparent; background: #c8c8c8; cursor: pointer; } .slick-dots li button:before { position: absolute; content: ''; top: 50%; left: 50%; width: 6px; height: 6px; opacity: 0; background: #ff6252; transform: translate3d(-50%, -50%, 0); will-change: transform; transition: all .2s ease; } .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: 0.7; } .slick-dots li.slick-active button:before { opacity: 1; width: 14px; height: 14px; } .child-carousel .slick-slide { cursor: pointer; } @media (min-width: 768px) { .child-carousel .slick-slide { max-width: 100%; } } .slick-nav-1 .slick-arrow { position: absolute; top: 50%; width: 40px; height: 40px; padding: 0; font-size: 24px; line-height: 40px; font-weight: 400; border: none; outline: none; color: #ffffff; background: #ff6252; transform: translate3d(0, -50%, 0); transition: all .25s ease-in-out; } .slick-nav-1 .slick-arrow::before { font-family: "Material Design Icons"; } .slick-nav-1 .slick-arrow::after { display: none; } .slick-nav-1 .slick-arrow:hover { color: #151515; background: #ffde6c; } .slick-nav-1 .slick-arrow.slick-disabled { color: #ffffff; background-color: #d7d7d7; cursor: default; } .slick-nav-1 .slick-prev { left: -15px; } .slick-nav-1 .slick-prev:before { content: ""; } .slick-nav-1 .slick-next { right: -15px; } .slick-nav-1 .slick-next:before { content: ""; } .slick-product.slick-vertical .carousel-parent { margin-bottom: 7px; } .slick-product.slick-vertical .child-carousel .slick-list { margin-left: -6px; margin-right: -6px; } .slick-product.slick-vertical .child-carousel .slick-slide { margin: 0 6px; } @media (min-width: 768px) and (max-width: 991.98px) { .slick-product.slick-vertical { display: flex; margin-left: -6px; margin-right: -6px; } .slick-product.slick-vertical .carousel-parent, .slick-product.slick-vertical .child-carousel { padding-left: 6px; padding-right: 6px; } .slick-product.slick-vertical .carousel-parent { width: 74%; margin-bottom: 0; } .slick-product.slick-vertical .child-carousel { width: 26%; display: flex; align-content: stretch; } .slick-product.slick-vertical .child-carousel .slick-list { display: flex; margin-left: 0; margin-right: 0; } .slick-product.slick-vertical .child-carousel .slick-slide { width: calc(100% - 10px) !important; margin-left: 5px; margin-right: 5px; } .slick-product.slick-vertical .slick-arrow { right: auto; left: 50%; transform: translate(-50%, 0); } .slick-product.slick-vertical .slick-prev { top: -10px; } .slick-product.slick-vertical .slick-prev::before { content: '\f239'; } .slick-product.slick-vertical .slick-next { top: auto; bottom: -10px; } .slick-product.slick-vertical .slick-next::before { content: '\f236'; } } @media (min-width: 992px) { .slick-product.slick-vertical { margin-right: 25px; } } @media (min-width: 1200px) { .slick-product.slick-vertical { margin-right: 38px; } } .slick-product-figure { position: relative; overflow: hidden; background: #f5f5f5; transition: all .3s ease; } .slick-product-figure img { width: 100%; transform: none; transition: inherit; } .child-carousel .slick-product-figure { margin-top: 5px; margin-bottom: 5px; } .child-carousel .slick-product-figure img { will-change: transform; } .child-carousel .slick-product-figure:hover img { transform: scale(1.1); } .child-carousel .slick-current .slick-product-figure { background: transparent; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.21); } .stepper { position: relative; display: inline-block; } .stepper input[type="number"] { width: 100%; text-align: center; font-size: 16px; line-height: 30px; padding: 10px 20px; border: 1px solid #e7eff6; color: #151515; background: #ffffff; -moz-appearance: textfield; } .stepper input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } .stepper-arrow { position: absolute; top: 50%; width: 20px; height: 20px; font-size: 20px; line-height: 20px; font-family: "Material Design Icons"; color: #151515; cursor: pointer; transform: translateY(-50%); transition: .3s all ease; } .stepper-arrow:hover { color: #ff6252; } .stepper-arrow.up { right: 0; text-align: left; } .stepper-arrow.up:before { content: '\f504'; } .stepper-arrow.down { left: 0; text-align: right; font-size: 16px; } .stepper-arrow.down:before { content: '\f69d'; } .stepper.disabled .stepper-arrow { pointer-events: none; opacity: .5; } .stepper-style-1 { position: relative; display: inline-block; padding-right: 42px; } .stepper-style-1 .stepper { position: static; width: 76px; height: 76px; max-width: 76px; } .stepper-style-1 .stepper input[type="number"] { padding: 10px; width: 100%; height: 100%; font-size: 22px; line-height: 30px; } .stepper-style-1 .stepper-arrow { text-align: center; margin: 0; width: 34px; height: 34px; line-height: 32px; border: 1px solid #e7eff6; transform: none; } .stepper-style-1 .stepper-arrow.up { top: 0; font-size: 22px; } .stepper-style-1 .stepper-arrow.down { top: auto; right: 0; bottom: 0; left: auto; } .stepper-style-2 { display: inline-block; width: 100%; max-width: 110px; } .stepper-style-2 .stepper { display: block; } .stepper-style-2 .stepper input[type="number"] { padding: 0 39px; font-size: inherit; line-height: 1.1; letter-spacing: inherit; background: transparent; border-color: transparent; } .stepper-style-2 .stepper-arrow { text-align: center; width: 30px; height: 30px; line-height: 28px; border: 1px solid #f2f8ff; } @media (min-width: 1200px) { .stepper-style-2 { max-width: 123px; } .stepper-style-2 .stepper-arrow { width: 38px; height: 38px; line-height: 36px; } .stepper-style-2 .stepper-arrow.down { font-size: 18px; } .stepper-style-2 .stepper-arrow.up { font-size: 30px; } } @-moz-document url-prefix() { .stepper-style-2 .stepper input[type="number"] { box-shadow: none; } } /* * * RD Calendar * -------------------------------------------------- */ .rd-calendar { text-align: center; font-size: 14px; line-height: 1.83333; font-weight: 400; color: #151515; } @media (min-width: 576px) { .rd-calendar { font-size: 16px; } } @media (min-width: 768px) { .rd-calendar { font-size: 18px; } } .rd-calendar .rdc-table-header, .rd-calendar .rdc-table-row { display: flex; } .rd-calendar .rdc-table-inner { border-width: 1px 0 0 1px; border-style: solid; border-color: #e7eff6; } .rd-calendar .rdc-table_day, .rd-calendar .rdc-table_date-outer { width: 14.28%; flex-grow: 1; border-width: 0 1px 1px 0; border-style: solid; border-color: #e7eff6; } .rd-calendar .rdc-table_event { cursor: default; border-radius: 3px; } .rd-calendar .rdc-calendar-event-panel, .rd-calendar .rdc-table_events { overflow: hidden; } .rd-calendar .rdc-calendar-event { margin-bottom: 0; } .rdc-panel { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; } .rdc-next, .rdc-prev, .rdc-events_close { font: 400 30px/1 "Material Design Icons"; transition: .3s ease-in-out; cursor: pointer; } .rdc-next:not([href]):not([tabindex]):hover, .rdc-prev:not([href]):not([tabindex]):hover, .rdc-events_close:not([href]):not([tabindex]):hover { color: #ff6252; } @media (min-width: 768px) { .rdc-next, .rdc-prev, .rdc-events_close { font-size: 40px; } } .rdc-prev:before { content: '\f237'; } .rdc-next:before { content: '\f238'; } .rdc-events_close { font-size: 20px; } .rdc-events_close:before { content: '\f24c'; } .rdc-events { margin-top: 30px; } .rdc-event { position: absolute; opacity: 0; visibility: hidden; } .rdc-event.active { position: relative; opacity: 1; visibility: visible; transition: .4s ease-in-out; } .wrap-calendar { font-weight: 700; text-transform: uppercase; } .rdc-table_day { padding: 5px; font-weight: 700; text-transform: uppercase; } .rdc-table_date { padding: 2px 5px; transition: .3s ease-in-out; } .rdc-table_today { color: #ffffff; background-color: #ff6252; } .rdc-table_events-count, .rdc-table_event { display: none; } .rdc-table_events { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; transition: .3s ease-in-out; z-index: -1; } .rdc-table_has-events { position: relative; background: #f5f5f5; cursor: pointer; transition: .3s ease-in-out; z-index: 0; } .rdc-table_has-events:hover { background: rgba(245, 245, 245, 0.5); } .rdc-table_next, .rdc-table_prev { opacity: .5; } .rd-calendar[data-events-inline="true"] .rdc-table_date-outer .rdc-table_events { display: none; } .rd-calendar[data-events-inline="true"] .rdc-table_events-count, .rd-calendar[data-events-inline="true"] .rdc-events { display: none; } /* * * Video BG * -------------------------------------------------- */ .vide { width: 100%; background-size: cover; background-position: center; } .vide > * { position: relative; z-index: 1; } .vide video { will-change: transform; pointer-events: none; } .vide-1::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 1; } /** @section Simple filter */ [data-category] { transition: .3s ease-in-out; } [data-category].hidden { opacity: 0; visibility: hidden; } .filters-list { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; margin-bottom: -5px; margin-left: -10px; } .filters-list:empty { margin-bottom: 0; margin-left: 0; } .filters-list > * { margin-top: 0; margin-bottom: 5px; margin-left: 10px; } .filter { position: relative; padding: 5px 20px; font-size: 13px; line-height: 1.6; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(21, 21, 21, 0.5); background: transparent; border: none; border-radius: 50px; transition: .3s ease-in-out; cursor: pointer; z-index: 1; } .filter::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; opacity: 0; background-size: 200% auto; background-position: 0 50%; background-image: linear-gradient(84deg, #ff6252 0%, #ffde6c 50%, #ff6252 100%); transition: inherit; z-index: -1; } .filter:hover, .filter.active { color: #ffffff; background: transparent; } .filter:hover::before, .filter.active::before { opacity: 1; } .filter.active { cursor: default; } .filter.active::before { background-position-x: 100%; } @media (min-width: 768px) { .filter { padding: 8px 30px; font-size: 15px; } } .filters-list-1 .filter { color: #ff6252; } .filters-list-1 .filter::before { opacity: 1; background: transparent; border: 2px solid #ff6252; } .filters-list-1 .filter:hover, .filters-list-1 .filter.active { color: #ffffff; } .filters-list-1 .filter:hover::before, .filters-list-1 .filter.active::before { background: #ff6252; } * + .filters-list { margin-top: 30px; } @media (min-width: 768px) { * + .filters-list { margin-top: 50px; } } @media (min-width: 992px) { * + .filters-list { margin-top: 60px; } .filters-list + .table-custom-responsive { margin-top: 60px; } } @media (min-width: 1200px) { .filters-list + .table-custom-responsive { margin-top: 75px; } } /** @section Simple filter */ .scroll-handler > * { position: relative; } .image-overlay, .canvas-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: center; } .ie-10 .image-overlay, .ie-10 .canvas-overlay, .ie-11 .image-overlay, .ie-11 .canvas-overlay, .ie-edge .image-overlay, .ie-edge .canvas-overlay { display: none; } #ui-to-top { line-height: 3; } \ No newline at end of file +@charset "UTF-8"; +/*! + * Bootstrap v4.1.3 (https://getbootstrap.com/) + * Copyright 2011-2018 The Bootstrap Authors + * Copyright 2011-2018 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +@-ms-viewport { + width: device-width; +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-size: 1rem; + font-weight: 300; + line-height: 1.575; + color: #808081; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: inherit; +} + +dd { + margin-bottom: .5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +dfn { + font-style: italic; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -.25em; +} + +sup { + top: -.5em; +} + +a { + color: #00aeef; + text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:hover { + color: #0072bc; + text-decoration: underline; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + -ms-overflow-style: scrollbar; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + padding: 0; +} + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-family: "Playfair Display", serif; + font-weight: 300; + line-height: 1.1; + color: #151515; +} + +h1, .h1 { + font-size: 67px; +} + +h2, .h2 { + font-size: 45px; +} + +h3, .h3 { + font-size: 26px; +} + +h4, .h4 { + font-size: 20px; +} + +h5, .h5 { + font-size: 18px; +} + +h6, .h6 { + font-size: 16px; +} + +.lead { + font-size: 20px; + font-weight: 300; +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid #f2f8ff; +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 5px 10px; + background-color: #00aeef; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} + +.list-inline-item:not(:last-child) { + margin-right: 5px; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #6c757d; +} + +.blockquote-footer::before { + content: "\2014 \00A0"; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #6c757d; +} + +code { + font-size: 90%; + color: #111111; + word-break: break-word; +} + +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #fff; + background-color: #212529; + border-radius: 0.2rem; +} + +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 90%; + color: #212529; +} + +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} + +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} + +@media (min-width: 1200px) { + .container { + max-width: 1200px; + } +} + +.container-fluid { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} + +.no-gutters > .col, +.no-gutters > [class*="col-"] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, +.col-xxl-auto { + position: relative; + width: 100%; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: none; +} + +.col-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; +} + +.col-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; +} + +.col-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; +} + +.col-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; +} + +.col-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.33333%; +} + +.offset-2 { + margin-left: 16.66667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.33333%; +} + +.offset-5 { + margin-left: 41.66667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.33333%; +} + +.offset-8 { + margin-left: 66.66667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.33333%; +} + +.offset-11 { + margin-left: 91.66667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-sm-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + .col-sm-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + .col-sm-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; + } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; + } + .col-sm-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; + } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; + } + .col-sm-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; + } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + order: -1; + } + .order-sm-last { + order: 13; + } + .order-sm-0 { + order: 0; + } + .order-sm-1 { + order: 1; + } + .order-sm-2 { + order: 2; + } + .order-sm-3 { + order: 3; + } + .order-sm-4 { + order: 4; + } + .order-sm-5 { + order: 5; + } + .order-sm-6 { + order: 6; + } + .order-sm-7 { + order: 7; + } + .order-sm-8 { + order: 8; + } + .order-sm-9 { + order: 9; + } + .order-sm-10 { + order: 10; + } + .order-sm-11 { + order: 11; + } + .order-sm-12 { + order: 12; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.33333%; + } + .offset-sm-2 { + margin-left: 16.66667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.33333%; + } + .offset-sm-5 { + margin-left: 41.66667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.33333%; + } + .offset-sm-8 { + margin-left: 66.66667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.33333%; + } + .offset-sm-11 { + margin-left: 91.66667%; + } +} + +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-md-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + .col-md-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + .col-md-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; + } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; + } + .col-md-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; + } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; + } + .col-md-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; + } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + order: -1; + } + .order-md-last { + order: 13; + } + .order-md-0 { + order: 0; + } + .order-md-1 { + order: 1; + } + .order-md-2 { + order: 2; + } + .order-md-3 { + order: 3; + } + .order-md-4 { + order: 4; + } + .order-md-5 { + order: 5; + } + .order-md-6 { + order: 6; + } + .order-md-7 { + order: 7; + } + .order-md-8 { + order: 8; + } + .order-md-9 { + order: 9; + } + .order-md-10 { + order: 10; + } + .order-md-11 { + order: 11; + } + .order-md-12 { + order: 12; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.33333%; + } + .offset-md-2 { + margin-left: 16.66667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.33333%; + } + .offset-md-5 { + margin-left: 41.66667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.33333%; + } + .offset-md-8 { + margin-left: 66.66667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.33333%; + } + .offset-md-11 { + margin-left: 91.66667%; + } +} + +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-lg-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + .col-lg-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + .col-lg-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; + } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; + } + .col-lg-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; + } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; + } + .col-lg-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; + } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + order: -1; + } + .order-lg-last { + order: 13; + } + .order-lg-0 { + order: 0; + } + .order-lg-1 { + order: 1; + } + .order-lg-2 { + order: 2; + } + .order-lg-3 { + order: 3; + } + .order-lg-4 { + order: 4; + } + .order-lg-5 { + order: 5; + } + .order-lg-6 { + order: 6; + } + .order-lg-7 { + order: 7; + } + .order-lg-8 { + order: 8; + } + .order-lg-9 { + order: 9; + } + .order-lg-10 { + order: 10; + } + .order-lg-11 { + order: 11; + } + .order-lg-12 { + order: 12; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.33333%; + } + .offset-lg-2 { + margin-left: 16.66667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.33333%; + } + .offset-lg-5 { + margin-left: 41.66667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.33333%; + } + .offset-lg-8 { + margin-left: 66.66667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.33333%; + } + .offset-lg-11 { + margin-left: 91.66667%; + } +} + +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-xl-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + .col-xl-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + .col-xl-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; + } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; + } + .col-xl-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; + } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; + } + .col-xl-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; + } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + order: -1; + } + .order-xl-last { + order: 13; + } + .order-xl-0 { + order: 0; + } + .order-xl-1 { + order: 1; + } + .order-xl-2 { + order: 2; + } + .order-xl-3 { + order: 3; + } + .order-xl-4 { + order: 4; + } + .order-xl-5 { + order: 5; + } + .order-xl-6 { + order: 6; + } + .order-xl-7 { + order: 7; + } + .order-xl-8 { + order: 8; + } + .order-xl-9 { + order: 9; + } + .order-xl-10 { + order: 10; + } + .order-xl-11 { + order: 11; + } + .order-xl-12 { + order: 12; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.33333%; + } + .offset-xl-2 { + margin-left: 16.66667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.33333%; + } + .offset-xl-5 { + margin-left: 41.66667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.33333%; + } + .offset-xl-8 { + margin-left: 66.66667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.33333%; + } + .offset-xl-11 { + margin-left: 91.66667%; + } +} + +@media (min-width: 1600px) { + .col-xxl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xxl-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-xxl-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + .col-xxl-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + .col-xxl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xxl-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + .col-xxl-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; + } + .col-xxl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xxl-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; + } + .col-xxl-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; + } + .col-xxl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xxl-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; + } + .col-xxl-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; + } + .col-xxl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xxl-first { + order: -1; + } + .order-xxl-last { + order: 13; + } + .order-xxl-0 { + order: 0; + } + .order-xxl-1 { + order: 1; + } + .order-xxl-2 { + order: 2; + } + .order-xxl-3 { + order: 3; + } + .order-xxl-4 { + order: 4; + } + .order-xxl-5 { + order: 5; + } + .order-xxl-6 { + order: 6; + } + .order-xxl-7 { + order: 7; + } + .order-xxl-8 { + order: 8; + } + .order-xxl-9 { + order: 9; + } + .order-xxl-10 { + order: 10; + } + .order-xxl-11 { + order: 11; + } + .order-xxl-12 { + order: 12; + } + .offset-xxl-0 { + margin-left: 0; + } + .offset-xxl-1 { + margin-left: 8.33333%; + } + .offset-xxl-2 { + margin-left: 16.66667%; + } + .offset-xxl-3 { + margin-left: 25%; + } + .offset-xxl-4 { + margin-left: 33.33333%; + } + .offset-xxl-5 { + margin-left: 41.66667%; + } + .offset-xxl-6 { + margin-left: 50%; + } + .offset-xxl-7 { + margin-left: 58.33333%; + } + .offset-xxl-8 { + margin-left: 66.66667%; + } + .offset-xxl-9 { + margin-left: 75%; + } + .offset-xxl-10 { + margin-left: 83.33333%; + } + .offset-xxl-11 { + margin-left: 91.66667%; + } +} + +.table { + width: 100%; + margin-bottom: 1rem; + background-color: transparent; +} + +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #dee2e6; +} + +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #dee2e6; +} + +.table tbody + tbody { + border-top: 2px solid #dee2e6; +} + +.table .table { + background-color: #ffffff; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #dee2e6; +} + +.table-bordered th, +.table-bordered td { + border: 1px solid #dee2e6; +} + +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.05); +} + +.table-hover tbody tr:hover { + background-color: rgba(0, 0, 0, 0.075); +} + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(0, 0, 0, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(0, 0, 0, 0.075); +} + +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(0, 0, 0, 0.075); +} + +.table .thead-dark th { + color: #fff; + background-color: #212529; + border-color: #32383e; +} + +.table .thead-light th { + color: #495057; + background-color: #e9ecef; + border-color: #dee2e6; +} + +.table-dark { + color: #fff; + background-color: #212529; +} + +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #32383e; +} + +.table-dark.table-bordered { + border: 0; +} + +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} + +.table-dark.table-hover tbody tr:hover { + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-sm > .table-bordered { + border: 0; + } +} + +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-md > .table-bordered { + border: 0; + } +} + +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-lg > .table-bordered { + border: 0; + } +} + +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} + +@media (max-width: 1599.98px) { + .table-responsive-xxl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-xxl > .table-bordered { + border: 0; + } +} + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.table-responsive > .table-bordered { + border: 0; +} + +.form-control { + display: block; + width: 100%; + height: calc(2.25rem + 2px); + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media screen and (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} + +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} + +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #80bdff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 18px; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 12px; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin-bottom: 0; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} + +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.8125rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 12px; + line-height: 1.5; + border-radius: 0.2rem; +} + +.form-control-lg { + height: calc(2.875rem + 2px); + padding: 0.5rem 1rem; + font-size: 18px; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} + +.form-row > .col, +.form-row > [class*="col-"] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} + +.form-check-input:disabled ~ .form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} + +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #98bf44; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 2px 10px; + margin-top: .1rem; + font-size: 0.875rem; + line-height: 1.575; + color: #212529; + background-color: #98bf44; + border-radius: 0.25rem; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #98bf44; + padding-right: 2.25rem; + background-repeat: no-repeat; + background-position: center right calc(2.25rem / 4); + background-size: calc(2.25rem / 2) calc(2.25rem / 2); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); +} + +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #98bf44; + box-shadow: 0 0 0 0.2rem rgba(152, 191, 68, 0.25); +} + +.was-validated .form-control:valid ~ .valid-feedback, +.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, +.form-control.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: 2.25rem; + background-position: top calc(2.25rem / 4) right calc(2.25rem / 4); +} + +.was-validated .custom-select:valid, .custom-select.is-valid { + border-color: #98bf44; + padding-right: 2.25rem; + background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") no-repeat center right 2.025rem/calc(2.25rem / 2) calc(2.25rem / 2); +} + +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #98bf44; + box-shadow: 0 0 0 0.2rem rgba(152, 191, 68, 0.25); +} + +.was-validated .custom-select:valid ~ .valid-feedback, +.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, +.custom-select.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control-file:valid ~ .valid-feedback, +.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, +.form-control-file.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #98bf44; +} + +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #98bf44; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + background-color: #cce0a3; +} + +.was-validated .custom-control-input:valid ~ .valid-feedback, +.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, +.custom-control-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + background-color: #adcc6a; +} + +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(152, 191, 68, 0.25); +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #98bf44; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after { + border-color: inherit; +} + +.was-validated .custom-file-input:valid ~ .valid-feedback, +.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, +.custom-file-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(152, 191, 68, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f5543f; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 2px 10px; + margin-top: .1rem; + font-size: 0.875rem; + line-height: 1.575; + color: #fff; + background-color: #f5543f; + border-radius: 0.25rem; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #f5543f; + padding-right: 2.25rem; + background-repeat: no-repeat; + background-position: center right calc(2.25rem / 4); + background-size: calc(2.25rem / 2) calc(2.25rem / 2); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); +} + +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #f5543f; + box-shadow: 0 0 0 0.2rem rgba(245, 84, 63, 0.25); +} + +.was-validated .form-control:invalid ~ .invalid-feedback, +.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, +.form-control.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: 2.25rem; + background-position: top calc(2.25rem / 4) right calc(2.25rem / 4); +} + +.was-validated .custom-select:invalid, .custom-select.is-invalid { + border-color: #f5543f; + padding-right: 2.25rem; + background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") no-repeat center right 2.025rem/calc(2.25rem / 2) calc(2.25rem / 2); +} + +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #f5543f; + box-shadow: 0 0 0 0.2rem rgba(245, 84, 63, 0.25); +} + +.was-validated .custom-select:invalid ~ .invalid-feedback, +.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, +.custom-select.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control-file:invalid ~ .invalid-feedback, +.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, +.form-control-file.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #f5543f; +} + +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #f5543f; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + background-color: #fbc0b8; +} + +.was-validated .custom-control-input:invalid ~ .invalid-feedback, +.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, +.custom-control-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + background-color: #f87f6f; +} + +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(245, 84, 63, 0.25); +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #f5543f; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after { + border-color: inherit; +} + +.was-validated .custom-file-input:invalid ~ .invalid-feedback, +.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, +.custom-file-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(245, 84, 63, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} + +.form-inline .form-check { + width: 100%; +} + +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, + .form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 700; + text-align: center; + white-space: nowrap; + vertical-align: middle; + user-select: none; + border: 1px solid transparent; + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0; + transition: all 0.15s ease-in-out; +} + +@media screen and (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} + +.btn:hover, .btn:focus { + text-decoration: none; +} + +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0; +} + +.btn.disabled, .btn:disabled { + opacity: 0.65; +} + +.btn:not(:disabled):not(.disabled) { + cursor: pointer; +} + +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-link { + font-weight: 400; + color: #00aeef; + background-color: transparent; +} + +.btn-link:hover { + color: #0072bc; + text-decoration: underline; + background-color: transparent; + border-color: transparent; +} + +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + border-color: transparent; + box-shadow: none; +} + +.btn-link:disabled, .btn-link.disabled { + color: #808081; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 18px; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 12px; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} + +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} + +@media screen and (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} + +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} + +@media screen and (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} + +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #808081; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} + +.dropup .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} + +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} + +.dropright .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} + +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} + +.dropleft .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} + +.dropleft .dropdown-toggle::after { + display: none; +} + +.dropleft .dropdown-toggle::before { + display: inline-block; + width: 0; + height: 0; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} + +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} + +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f8f9fa; +} + +.dropdown-item.active, .dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #007bff; +} + +.dropdown-item.disabled, .dropdown-item:disabled { + color: #6c757d; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 12px; + color: #6c757d; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} + +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 0 1 auto; +} + +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} + +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group, +.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-left: -1px; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:first-child { + margin-left: 0; +} + +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} + +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropright .dropdown-toggle-split::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} + +.btn-group-vertical .btn, +.btn-group-vertical .btn-group { + width: 100%; +} + +.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(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} + +.btn-group-toggle > .btn input[type="radio"], +.btn-group-toggle > .btn input[type="checkbox"], +.btn-group-toggle > .btn-group > .btn input[type="radio"], +.btn-group-toggle > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} + +.input-group > .form-control, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 auto; + width: 1%; + margin-bottom: 0; +} + +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} + +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} + +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} + +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group > .custom-file { + display: flex; + align-items: center; +} + +.input-group > .custom-file:not(:last-child) .custom-file-label, +.input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} + +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} + +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius: 0.25rem; +} + +.input-group-text input[type="radio"], +.input-group-text input[type="checkbox"] { + margin-top: 0; +} + +.input-group-lg > .form-control, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + height: calc(2.875rem + 2px); + padding: 0.5rem 1rem; + font-size: 18px; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + height: calc(1.8125rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 12px; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.575rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + z-index: -1; + opacity: 0; +} + +.custom-control-input:checked ~ .custom-control-label::before { + color: #fff; + background-color: #007bff; +} + +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-control-input:active ~ .custom-control-label::before { + color: #fff; + background-color: #b3d7ff; +} + +.custom-control-input:disabled ~ .custom-control-label { + color: #6c757d; +} + +.custom-control-input:disabled ~ .custom-control-label::before { + background-color: #e9ecef; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; +} + +.custom-control-label::before { + position: absolute; + top: 0.2875rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + user-select: none; + background-color: #dee2e6; +} + +.custom-control-label::after { + position: absolute; + top: 0.2875rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background-repeat: no-repeat; + background-position: center center; + background-size: 50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #007bff; +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + background-color: #007bff; +} + +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); +} + +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} + +.custom-radio .custom-control-input:checked ~ .custom-control-label::before { + background-color: #007bff; +} + +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); +} + +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(2.25rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px; + background-color: #fff; + border: 1px solid #ced4da; + border-radius: 0.25rem; + appearance: none; +} + +.custom-select:focus { + border-color: #80bdff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5); +} + +.custom-select:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} + +.custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; +} + +.custom-select::-ms-expand { + opacity: 0; +} + +.custom-select-sm { + height: calc(1.8125rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(2.875rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(2.25rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(2.25rem + 2px); + margin: 0; + opacity: 0; +} + +.custom-file-input:focus ~ .custom-file-label { + border-color: #80bdff; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-file-input:focus ~ .custom-file-label::after { + border-color: #80bdff; +} + +.custom-file-input:disabled ~ .custom-file-label { + background-color: #e9ecef; +} + +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(2.25rem + 2px); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + background-color: #fff; + border: 1px solid #ced4da; + border-radius: 0.25rem; +} + +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: 2.25rem; + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #e9ecef; + border-left: 1px solid #ced4da; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: calc(1rem + 0.4rem); + padding: 0; + background-color: transparent; + appearance: none; +} + +.custom-range:focus { + outline: none; +} + +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range::-moz-focus-outer { + border: 0; +} + +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} + +.custom-range::-webkit-slider-thumb:active { + background-color: #b3d7ff; +} + +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} + +.custom-range::-moz-range-thumb:active { + background-color: #b3d7ff; +} + +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} + +.custom-range::-ms-thumb:active { + background-color: #b3d7ff; +} + +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} + +.custom-range::-ms-fill-lower { + background-color: #dee2e6; + border-radius: 1rem; +} + +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #dee2e6; + border-radius: 1rem; +} + +.custom-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; +} + +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} + +.custom-range:disabled::-moz-range-thumb { + background-color: #adb5bd; +} + +.custom-range:disabled::-moz-range-track { + cursor: default; +} + +.custom-range:disabled::-ms-thumb { + background-color: #adb5bd; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-control-label::before, + .custom-file-label, + .custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} + +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} + +.nav-link.disabled { + color: #6c757d; +} + +.nav-tabs { + border-bottom: 1px solid #dee2e6; +} + +.nav-tabs .nav-item { + margin-bottom: -1px; +} + +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; +} + +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} + +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #fff; + background-color: #007bff; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} + +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} + +.navbar > .container, +.navbar > .container-fluid { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} + +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} + +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} + +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} + +@media (max-width: 767.98px) { + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} + +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} + +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} + +@media (max-width: 1599.98px) { + .navbar-expand-xxl > .container, + .navbar-expand-xxl > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 1600px) { + .navbar-expand-xxl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xxl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xxl > .container, + .navbar-expand-xxl > .container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xxl .navbar-toggler { + display: none; + } +} + +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} + +.navbar-expand > .container, +.navbar-expand > .container-fluid { + padding-right: 0; + padding-left: 0; +} + +.navbar-expand .navbar-nav { + flex-direction: row; +} + +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} + +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.navbar-expand > .container, +.navbar-expand > .container-fluid { + flex-wrap: nowrap; +} + +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.5); +} + +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); +} + +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); +} + +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.1); +} + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} + +.navbar-light .navbar-text { + color: rgba(0, 0, 0, 0.5); +} + +.navbar-light .navbar-text a { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-dark .navbar-brand { + color: #fff; +} + +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #fff; +} + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} + +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} + +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #fff; +} + +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} + +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} + +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .navbar-text a { + color: #fff; +} + +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #fff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, 0.125); + border-radius: 0.25rem; +} + +.card > hr { + margin-right: 0; + margin-left: 0; +} + +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} + +.card-link + .card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(0, 0, 0, 0.03); + border-bottom: 1px solid rgba(0, 0, 0, 0.125); +} + +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} + +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(0, 0, 0, 0.03); + border-top: 1px solid rgba(0, 0, 0, 0.125); +} + +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img { + width: 100%; + border-radius: calc(0.25rem - 1px); +} + +.card-img-top { + width: 100%; + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img-bottom { + width: 100%; + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck { + display: flex; + flex-direction: column; +} + +.card-deck .card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-deck { + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + display: flex; + flex: 1 0 0%; + flex-direction: column; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group { + display: flex; + flex-direction: column; +} + +.card-group > .card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-group { + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:first-child .card-img-top, + .card-group > .card:first-child .card-header { + border-top-right-radius: 0; + } + .card-group > .card:first-child .card-img-bottom, + .card-group > .card:first-child .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:last-child .card-img-top, + .card-group > .card:last-child .card-header { + border-top-left-radius: 0; + } + .card-group > .card:last-child .card-img-bottom, + .card-group > .card:last-child .card-footer { + border-bottom-left-radius: 0; + } + .card-group > .card:only-child { + border-radius: 0.25rem; + } + .card-group > .card:only-child .card-img-top, + .card-group > .card:only-child .card-header { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } + .card-group > .card:only-child .card-img-bottom, + .card-group > .card:only-child .card-footer { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { + border-radius: 0; + } + .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, + .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, + .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, + .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { + border-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} + +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion .card:not(:first-of-type):not(:last-of-type) { + border-bottom: 0; + border-radius: 0; +} + +.accordion .card:not(:first-of-type) .card-header:first-child { + border-radius: 0; +} + +.accordion .card:first-of-type { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.accordion .card:last-of-type { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #e9ecef; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} + +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #6c757d; + content: "/"; +} + +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} + +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} + +.breadcrumb-item.active { + color: #6c757d; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0; +} + +.page-link { + position: relative; + display: block; + padding: 5px 5px; + margin-left: 0; + line-height: 20px; + color: #151515; + background-color: transparent; + border: 0 solid transparent; +} + +.page-link:hover { + z-index: 2; + color: #00aeef; + text-decoration: none; + background-color: transparent; + border-color: transparent; +} + +.page-link:focus { + z-index: 2; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.page-link:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.page-item:last-child .page-link { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.page-item.active .page-link { + z-index: 1; + color: #00aeef; + background-color: transparent; + border-color: transparent; +} + +.page-item.disabled .page-link { + color: rgba(21, 21, 21, 0.8); + pointer-events: none; + cursor: auto; + background-color: transparent; + border-color: transparent; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 18px; + line-height: 1.83333; +} + +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} + +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 12px; + line-height: 1.5; +} + +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} + +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #e9ecef; + border-radius: 0.3rem; +} + +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} + +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} + +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #e9ecef; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + color: #fff; + text-align: center; + white-space: nowrap; + background-color: #007bff; + transition: width 0.6s ease; +} + +@media screen and (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + 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); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} + +.list-group-item-action:hover, .list-group-item-action:focus { + color: #495057; + text-decoration: none; + background-color: #f8f9fa; +} + +.list-group-item-action:active { + color: #212529; + background-color: #e9ecef; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); +} + +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.list-group-item:hover, .list-group-item:focus { + z-index: 1; + text-decoration: none; +} + +.list-group-item.disabled, .list-group-item:disabled { + color: #6c757d; + background-color: #fff; +} + +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #007bff; + border-color: #007bff; +} + +.list-group-flush .list-group-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} + +.list-group-flush:first-child .list-group-item:first-child { + border-top: 0; +} + +.list-group-flush:last-child .list-group-item:last-child { + border-bottom: 0; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .5; +} + +.close:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + color: #000; + text-decoration: none; + opacity: .75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + -webkit-appearance: none; +} + +.modal-open { + overflow: hidden; +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} + +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -25%); +} + +@media screen and (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} + +.modal.show .modal-dialog { + transform: translate(0, 0); +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - (0.5rem * 2)); +} + +.modal-dialog-centered::before { + display: block; + height: calc(100vh - (0.5rem * 2)); + content: ""; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem; + border-bottom: 1px solid #e9ecef; + border-top-left-radius: 0.3rem; + border-top-right-radius: 0.3rem; +} + +.modal-header .close { + padding: 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + align-items: center; + justify-content: flex-end; + padding: 1rem; + border-top: 1px solid #e9ecef; +} + +.modal-footer > :not(:first-child) { + margin-left: .25rem; +} + +.modal-footer > :not(:last-child) { + margin-right: .25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + .modal-dialog-centered { + min-height: calc(100% - (1.75rem * 2)); + } + .modal-dialog-centered::before { + height: calc(100vh - (1.75rem * 2)); + } + .modal-sm { + max-width: 300px; + } +} + +@media (min-width: 992px) { + .modal-lg { + max-width: 800px; + } +} + +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.575; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} + +.tooltip.show { + opacity: 1; +} + +.tooltip .arrow { + position: absolute; + display: block; + width: 12px; + height: 6px; +} + +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { + padding: 6px 0; +} + +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { + bottom: 0; +} + +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { + top: 0; + border-width: 6px 6px 0; + border-top-color: #151515; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { + padding: 0 6px; +} + +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; + width: 6px; + height: 12px; +} + +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { + right: 0; + border-width: 6px 6px 6px 0; + border-right-color: #151515; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { + padding: 6px 0; +} + +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { + top: 0; +} + +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + bottom: 0; + border-width: 0 6px 6px; + border-bottom-color: #151515; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { + padding: 0 6px; +} + +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { + right: 0; + width: 6px; + height: 12px; +} + +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { + left: 0; + border-width: 6px 0 6px 6px; + border-left-color: #151515; +} + +.tooltip-inner { + max-width: 200px; + padding: 2px 10px; + color: #ffffff; + text-align: center; + background-color: #151515; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.575; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; +} + +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} + +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^="top"] { + margin-bottom: 0.5rem; +} + +.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { + bottom: calc((0.5rem + 1px) * -1); +} + +.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, +.bs-popover-top .arrow::after, +.bs-popover-auto[x-placement^="top"] .arrow::after { + border-width: 0.5rem 0.5rem 0; +} + +.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { + bottom: 0; + border-top-color: rgba(0, 0, 0, 0.25); +} + + +.bs-popover-top .arrow::after, +.bs-popover-auto[x-placement^="top"] .arrow::after { + bottom: 1px; + border-top-color: #fff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^="right"] { + margin-left: 0.5rem; +} + +.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { + left: calc((0.5rem + 1px) * -1); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, +.bs-popover-right .arrow::after, +.bs-popover-auto[x-placement^="right"] .arrow::after { + border-width: 0.5rem 0.5rem 0.5rem 0; +} + +.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { + left: 0; + border-right-color: rgba(0, 0, 0, 0.25); +} + + +.bs-popover-right .arrow::after, +.bs-popover-auto[x-placement^="right"] .arrow::after { + left: 1px; + border-right-color: #fff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { + margin-top: 0.5rem; +} + +.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { + top: calc((0.5rem + 1px) * -1); +} + +.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, +.bs-popover-bottom .arrow::after, +.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-width: 0 0.5rem 0.5rem 0.5rem; +} + +.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { + top: 0; + border-bottom-color: rgba(0, 0, 0, 0.25); +} + + +.bs-popover-bottom .arrow::after, +.bs-popover-auto[x-placement^="bottom"] .arrow::after { + top: 1px; + border-bottom-color: #fff; +} + +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^="left"] { + margin-right: 0.5rem; +} + +.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { + right: calc((0.5rem + 1px) * -1); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, +.bs-popover-left .arrow::after, +.bs-popover-auto[x-placement^="left"] .arrow::after { + border-width: 0.5rem 0 0.5rem 0.5rem; +} + +.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { + right: 0; + border-left-color: rgba(0, 0, 0, 0.25); +} + + +.bs-popover-left .arrow::after, +.bs-popover-auto[x-placement^="left"] .arrow::after { + right: 1px; + border-left-color: #fff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + color: inherit; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} + +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-item { + position: relative; + display: none; + align-items: center; + width: 100%; + backface-visibility: hidden; + perspective: 1000px; +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; + transition: transform 0.6s ease; +} + +@media screen and (prefers-reduced-motion: reduce) { + .carousel-item.active, + .carousel-item-next, + .carousel-item-prev { + transition: none; + } +} + +.carousel-item-next, +.carousel-item-prev { + position: absolute; + top: 0; +} + +.carousel-item-next.carousel-item-left, +.carousel-item-prev.carousel-item-right { + transform: translateX(0); +} + +@supports (transform-style: preserve-3d) { + .carousel-item-next.carousel-item-left, + .carousel-item-prev.carousel-item-right { + transform: translate3d(0, 0, 0); + } +} + +.carousel-item-next, +.active.carousel-item-right { + transform: translateX(100%); +} + +@supports (transform-style: preserve-3d) { + .carousel-item-next, + .active.carousel-item-right { + transform: translate3d(100%, 0, 0); + } +} + +.carousel-item-prev, +.active.carousel-item-left { + transform: translateX(-100%); +} + +@supports (transform-style: preserve-3d) { + .carousel-item-prev, + .active.carousel-item-left { + transform: translate3d(-100%, 0, 0); + } +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-duration: .6s; + transition-property: opacity; +} + +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + opacity: 1; +} + +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + opacity: 0; +} + +.carousel-fade .carousel-item-next, +.carousel-fade .carousel-item-prev, +.carousel-fade .carousel-item.active, +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-prev { + transform: translateX(0); +} + +@supports (transform-style: preserve-3d) { + .carousel-fade .carousel-item-next, + .carousel-fade .carousel-item-prev, + .carousel-fade .carousel-item.active, + .carousel-fade .active.carousel-item-left, + .carousel-fade .active.carousel-item-prev { + transform: translate3d(0, 0, 0); + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #fff; + text-align: center; + opacity: 0.5; +} + +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: .9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: transparent no-repeat center center; + background-size: 100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 10px; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} + +.carousel-indicators li { + position: relative; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + opacity: .5; + transition: opacity 0.6s ease; +} + +@media screen and (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} + +.carousel-indicators li::before { + position: absolute; + top: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; +} + +.carousel-indicators li::after { + position: absolute; + bottom: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; +} + +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-right { + border-right: 1px solid #dee2e6 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-left { + border-left: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded { + border-radius: 0 !important; +} + +.rounded-top { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; +} + +.rounded-right { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} + +.rounded-left { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 1600px) { + .d-xxl-none { + display: none !important; + } + .d-xxl-inline { + display: inline !important; + } + .d-xxl-inline-block { + display: inline-block !important; + } + .d-xxl-block { + display: block !important; + } + .d-xxl-table { + display: table !important; + } + .d-xxl-table-row { + display: table-row !important; + } + .d-xxl-table-cell { + display: table-cell !important; + } + .d-xxl-flex { + display: flex !important; + } + .d-xxl-inline-flex { + display: inline-flex !important; + } +} + +@media print { + .d-print-none { + display: none !important; + } + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } +} + +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} + +.embed-responsive::before { + display: block; + content: ""; +} + +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.85714%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 1600px) { + .flex-xxl-row { + flex-direction: row !important; + } + .flex-xxl-column { + flex-direction: column !important; + } + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xxl-wrap { + flex-wrap: wrap !important; + } + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-xxl-fill { + flex: 1 1 auto !important; + } + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-xxl-start { + justify-content: flex-start !important; + } + .justify-content-xxl-end { + justify-content: flex-end !important; + } + .justify-content-xxl-center { + justify-content: center !important; + } + .justify-content-xxl-between { + justify-content: space-between !important; + } + .justify-content-xxl-around { + justify-content: space-around !important; + } + .align-items-xxl-start { + align-items: flex-start !important; + } + .align-items-xxl-end { + align-items: flex-end !important; + } + .align-items-xxl-center { + align-items: center !important; + } + .align-items-xxl-baseline { + align-items: baseline !important; + } + .align-items-xxl-stretch { + align-items: stretch !important; + } + .align-content-xxl-start { + align-content: flex-start !important; + } + .align-content-xxl-end { + align-content: flex-end !important; + } + .align-content-xxl-center { + align-content: center !important; + } + .align-content-xxl-between { + align-content: space-between !important; + } + .align-content-xxl-around { + align-content: space-around !important; + } + .align-content-xxl-stretch { + align-content: stretch !important; + } + .align-self-xxl-auto { + align-self: auto !important; + } + .align-self-xxl-start { + align-self: flex-start !important; + } + .align-self-xxl-end { + align-self: flex-end !important; + } + .align-self-xxl-center { + align-self: center !important; + } + .align-self-xxl-baseline { + align-self: baseline !important; + } + .align-self-xxl-stretch { + align-self: stretch !important; + } +} + +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } +} + +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } +} + +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; + } + .float-lg-none { + float: none !important; + } +} + +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-right { + float: right !important; + } + .float-xl-none { + float: none !important; + } +} + +@media (min-width: 1600px) { + .float-xxl-left { + float: left !important; + } + .float-xxl-right { + float: right !important; + } + .float-xxl-none { + float: none !important; + } +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} + +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} + +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} + +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} + +@media (min-width: 1600px) { + .m-xxl-0 { + margin: 0 !important; + } + .mt-xxl-0, + .my-xxl-0 { + margin-top: 0 !important; + } + .mr-xxl-0, + .mx-xxl-0 { + margin-right: 0 !important; + } + .mb-xxl-0, + .my-xxl-0 { + margin-bottom: 0 !important; + } + .ml-xxl-0, + .mx-xxl-0 { + margin-left: 0 !important; + } + .m-xxl-1 { + margin: 0.25rem !important; + } + .mt-xxl-1, + .my-xxl-1 { + margin-top: 0.25rem !important; + } + .mr-xxl-1, + .mx-xxl-1 { + margin-right: 0.25rem !important; + } + .mb-xxl-1, + .my-xxl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xxl-1, + .mx-xxl-1 { + margin-left: 0.25rem !important; + } + .m-xxl-2 { + margin: 0.5rem !important; + } + .mt-xxl-2, + .my-xxl-2 { + margin-top: 0.5rem !important; + } + .mr-xxl-2, + .mx-xxl-2 { + margin-right: 0.5rem !important; + } + .mb-xxl-2, + .my-xxl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xxl-2, + .mx-xxl-2 { + margin-left: 0.5rem !important; + } + .m-xxl-3 { + margin: 1rem !important; + } + .mt-xxl-3, + .my-xxl-3 { + margin-top: 1rem !important; + } + .mr-xxl-3, + .mx-xxl-3 { + margin-right: 1rem !important; + } + .mb-xxl-3, + .my-xxl-3 { + margin-bottom: 1rem !important; + } + .ml-xxl-3, + .mx-xxl-3 { + margin-left: 1rem !important; + } + .m-xxl-4 { + margin: 1.5rem !important; + } + .mt-xxl-4, + .my-xxl-4 { + margin-top: 1.5rem !important; + } + .mr-xxl-4, + .mx-xxl-4 { + margin-right: 1.5rem !important; + } + .mb-xxl-4, + .my-xxl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xxl-4, + .mx-xxl-4 { + margin-left: 1.5rem !important; + } + .m-xxl-5 { + margin: 3rem !important; + } + .mt-xxl-5, + .my-xxl-5 { + margin-top: 3rem !important; + } + .mr-xxl-5, + .mx-xxl-5 { + margin-right: 3rem !important; + } + .mb-xxl-5, + .my-xxl-5 { + margin-bottom: 3rem !important; + } + .ml-xxl-5, + .mx-xxl-5 { + margin-left: 3rem !important; + } + .p-xxl-0 { + padding: 0 !important; + } + .pt-xxl-0, + .py-xxl-0 { + padding-top: 0 !important; + } + .pr-xxl-0, + .px-xxl-0 { + padding-right: 0 !important; + } + .pb-xxl-0, + .py-xxl-0 { + padding-bottom: 0 !important; + } + .pl-xxl-0, + .px-xxl-0 { + padding-left: 0 !important; + } + .p-xxl-1 { + padding: 0.25rem !important; + } + .pt-xxl-1, + .py-xxl-1 { + padding-top: 0.25rem !important; + } + .pr-xxl-1, + .px-xxl-1 { + padding-right: 0.25rem !important; + } + .pb-xxl-1, + .py-xxl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xxl-1, + .px-xxl-1 { + padding-left: 0.25rem !important; + } + .p-xxl-2 { + padding: 0.5rem !important; + } + .pt-xxl-2, + .py-xxl-2 { + padding-top: 0.5rem !important; + } + .pr-xxl-2, + .px-xxl-2 { + padding-right: 0.5rem !important; + } + .pb-xxl-2, + .py-xxl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xxl-2, + .px-xxl-2 { + padding-left: 0.5rem !important; + } + .p-xxl-3 { + padding: 1rem !important; + } + .pt-xxl-3, + .py-xxl-3 { + padding-top: 1rem !important; + } + .pr-xxl-3, + .px-xxl-3 { + padding-right: 1rem !important; + } + .pb-xxl-3, + .py-xxl-3 { + padding-bottom: 1rem !important; + } + .pl-xxl-3, + .px-xxl-3 { + padding-left: 1rem !important; + } + .p-xxl-4 { + padding: 1.5rem !important; + } + .pt-xxl-4, + .py-xxl-4 { + padding-top: 1.5rem !important; + } + .pr-xxl-4, + .px-xxl-4 { + padding-right: 1.5rem !important; + } + .pb-xxl-4, + .py-xxl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xxl-4, + .px-xxl-4 { + padding-left: 1.5rem !important; + } + .p-xxl-5 { + padding: 3rem !important; + } + .pt-xxl-5, + .py-xxl-5 { + padding-top: 3rem !important; + } + .pr-xxl-5, + .px-xxl-5 { + padding-right: 3rem !important; + } + .pb-xxl-5, + .py-xxl-5 { + padding-bottom: 3rem !important; + } + .pl-xxl-5, + .px-xxl-5 { + padding-left: 3rem !important; + } + .m-xxl-auto { + margin: auto !important; + } + .mt-xxl-auto, + .my-xxl-auto { + margin-top: auto !important; + } + .mr-xxl-auto, + .mx-xxl-auto { + margin-right: auto !important; + } + .mb-xxl-auto, + .my-xxl-auto { + margin-bottom: auto !important; + } + .ml-xxl-auto, + .mx-xxl-auto { + margin-left: auto !important; + } +} + +.text-monospace { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +.text-justify { + text-align: justify !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} + +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} + +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} + +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} + +@media (min-width: 1600px) { + .text-xxl-left { + text-align: left !important; + } + .text-xxl-right { + text-align: right !important; + } + .text-xxl-center { + text-align: center !important; + } +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-body { + color: #808081 !important; +} + +.text-muted { + color: #6c757d !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]::after { + content: " (" attr(title) ")"; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 1px solid #9b9b9b; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + @page { + size: a3; + } + body { + min-width: 992px !important; + } + .container { + min-width: 992px !important; + } + .navbar { + display: none; + } + .badge { + border: 1px solid #000000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #ffffff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #c8c8c8 !important; + } + .table-dark { + color: inherit; + } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody + tbody { + border-color: #dee2e6; + } + .table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} + +/** @group Base */ +/** @section Reset Styles*/ +a:focus, +button:focus { + outline: none !important; +} + +button::-moz-focus-inner { + border: 0; +} + +*:focus { + outline: none; +} + +blockquote { + padding: 0; + margin: 0; +} + +input, +button, +select, +textarea { + outline: none; +} + +label { + margin-bottom: 0; +} + +p { + margin: 0; +} + +ul, +ol { + list-style: none; + padding: 0; + margin: 0; +} + +ul li, +ol li { + display: block; +} + +dl { + margin: 0; +} + +dt, +dd { + line-height: inherit; +} + +dt { + font-weight: inherit; +} + +dd { + margin-bottom: 0; +} + +cite { + font-style: normal; +} + +form { + margin-bottom: 0; +} + +blockquote { + padding-left: 0; + border-left: 0; +} + +address { + margin-top: 0; + margin-bottom: 0; +} + +figure { + margin-bottom: 0; +} + +html p a:hover { + text-decoration: none; +} + +/** @section Context Styles */ +.context-dark, .bg-gray-700, .bg-gray-800, .bg-gray-5, .bg-gray-13, .bg-gray-14, .bg-gray-17, .bg-gray-19, .bg-gray-21, .bg-primary, .bg-secondary, .bg-gradient-1 { + color: rgba(255, 255, 255, 0.8); +} + +.context-dark h1, .bg-gray-700 h1, .bg-gray-800 h1, .bg-gray-5 h1, .bg-gray-13 h1, .bg-gray-14 h1, .bg-gray-17 h1, .bg-gray-19 h1, .bg-gray-21 h1, .bg-primary h1, .bg-secondary h1, .bg-gradient-1 h1, .context-dark h2, .bg-gray-700 h2, .bg-gray-800 h2, .bg-gray-5 h2, .bg-gray-13 h2, .bg-gray-14 h2, .bg-gray-17 h2, .bg-gray-19 h2, .bg-gray-21 h2, .bg-primary h2, .bg-secondary h2, .bg-gradient-1 h2, .context-dark h3, .bg-gray-700 h3, .bg-gray-800 h3, .bg-gray-5 h3, .bg-gray-13 h3, .bg-gray-14 h3, .bg-gray-17 h3, .bg-gray-19 h3, .bg-gray-21 h3, .bg-primary h3, .bg-secondary h3, .bg-gradient-1 h3, .context-dark h4, .bg-gray-700 h4, .bg-gray-800 h4, .bg-gray-5 h4, .bg-gray-13 h4, .bg-gray-14 h4, .bg-gray-17 h4, .bg-gray-19 h4, .bg-gray-21 h4, .bg-primary h4, .bg-secondary h4, .bg-gradient-1 h4, .context-dark h5, .bg-gray-700 h5, .bg-gray-800 h5, .bg-gray-5 h5, .bg-gray-13 h5, .bg-gray-14 h5, .bg-gray-17 h5, .bg-gray-19 h5, .bg-gray-21 h5, .bg-primary h5, .bg-secondary h5, .bg-gradient-1 h5, .context-dark h6, .bg-gray-700 h6, .bg-gray-800 h6, .bg-gray-5 h6, .bg-gray-13 h6, .bg-gray-14 h6, .bg-gray-17 h6, .bg-gray-19 h6, .bg-gray-21 h6, .bg-primary h6, .bg-secondary h6, .bg-gradient-1 h6, .context-dark [class^='heading-'], .bg-gray-700 [class^='heading-'], .bg-gray-800 [class^='heading-'], .bg-gray-5 [class^='heading-'], .bg-gray-13 [class^='heading-'], .bg-gray-14 [class^='heading-'], .bg-gray-17 [class^='heading-'], .bg-gray-19 [class^='heading-'], .bg-gray-21 [class^='heading-'], .bg-primary [class^='heading-'], .bg-secondary [class^='heading-'], .bg-gradient-1 [class^='heading-'] { + color: #ffffff; +} + +/** @section Page layout */ +.page { + position: relative; + overflow: hidden; + min-height: 100vh; + opacity: 0; +} + +.page.fadeIn { + animation-timing-function: ease-out; +} + +.page.fadeOut { + animation-timing-function: ease-in; +} + +[data-x-mode] .page { + opacity: 1; +} + +html.boxed body { + background: #f5f5f5 url(../images/bg-pattern-boxed.png) repeat fixed; +} + +@media (min-width: 1630px) { + html.boxed .page { + max-width: 1600px; + margin-left: auto; + margin-right: auto; + box-shadow: 0 0 23px 0 rgba(1, 1, 1, 0.1); + } + html.boxed .rd-navbar-static { + max-width: 1600px; + margin-left: auto; + margin-right: auto; + } + html.boxed .rd-navbar-static.rd-navbar--is-stuck { + max-width: 1600px; + width: 100%; + left: calc(50% - 1600px); + right: calc(50% - 1600px); + } +} + +/** @section Offsets */ +* + p { + margin-top: 15px; +} + +* + img { + margin-top: 20px; +} + +h1 + p { + margin-top: 15px; +} + +h2 + p { + margin-top: 10px; +} + +h3 + p { + margin-top: 10px; +} + +h4 + p { + margin-top: 10px; +} + +h5 + p { + margin-top: 10px; +} + +h6 + p { + margin-top: 10px; +} + +p + h2, +p + .heading-2 { + margin-top: 15px; +} + +p + p { + margin-top: 12px; +} + +img + p { + margin-top: 15px; +} + +h3 + img { + margin-top: 42px; +} + +h3 + h3 { + margin-top: 10px; +} + +h2 + h4 { + margin-top: 10px; +} + +h2 + h5 { + margin-top: 20px; +} + +@media (min-width: 992px) { + h2 + h5 { + margin-top: 34px; + } +} + +* + .row { + margin-top: 30px; +} + +* + .big { + margin-top: 20px; +} + +* + .text-block { + margin-top: 20px; +} + +* + .button { + margin-top: 20px; +} + +* + .rd-form { + margin-top: 20px; +} + +* + .owl-carousel { + margin-top: 30px; +} + +* + .offset-top-5 { + margin-top: 30px; +} + +* + .offset-top-6 { + margin-top: 30px; +} + +@media (min-width: 768px) { + * + .offset-top-6 { + margin-top: 0; + } +} + +* + .offset-top-7 { + margin-top: 10px; +} + +.container + .container { + margin-top: 40px; +} + +.row + .row { + margin-top: 40px; +} + +.row + .button { + margin-top: 30px; +} + +.section + .section-offset-1 { + padding-top: 0; +} + +@media (min-width: 768px) { + h2 + h4 { + margin-top: 30px; + } + * + img { + margin-top: 30px; + } + h1 + p { + margin-top: 25px; + } + h2 + p { + margin-top: 20px; + } + h3 + p { + margin-top: 20px; + } + h4 + p { + margin-top: 20px; + } + h5 + p { + margin-top: 20px; + } + h6 + p { + margin-top: 16px; + } + h6 + .rd-form { + margin-top: 30px; + } + * + .row-lg { + margin-top: 50px; + } + * + .row-xl { + margin-top: 50px; + } + * + .button { + margin-top: 30px; + } + * + .rd-form { + margin-top: 30px; + } + * + .owl-carousel { + margin-top: 50px; + } + .row + .row { + margin-top: 50px; + } + .row + .button { + margin-top: 50px; + } +} + +@media (min-width: 992px) { + h2 + h4 { + margin-top: 40px; + } + h1 + p { + margin-top: 35px; + } + h2 + p { + margin-top: 20px; + } + h3 + p { + margin-top: 30px; + } + h4 + p { + margin-top: 30px; + } + h5 + p { + margin-top: 30px; + } + h6 + p { + margin-top: 22px; + } + * + .row-sm { + margin-top: 40px; + } + * + .row-md { + margin-top: 50px; + } + * + .row-lg { + margin-top: 60px; + } + * + .row-xl { + margin-top: 70px; + } + * + .text-block { + margin-top: 30px; + } + * + .big { + margin-top: 30px; + } + * + .button { + margin-top: 40px; + } + * + .owl-carousel { + margin-top: 70px; + } + .row + .button { + margin-top: 70px; + } + .section + .section-offset-1 { + padding-top: 120px; + } +} + +@media (min-width: 1200px) { + h4 + .rd-form { + margin-top: 40px; + } + * + .rd-form { + margin-top: 50px; + } + * + .offset-top-1 { + margin-top: 40px; + } + * + .offset-top-3 { + margin-top: 60px; + } + * + .owl-carousel { + margin-top: 90px; + } + .container + .container { + margin-top: 60px; + } + .row + .row { + margin-top: 60px; + } + .row + .button { + margin-top: 90px; + } + .row + .offset-top-2 { + margin-top: 70px; + } +} + +@media (min-width: 1600px) { + * + .offset-top-4 { + margin-top: 95px; + } + .section + .section-offset-1 { + padding-top: 58px; + } +} + +/** @group Utilities */ +/** @section Text styling */ +.text-italic { + font-style: italic; +} + +.text-normal { + font-style: normal; +} + +.text-transform-none { + text-transform: none; +} + +.text-underline { + text-decoration: underline; +} + +.text-strike { + text-decoration: line-through; +} + +.font-weight-thin { + font-weight: 100; +} + +.font-weight-light { + font-weight: 300; +} + +.font-weight-regular { + font-weight: 400; +} + +.font-weight-medium { + font-weight: 500; +} + +.font-weight-sbold { + font-weight: 600; +} + +.font-weight-bold { + font-weight: 700; +} + +.font-weight-ubold { + font-weight: 900; +} + +.text-spacing-0 { + letter-spacing: 0; +} + +.text-spacing-75 { + letter-spacing: .075em; +} + +.text-spacing-100 { + letter-spacing: .1em; +} + +.text-primary { + color: #00aeef; +} + +.text-white { + color: #ffffff; +} + +.text-gray-800 { + color: #151515; +} + +.text-gradient-1 { + background: linear-gradient(-90deg, #00aeef, #8dc63f); + -webkit-text-fill-color: transparent; + -webkit-background-clip: text; +} + +.ie-10 .text-gradient-1, +.ie-11 .text-gradient-1, +.ie-edge .text-gradient-1 { + color: #00aeef; + background: none; +} + +.text-1 { + line-height: 1.2; + letter-spacing: .05em; + color: #151515; +} + +@media (min-width: 768px) { + .text-1 { + font-size: 16px; + } +} + +@media (min-width: 992px) { + .text-1 { + font-size: 18px; + } +} + +@media (min-width: 1200px) { + .text-1 { + font-size: 20px; + } +} + +/** @section Row spacing */ +.row-0 { + margin-bottom: 0px; +} + +.row-0:empty { + margin-bottom: 0; +} + +.row-0 > * { + margin-bottom: 0px; +} + +.row-8 { + margin-bottom: -8px; +} + +.row-8:empty { + margin-bottom: 0; +} + +.row-8 > * { + margin-bottom: 8px; +} + +.row-10 { + margin-bottom: -10px; +} + +.row-10:empty { + margin-bottom: 0; +} + +.row-10 > * { + margin-bottom: 10px; +} + +.row-15 { + margin-bottom: -15px; +} + +.row-15:empty { + margin-bottom: 0; +} + +.row-15 > * { + margin-bottom: 15px; +} + +.row-20 { + margin-bottom: -20px; +} + +.row-20:empty { + margin-bottom: 0; +} + +.row-20 > * { + margin-bottom: 20px; +} + +.row-30 { + margin-bottom: -30px; +} + +.row-30:empty { + margin-bottom: 0; +} + +.row-30 > * { + margin-bottom: 30px; +} + +.row-40 { + margin-bottom: -40px; +} + +.row-40:empty { + margin-bottom: 0; +} + +.row-40 > * { + margin-bottom: 40px; +} + +.row-50 { + margin-bottom: -50px; +} + +.row-50:empty { + margin-bottom: 0; +} + +.row-50 > * { + margin-bottom: 50px; +} + +@media (min-width: 768px) { + .row-md-30 { + margin-bottom: -30px; + } + .row-md-30:empty { + margin-bottom: 0; + } + .row-md-30 > * { + margin-bottom: 30px; + } + .row-md-50 { + margin-bottom: -50px; + } + .row-md-50:empty { + margin-bottom: 0; + } + .row-md-50 > * { + margin-bottom: 50px; + } + .row-md-60 { + margin-bottom: -60px; + } + .row-md-60:empty { + margin-bottom: 0; + } + .row-md-60 > * { + margin-bottom: 60px; + } +} + +@media (min-width: 992px) { + .row-lg-50 { + margin-bottom: -50px; + } + .row-lg-50:empty { + margin-bottom: 0; + } + .row-lg-50 > * { + margin-bottom: 50px; + } + .row-lg-70 { + margin-bottom: -70px; + } + .row-lg-70:empty { + margin-bottom: 0; + } + .row-lg-70 > * { + margin-bottom: 70px; + } + .row-lg-80 { + margin-bottom: -80px; + } + .row-lg-80:empty { + margin-bottom: 0; + } + .row-lg-80 > * { + margin-bottom: 80px; + } +} + +@media (min-width: 1200px) { + .row-xl-50 { + margin-bottom: -50px; + } + .row-xl-50:empty { + margin-bottom: 0; + } + .row-xl-50 > * { + margin-bottom: 50px; + } + .row-xl-70 { + margin-bottom: -70px; + } + .row-xl-70:empty { + margin-bottom: 0; + } + .row-xl-70 > * { + margin-bottom: 70px; + } + .row-xl-80 { + margin-bottom: -80px; + } + .row-xl-80:empty { + margin-bottom: 0; + } + .row-xl-80 > * { + margin-bottom: 80px; + } + .row-xl-100 { + margin-bottom: -100px; + } + .row-xl-100:empty { + margin-bottom: 0; + } + .row-xl-100 > * { + margin-bottom: 100px; + } +} + +@media (min-width: 1600px) { + .row-xxl-60 { + margin-bottom: -60px; + } + .row-xxl-60:empty { + margin-bottom: 0; + } + .row-xxl-60 > * { + margin-bottom: 60px; + } +} + +/** @section Sections */ +.section-xs, +.section-sm, +.section-md, +.section-lg, +.section-xl, +.section-xxl { + padding: 50px 0; +} + +.section-collapse + .section-collapse { + padding-top: 0; +} + +.section-collapse:last-child { + padding-bottom: 0; +} + +html [class*='section-'].section-bottom-0 { + padding-bottom: 0; +} + +@media (max-width: 991.98px) { + section.section-sm:first-of-type, + section.section-md:first-of-type, + section.section-lg:first-of-type, + section.section-xl:first-of-type, + section.section-xxl:first-of-type { + padding-top: 40px; + } +} + +@media (min-width: 768px) { + .section-sm { + padding: 60px 0; + } + .section-md { + padding: 70px 0; + } + .section-lg { + padding: 80px 0; + } + .section-xl { + padding: 90px 0; + } + .section-xxl { + padding: 100px 0; + } +} + +@media (min-width: 992px) { + .section-xs { + padding: 60px 0; + } + .section-sm { + padding: 70px 0; + } + .section-md { + padding: 80px 0; + } + .section-lg { + padding: 90px 0; + } + .section-xl { + padding: 100px 0; + } + .section-xxl { + padding: 110px 0; + } + .section-inset-1 { + padding-bottom: 130px; + } + .rd-navbar-static-linked .section-inset-2 { + padding: 160px 0; + } + .section-inset-5 { + padding-top: 200px; + } +} + +@media (min-width: 1200px) { + .section-xs { + padding: 70px 0; + } + .section-sm { + padding: 80px 0; + } + .section-md { + padding: 90px 0; + } + .section-lg { + padding: 100px 0; + } + .section-xl { + padding: 110px 0; + } + .section-xxl { + padding: 120px 0; + } + .section-inset-1 { + padding-bottom: 150px; + } + .section-inset-3 { + padding-top: 140px; + } + .section-inset-4 { + padding: 260px 0 140px; + } + .section-inset-5 { + padding: 325px 0 180px; + } + .section-inset-6 { + padding-bottom: 0; + } + .section-inset-7 { + padding: 160px 0; + } + .section-inset-8 { + padding: 200px 0 240px; + } + .section-inset-9 { + padding-top: 0; + } +} + +@media (min-width: 1600px) { + .section-inset-10 { + padding: 150px 0; + } + .section-inset-11 { + padding: 140px 0; + } +} + +.section-single { + position: relative; + display: flex; + text-align: center; + z-index: 1; +} + +.section-single p { + margin-left: auto; + margin-right: auto; +} + +.section-single .rd-mailform-wrap { + max-width: 720px; + margin-left: auto; + margin-right: auto; + text-align: center; +} + +.section-single * + .rights { + margin-top: 30px; +} + +.section-single * + .rd-mailform-wrap { + margin-top: 30px; +} + +@media (min-width: 768px) { + .section-single * + .rd-mailform-wrap { + margin-top: 45px; + } +} + +@media (min-width: 992px) { + .section-single * + .rights { + margin-top: 60px; + } + .section-single * + .rd-mailform-wrap { + margin-top: 60px; + } +} + +@media (min-width: 1200px) { + .section-single * + .rd-mailform-wrap { + margin-top: 80px; + } +} + +.section-single-header { + padding: calc(1em + 2vh) 0; +} + +.section-single-main { + padding: calc(1em + 4vh) 0; +} + +.section-single-footer { + padding: calc(1em + 2vh) 0; +} + +.section-single-inner { + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; + width: 100%; + min-height: 100vh; +} + +.section-single-inner > * { + width: 100%; +} + +@media (min-width: 992px) { + .section-single-header { + padding-top: calc(1em + 6vh); + } + .section-single-footer { + padding-bottom: calc(1em + 3vh); + } +} + +.section-decor { + position: relative; + z-index: 0; +} + +.section-decor::before { + position: absolute; + content: ''; + background-image: radial-gradient(#d7d7d7 1.5px, transparent 2.5px); + background-size: 30px 30px; + z-index: -1; +} + +.section-decor-left::before { + top: 0; + bottom: 0; + left: 0; + width: 15.6%; + background-position: 0 0; +} + +.section-decor-left-2::before { + bottom: 0; + left: 0; + width: 25%; + height: 77%; + background-position: 0 100%; +} + +.section-decor-top::before { + top: 0; + left: 0; + right: 0; + height: 15%; + background-position: 0 0; +} + +@media (min-width: 992px) { + .section-decor-top::before { + height: 20%; + } +} + +.swiper-slider-1 .swiper-slide-caption { + height: 100%; + position: relative; + z-index: 1; +} + +@media (min-width: 992px) { + .swiper-slider-1 .swiper-slide-caption { + padding-top: 150px; + } +} + +@media (min-width: 1200px) { + .swiper-slider-1 .swiper-slide-caption { + padding-top: 150px; + } +} + +/** @section Grid modules */ +.grid-demo { + letter-spacing: 0; + text-align: center; +} + +.grid-demo p { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.grid-demo * + p { + margin-top: 5px; +} + +.grid-demo * + .row { + margin-top: 20px; +} + +.grid-demo .row + .row { + margin-top: 0; +} + +@media (min-width: 1200px) { + .grid-demo { + text-align: left; + } + .grid-demo p { + white-space: normal; + overflow: visible; + text-overflow: unset; + } + .grid-demo * + p { + margin-top: 25px; + } +} + +.grid-demo-bordered .row { + border: 0 solid #d7d7d7; + border-top-width: 1px; +} + +.grid-demo-bordered .row:last-child { + border-bottom-width: 1px; +} + +.grid-demo-bordered [class*='col'] { + padding: 5px 15px; +} + +.grid-demo-bordered [class*='col']:before { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: -1px; + border-left: 1px solid #d7d7d7; +} + +@media (min-width: 768px) { + .grid-demo-bordered [class*='col'] { + padding: 30px; + } +} + +@media (min-width: 1200px) { + .grid-demo-bordered [class*='col'] { + padding: 50px 50px 45px; + } +} + +.grid-demo-underlined .row { + border-bottom: 1px solid #d7d7d7; +} + +.grid-demo-underlined [class*='col'] { + padding: 5px 15px; +} + +@media (min-width: 768px) { + .grid-demo-underlined [class*='col'] { + padding-top: 25px; + padding-bottom: 25px; + } +} + +@media (min-width: 1200px) { + .grid-demo-underlined [class*='col'] { + padding-top: 45px; + padding-bottom: 45px; + } +} + +.gutter-6 { + margin-left: -3px; + margin-right: -3px; +} + +.gutter-6 > [class*='col'] { + padding-left: 3px; + padding-right: 3px; +} + +.gutter-8 { + margin-left: -4px; + margin-right: -4px; +} + +.gutter-8 > [class*='col'] { + padding-left: 4px; + padding-right: 4px; +} + +.gutter-20 { + margin-left: -10px; + margin-right: -10px; +} + +.gutter-20 > [class*='col'] { + padding-left: 10px; + padding-right: 10px; +} + +@media (min-width: 1200px) { + .container-style-1 { + max-width: none; + } +} + +@media (min-width: 1200px) { + .container-style-2 { + max-width: 1800px; + } +} + +@media (min-width: 1200px) { + .container-style-3 { + max-width: none; + padding: 0; + } +} + +.container-style-4 { + padding-right: 2.3%; +} + +@media (min-width: 1200px) { + .container-style-4 { + padding-left: 2%; + padding-right: 2%; + max-width: 1760px; + } +} + +@media (min-width: 1600px) { + .container-style-4 { + padding-left: 30px; + } +} + +.boxed-1 [class*='section-'] + [class*='section-'] { + padding-top: 0; +} + +@media (min-width: 1600px) { + .boxed-1 { + margin-left: 5.5208%; + border-left: 1px solid #e7eff6; + } +} + +/** @section Backgrounds */ +.context-dark .brand .brand-logo-dark, .bg-gray-700 .brand .brand-logo-dark, .bg-gray-800 .brand .brand-logo-dark, .bg-gray-5 .brand .brand-logo-dark, .bg-gray-13 .brand .brand-logo-dark, .bg-gray-14 .brand .brand-logo-dark, .bg-gray-17 .brand .brand-logo-dark, .bg-gray-19 .brand .brand-logo-dark, .bg-gray-21 .brand .brand-logo-dark, .bg-primary .brand .brand-logo-dark, .bg-secondary .brand .brand-logo-dark, .bg-gradient-1 .brand .brand-logo-dark { + display: none; +} + +.context-dark .brand .brand-logo-light, .bg-gray-700 .brand .brand-logo-light, .bg-gray-800 .brand .brand-logo-light, .bg-gray-5 .brand .brand-logo-light, .bg-gray-13 .brand .brand-logo-light, .bg-gray-14 .brand .brand-logo-light, .bg-gray-17 .brand .brand-logo-light, .bg-gray-19 .brand .brand-logo-light, .bg-gray-21 .brand .brand-logo-light, .bg-primary .brand .brand-logo-light, .bg-secondary .brand .brand-logo-light, .bg-gradient-1 .brand .brand-logo-light { + display: block; +} + +.bg-default { + background-color: #ffffff; +} + +.bg-default:not([style*="background-"]) + .bg-default:not([style*="background-"]) { + padding-top: 0; +} + +.bg-white { + background-color: #ffffff; +} + +.bg-white:not([style*="background-"]) + .bg-white:not([style*="background-"]) { + padding-top: 0; +} + +.bg-gray-100 { + background-color: #f5f5f5; +} + +.bg-gray-100:not([style*="background-"]) + .bg-gray-100:not([style*="background-"]) { + padding-top: 0; +} + +.bg-gray-1 { + background-color: #e8e8e8; +} + +.bg-gray-1:not([style*="background-"]) + .bg-gray-1:not([style*="background-"]) { + padding-top: 0; +} + +.bg-gray-2 { + background-color: #dddddd; +} + +.bg-gray-2:not([style*="background-"]) + .bg-gray-2:not([style*="background-"]) { + padding-top: 0; +} + +.bg-gray-3 { + background-color: #e7eff6; +} + +.bg-gray-3:not([style*="background-"]) + .bg-gray-3:not([style*="background-"]) { + padding-top: 0; +} + +.bg-gray-4 { + background-color: #f2f8ff; +} + +.bg-gray-4:not([style*="background-"]) + .bg-gray-4:not([style*="background-"]) { + padding-top: 0; +} + +.bg-gray-700 { + background-color: #3d3d3d; +} + +.bg-gray-700:not([style*="background-"]) + .bg-gray-700:not([style*="background-"]) { + padding-top: 0; +} + +.bg-gray-800 { + background-color: #151515; +} + +.bg-gray-800:not([style*="background-"]) + .bg-gray-800:not([style*="background-"]) { + padding-top: 0; +} + +.bg-gray-5 { + background-color: #373737; +} + +.bg-gray-5:not([style*="background-"]) + .bg-gray-5:not([style*="background-"]) { + padding-top: 0; +} + +.bg-gray-13 { + background-color: #3a3b42; +} + +.bg-gray-13:not([style*="background-"]) + .bg-gray-13:not([style*="background-"]) { + padding-top: 0; +} + +.bg-gray-14 { + background-color: #3f4046; +} + +.bg-gray-14:not([style*="background-"]) + .bg-gray-14:not([style*="background-"]) { + padding-top: 0; +} + +.bg-gray-17 { + background-color: #404148; +} + +.bg-gray-17:not([style*="background-"]) + .bg-gray-17:not([style*="background-"]) { + padding-top: 0; +} + +.bg-gray-19 { + background-color: #232a30; +} + +.bg-gray-19:not([style*="background-"]) + .bg-gray-19:not([style*="background-"]) { + padding-top: 0; +} + +.bg-gray-21 { + background-color: #2d2c2c; +} + +.bg-gray-21:not([style*="background-"]) + .bg-gray-21:not([style*="background-"]) { + padding-top: 0; +} + +.bg-primary { + background-color: #00aeef; +} + +.bg-primary:not([style*="background-"]) + .bg-primary:not([style*="background-"]) { + padding-top: 0; +} + +.bg-secondary { + background-color: #8dc63f; +} + +.bg-secondary:not([style*="background-"]) + .bg-secondary:not([style*="background-"]) { + padding-top: 0; +} + +.bg-gradient-1 { + background-size: 200% auto; + background-position: 0 50%; + background-image: linear-gradient(84deg, #00aeef 0%, #f1db90 50%, #00aeef 100%); + animation: motionGradient2 20s infinite linear; +} + +@keyframes motionGradient2 { + 25% { + background-position: 0 50%; + } + 50% { + background-position: 100% 50%; + } + 75% { + background-position: 100% 50%; + } +} + +.bg-image { + background-size: cover; + background-position: center; +} + +@media (min-width: 992px) { + html:not(.tablet):not(.mobile) .bg-fixed { + background-attachment: fixed; + } +} + +.color-default-line { + display: flex; + margin-left: -8px; +} + +.color-default-line > * { + margin-left: 8px; +} + +.color-default-item { + width: 53px; + height: 53px; +} + +* + .color-default { + margin-top: 16px; +} + +.color-default-line + .color-default-line { + margin-top: 8px; +} + +.bg-slideshow { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: -1; +} + +.bg-slideshow li { + position: absolute; + width: inherit; + height: inherit; + top: 0; + left: 0; + opacity: 0; + z-index: 0; + -webkit-backface-visibility: hidden; +} + +@keyframes imageAnimation { + 0% { + opacity: 0; + animation-timing-function: ease-in; + } + 8% { + opacity: 1; + transform: scale(1.05); + animation-timing-function: ease-out; + } + 17% { + opacity: 1; + transform: scale(1.1) rotate(3deg); + } + 25% { + opacity: 0; + transform: scale(1.1) rotate(3deg); + } + 100% { + opacity: 0; + } +} + +/** @section Utilities custom */ +.height-fill { + position: relative; + display: flex; + flex-direction: column; + align-items: stretch; +} + +.height-fill > * { + flex-grow: 1; + flex-shrink: 0; +} + +.object-inline { + white-space: nowrap; +} + +.object-inline > * { + display: inline-block; + min-width: 20px; + vertical-align: top; + white-space: normal; +} + +.object-inline > * + * { + margin-left: 5px; +} + +.oh { + position: relative; + overflow: hidden; +} + +.text-decoration-lines { + position: relative; + overflow: hidden; + width: 100%; +} + +.text-decoration-lines-content { + position: relative; + display: inline-block; + min-width: 170px; + font-size: 13px; + text-transform: uppercase; +} + +.text-decoration-lines-content::before, .text-decoration-lines-content::after { + content: ''; + position: absolute; + height: 1px; + background: #d7d7d7; + top: 50%; + width: 100vw; +} + +.text-decoration-lines-content::before { + left: 0; + transform: translate3d(-100%, 0, 0); +} + +.text-decoration-lines-content::after { + right: 0; + transform: translate3d(100%, 0, 0); +} + +* + .text-decoration-lines { + margin-top: 30px; +} + +p.rights { + font-weight: 400; + color: #808081; +} + +p.rights a { + color: inherit; +} + +p.rights a:hover { + color: #00aeef; +} + +.context-dark p.rights, .bg-gray-700 p.rights, .bg-gray-800 p.rights, .bg-gray-5 p.rights, .bg-gray-13 p.rights, .bg-gray-14 p.rights, .bg-gray-17 p.rights, .bg-gray-19 p.rights, .bg-gray-21 p.rights, .bg-primary p.rights, .bg-secondary p.rights, .bg-gradient-1 p.rights { + color: #ffffff; +} + +[style*='z-index: 1000;'] { + z-index: 1101 !important; +} + +.text-block > * { + margin-left: .125em; + margin-right: .125em; +} + +@media (min-width: 992px) { + .inset-lg-left-100 { + padding-left: 100px; + } +} + +@media (min-width: 1200px) { + .inset-xl-right-30 { + padding-right: 30px; + } + .inset-xl-left-40 { + padding-left: 40px; + } + .inset-xl-right-40 { + padding-right: 40px; + } + .inset-xl-right-60 { + padding-right: 60px; + } + .inset-xl-left-70 { + padding-left: 70px; + } + .inset-xl-right-70 { + padding-right: 70px; + } +} + +@media (min-width: 1600px) { + .inset-xxl-right-1 { + padding-right: 7.6%; + } + .inset-xxl-left-1 { + padding-left: 22%; + } + .inset-xxl-left-2 { + padding-left: 10%; + } +} + +@media (min-width: 1200px) { + .offset-xl-bottom-100 { + margin-bottom: 100px; + } + .offset-negative-bottom-1 { + margin-bottom: -120px; + } + .offset-negative-top-1 { + margin-top: -160px; + } + .offset-negative-xl-left-15 { + margin-left: -15px; + } +} + +.position-relative { + position: relative; +} + +.position-static { + position: static; +} + +.index-1 { + z-index: 1; +} + +.circle-wrap { + position: relative; + z-index: 1; +} + +.circle { + position: absolute; + width: 280px; + height: 280px; + border-radius: 50%; + transform: translate3d(-50%, -50%, 0) scale(1); + animation: circleScale 5s infinite ease; + z-index: -1; +} + +.circle-1 { + top: 53%; + left: 54%; + background: #f5f5f5; +} + +.circle-2 { + top: 54%; + left: 48%; + background: rgba(0, 174, 239, 0.2); +} + +@media (min-width: 576px) { + .circle { + width: 320px; + height: 320px; + } +} + +@media (min-width: 992px) { + .circle { + width: 400px; + height: 400px; + } +} + +@media (min-width: 1200px) { + .circle { + width: 460px; + height: 460px; + } +} + +@keyframes circleScale { + 50% { + transform: translate3d(-50%, -50%, 0) scale(0.8); + } +} + +.wave-wrap { + display: flex; + align-items: center; +} + +.wave-wrap .svg-wave { + margin-right: 16px; +} + +.svg-wave path { + stroke: #151515; + stroke-dasharray: 130; + stroke-dashoffset: 0; + animation: wave 3s ease alternate infinite; +} + +@media (max-width: 575.98px) { + .svg-wave { + width: 80px; + height: auto; + } +} + +@media (min-width: 576px) { + .wave-wrap-1 { + padding-left: 130px; + } + .wave-wrap-1 span { + text-indent: -130px; + } +} + +.context-dark .svg-wave path, .bg-gray-700 .svg-wave path, .bg-gray-800 .svg-wave path, .bg-gray-5 .svg-wave path, .bg-gray-13 .svg-wave path, .bg-gray-14 .svg-wave path, .bg-gray-17 .svg-wave path, .bg-gray-19 .svg-wave path, .bg-gray-21 .svg-wave path, .bg-primary .svg-wave path, .bg-secondary .svg-wave path, .bg-gradient-1 .svg-wave path { + stroke: #ffffff; +} + +@keyframes wave { + 0% { + stroke-dashoffset: -130; + } + 50% { + stroke-dashoffset: 0; + } + 100% { + stroke-dashoffset: 130; + } +} + +@media (min-width: 992px) { + .decorative-line { + position: relative; + } + .decorative-line::after { + content: ''; + position: absolute; + top: 77%; + right: -16%; + height: 2px; + width: 92px; + background: #c8c8c8; + } +} + +.decorative-line-custom { + position: relative; +} + +.decorative-line-custom::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + border-top: 1px solid #e7eff6; +} + +/** @group Components */ +/** @section Typography */ +body { + font-size: 16px; + line-height: 1.575; + font-weight: 300; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + letter-spacing: .025em; + color: #808081; + background-color: #ffffff; + -webkit-text-size-adjust: none; + -webkit-font-smoothing: subpixel-antialiased; +} + +@media (min-width: 576px) { + body { + font-size: 14px; + } +} + +@media (min-width: 768px) { + body { + font-size: 15px; + } +} + +@media (min-width: 992px) { + body { + font-size: 16px; + } +} + +h1, h2, h3, h4, h5, h6, [class^='heading-'] { + margin-top: 0; + margin-bottom: 0; + font-family: "Playfair Display", serif; + font-weight: 300; + letter-spacing: 0; + color: #151515; +} + +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class^='heading-'] a { + color: inherit; +} + +h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, [class^='heading-'] a:hover { + color: #00aeef; +} + +h1, +.heading-1 { + font-size: 40px; + line-height: 1.2; + letter-spacing: 0; +} + +@media (min-width: 992px) { + h1, + .heading-1 { + font-size: 50px; + } +} + +@media (min-width: 1200px) { + h1, + .heading-1 { + font-size: 67px; + } +} + +h2, +.heading-2 { + font-size: 29px; + line-height: 1.33333; + font-weight: 700; +} + +@media (min-width: 576px) { + h2, + .heading-2 { + font-size: 33px; + } +} + +@media (min-width: 768px) { + h2, + .heading-2 { + font-size: 37px; + } +} + +@media (min-width: 992px) { + h2, + .heading-2 { + font-size: 41px; + } +} + +@media (min-width: 1200px) { + h2, + .heading-2 { + font-size: 45px; + } +} + +h3, +.heading-3 { + font-size: 14px; + line-height: 1.3; + font-weight: 400; +} + +@media (min-width: 576px) { + h3, + .heading-3 { + font-size: 17px; + } +} + +@media (min-width: 768px) { + h3, + .heading-3 { + font-size: 20px; + } +} + +@media (min-width: 992px) { + h3, + .heading-3 { + font-size: 23px; + } +} + +@media (min-width: 1200px) { + h3, + .heading-3 { + font-size: 26px; + } +} + +h4, +.heading-4 { + font-size: 12px; + line-height: 1.8; + font-weight: 400; +} + +@media (min-width: 576px) { + h4, + .heading-4 { + font-size: 14px; + } +} + +@media (min-width: 768px) { + h4, + .heading-4 { + font-size: 16px; + } +} + +@media (min-width: 992px) { + h4, + .heading-4 { + font-size: 18px; + } +} + +@media (min-width: 1200px) { + h4, + .heading-4 { + font-size: 20px; + } +} + +h5, +.heading-5 { + font-size: 12px; + line-height: 1.66667; + letter-spacing: .05em; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +@media (min-width: 768px) { + h5, + .heading-5 { + font-size: 14px; + } +} + +@media (min-width: 992px) { + h5, + .heading-5 { + font-size: 16px; + } +} + +@media (min-width: 1200px) { + h5, + .heading-5 { + font-size: 18px; + } +} + +h6, +.heading-6 { + font-size: 13px; + line-height: 1.875; + letter-spacing: .05em; + text-transform: uppercase; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +@media (min-width: 768px) { + h6, + .heading-6 { + font-size: 14px; + } +} + +@media (min-width: 992px) { + h6, + .heading-6 { + font-size: 15px; + } +} + +@media (min-width: 1200px) { + h6, + .heading-6 { + font-size: 16px; + } +} + +.heading-7 { + font-size: 40px; + line-height: 1.2; +} + +@media (min-width: 576px) { + .heading-7 { + font-size: 45px; + } +} + +@media (min-width: 768px) { + .heading-7 { + font-size: 50px; + } +} + +@media (min-width: 992px) { + .heading-7 { + font-size: 55px; + } +} + +@media (min-width: 1200px) { + .heading-7 { + font-size: 65px; + } +} + +.heading-7 + .wave-wrap { + margin-top: 16px; +} + +.heading-7 + .svg-wave { + margin-top: 20px; +} + +@media (min-width: 768px) { + .heading-7 + .wave-wrap { + margin-top: 28px; + } + .heading-7 + .svg-wave { + margin-top: 30px; + } +} + +small, +.small { + display: block; + font-size: 12px; + line-height: 1.5; +} + +mark, +.mark { + padding: 3px 5px; + color: #ffffff; + background: #00aeef; +} + +.big { + font-size: 15px; + line-height: 1.83333; + letter-spacing: .025em; +} + +@media (min-width: 576px) { + .big { + font-size: 16px; + } +} + +@media (min-width: 992px) { + .big { + font-size: 18px; + } +} + +.lead { + font-size: 16px; + line-height: 33px; + letter-spacing: .025em; +} + +@media (min-width: 576px) { + .lead { + font-size: 18px; + } +} + +@media (min-width: 992px) { + .lead { + font-size: 20px; + } +} + +code { + padding: 3px 5px; + border-radius: 0.2rem; + font-size: 90%; + color: #111111; + background: #f5f5f5; +} + +p [data-toggle='tooltip'] { + padding-left: .2em; + padding-right: .2em; + color: #b7b7b7; +} + +p [style*='max-width'] { + display: inline-block; +} + +::selection { + background: #00aeef; + color: #ffffff; +} + +::-moz-selection { + background: #00aeef; + color: #ffffff; +} + +.font-family-base { + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.title-1 { + font-weight: 400; + letter-spacing: .2em; + text-transform: uppercase; + color: rgba(21, 21, 21, 0.5); +} + +.title-1 + h3 { + margin-top: 15px; +} + +.title-2 { + text-transform: uppercase; + font-weight: 400; + color: #151515; +} + +.title-3 { + font-size: 70px; + line-height: 1; + letter-spacing: .05em; + font-weight: 100; + font-family: "Playfair Display", serif; +} + +@media (min-width: 576px) { + .title-3 { + font-size: 100px; + } +} + +@media (min-width: 768px) { + .title-3 { + font-size: 150px; + } +} + +@media (min-width: 992px) { + .title-3 { + font-size: 200px; + } +} + +@media (min-width: 1200px) { + .title-3 { + font-size: 236px; + } +} + +.title-3 + * { + margin-top: 30px; +} + +@media (min-width: 992px) { + .title-3 + * { + margin-top: 45px; + } +} + +.title-4 { + font-weight: 400; + letter-spacing: .1em; + color: inherit; +} + +@media (min-width: 992px) { + .title-4 + .button { + margin-top: 45px; + } +} + +@media (min-width: 1200px) { + .title-4 + .button { + margin-top: 60px; + } +} + +.title-5 { + letter-spacing: .1em; + padding-bottom: 18px; + border-bottom: 1px solid #f2f8ff; +} + +.title-5 span { + display: inline-block; + width: 30px; + height: 30px; + line-height: 30px; + border-radius: 50%; + margin-right: 5px; + color: #ffffff; + background: #00aeef; +} + +.title-6 { + line-height: 1.5; + font-weight: 300; + letter-spacing: .025em; + text-transform: none; + color: inherit; +} + +* + .title-6 { + margin-top: 12px; +} + +.title-6 + .list-marked { + margin-top: 30px; +} + +.title-16 + .title-6 { + margin-top: 30px; +} + +@media (min-width: 768px) { + * + .title-6 { + margin-top: 22px; + } +} + +@media (min-width: 992px) { + .title-15 + .title-6 { + margin-top: 30px; + } + .title-16 + .title-6 { + margin-top: 50px; + } + .title-6 + .list-marked { + margin-top: 54px; + } + .title-6 + .list-contacts { + margin-top: 40px; + } +} + +@media (min-width: 1200px) { + .title-6 + .group-middle { + margin-top: 50px; + } +} + +.context-dark .title-6, .bg-gray-700 .title-6, .bg-gray-800 .title-6, .bg-gray-5 .title-6, .bg-gray-13 .title-6, .bg-gray-14 .title-6, .bg-gray-17 .title-6, .bg-gray-19 .title-6, .bg-gray-21 .title-6, .bg-primary .title-6, .bg-secondary .title-6, .bg-gradient-1 .title-6 { + color: rgba(255, 255, 255, 0.5); +} + +.title-7 span { + display: inline-block; +} + +.title-7 span::before { + display: block; + content: ''; + height: 50px; + width: 0; + margin: 0 auto 4px; + transform: rotate(40deg); + border-left: 1px solid #151515; +} + +@media (min-width: 768px) { + .title-7 span::before { + height: 66px; + } +} + +.context-dark .title-7 span::before, .bg-gray-700 .title-7 span::before, .bg-gray-800 .title-7 span::before, .bg-gray-5 .title-7 span::before, .bg-gray-13 .title-7 span::before, .bg-gray-14 .title-7 span::before, .bg-gray-17 .title-7 span::before, .bg-gray-19 .title-7 span::before, .bg-gray-21 .title-7 span::before, .bg-primary .title-7 span::before, .bg-secondary .title-7 span::before, .bg-gradient-1 .title-7 span::before { + border-color: rgba(255, 255, 255, 0.3); +} + +.title-8 { + letter-spacing: .2em; + color: rgba(21, 21, 21, 0.6); +} + +.title-8 + h2 { + margin-top: 20px; +} + +.context-dark .title-8, .bg-gray-700 .title-8, .bg-gray-800 .title-8, .bg-gray-5 .title-8, .bg-gray-13 .title-8, .bg-gray-14 .title-8, .bg-gray-17 .title-8, .bg-gray-19 .title-8, .bg-gray-21 .title-8, .bg-primary .title-8, .bg-secondary .title-8, .bg-gradient-1 .title-8 { + color: rgba(255, 255, 255, 0.6); +} + +.title-9 { + font-weight: 700; + text-transform: uppercase; +} + +.title-10 { + font-weight: 500; + letter-spacing: .12em; + text-transform: uppercase; + color: rgba(21, 21, 21, 0.6); +} + +.context-dark .title-10, .bg-gray-700 .title-10, .bg-gray-800 .title-10, .bg-gray-5 .title-10, .bg-gray-13 .title-10, .bg-gray-14 .title-10, .bg-gray-17 .title-10, .bg-gray-19 .title-10, .bg-gray-21 .title-10, .bg-primary .title-10, .bg-secondary .title-10, .bg-gradient-1 .title-10 { + color: rgba(255, 255, 255, 0.6); +} + +.title-11 { + line-height: 1.714; + font-weight: 300; +} + +.title-12 { + font-weight: 100; + letter-spacing: .01em; +} + +.title-13 { + line-height: 1.714; + font-weight: 300; + letter-spacing: .01em; +} + +* + .title-13 { + margin-top: 25px; +} + +.title-13 + .list-social { + margin-top: 30px; +} + +@media (min-width: 992px) { + * + .title-13 { + margin-top: 30px; + } + .title-13 + .list-social { + margin-top: 40px; + } +} + +.title-14 { + font-weight: 300; + letter-spacing: .01em; +} + +.title-15 { + font-weight: 300; + letter-spacing: 0; +} + +@media (min-width: 992px) { + .title-15-wrap { + padding-left: 110px; + } + .title-15-wrap .title-15 { + text-indent: -110px; + } +} + +@media (min-width: 1200px) { + .title-15-wrap { + padding-left: 165px; + } + .title-15-wrap .title-15 { + text-indent: -165px; + } + .title-15 + .big { + margin-top: 40px; + } +} + +.context-dark .title-15::before, .bg-gray-700 .title-15::before, .bg-gray-800 .title-15::before, .bg-gray-5 .title-15::before, .bg-gray-13 .title-15::before, .bg-gray-14 .title-15::before, .bg-gray-17 .title-15::before, .bg-gray-19 .title-15::before, .bg-gray-21 .title-15::before, .bg-primary .title-15::before, .bg-secondary .title-15::before, .bg-gradient-1 .title-15::before { + border-top-color: rgba(255, 255, 255, 0.6); +} + +.title-16 { + font-weight: 300; + letter-spacing: 0; + color: #00aeef; +} + +* + .title-16 { + margin-top: 22px; +} + +.title-17 { + font-weight: 400; + letter-spacing: .02em; + text-transform: none; +} + +.title-17::after { + display: inline-block; + content: ''; + width: 33px; + height: 0; + margin-left: 10px; + border-top: 3px solid #00aeef; +} + +@media (min-width: 1200px) { + .title-17 + .big { + margin-top: 36px; + } +} + +.title-18 { + font-size: 15px; + font-weight: 500; + line-height: 1.2; + letter-spacing: .075em; + text-transform: uppercase; + color: #151515; +} + +.title-18 > * { + display: inline-block; + vertical-align: middle; +} + +.title-18 .decor { + display: inline-block; + margin: 0 20px; + width: 60px; + border-top: 1px solid #e7eff6; +} + +.title-19 { + font-weight: 700; + letter-spacing: -0.01em; + font-style: italic; + text-transform: uppercase; +} + +.button + .title-19 { + margin-top: 14px; +} + +@media (min-width: 768px) { + .title-19 + .button { + margin-top: 25px; + } + .button + .title-19 { + margin-top: 18px; + } +} + +@media (min-width: 1600px) { + .title-19 { + font-size: 120px; + } +} + +.context-dark .title-19, .bg-gray-700 .title-19, .bg-gray-800 .title-19, .bg-gray-5 .title-19, .bg-gray-13 .title-19, .bg-gray-14 .title-19, .bg-gray-17 .title-19, .bg-gray-19 .title-19, .bg-gray-21 .title-19, .bg-primary .title-19, .bg-secondary .title-19, .bg-gradient-1 .title-19 { + color: rgba(255, 255, 255, 0.22); +} + +.title-20 { + font-weight: 400; + letter-spacing: .025em; + text-transform: none; +} + +.title-group { + display: flex; + flex-direction: column; +} + +.title-group-left { + margin-top: 10px; +} + +@media (min-width: 768px) { + .title-18 { + transform: translateX(50%) rotate(90deg); + } + .title-group { + display: flex; + align-items: center; + flex-direction: row-reverse; + justify-content: space-between; + } + .title-group-left { + margin-top: 0; + max-width: 900px; + } + .title-group-right { + flex-shrink: 0; + } +} + +.font-base { + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +/** @section Brand */ +.brand { + display: inline-block; +} + +.brand .brand-logo-light { + display: none; +} + +.brand .brand-logo-dark { + display: block; +} + +.brand > * + * { + margin-top: 0; +} + +/** @section Links */ +a { + transition: all 0.3s ease-in-out; +} + +a, a:focus, a:active, a:hover { + text-decoration: none; +} + +a, a:focus, a:active { + color: #00aeef; +} + +a:hover { + color: #0072bc; +} + +a[href*='tel'], a[href*='mailto'] { + white-space: nowrap; +} + +.link-hover { + color: #0072bc; +} + +.link-press { + color: #0072bc; +} + +.privacy-link { + display: inline-block; + color: #00aeef; +} + +.privacy-link:hover { + color: #151515; +} + +* + .privacy-link { + margin-top: 30px; +} + +.link-default { + display: inline-block; + font-size: 14px; + font-weight: 500; + letter-spacing: .12em; + text-transform: uppercase; + border-bottom: 1px solid; +} + +.link-default, .link-default:focus, .link-default:active { + color: #151515; +} + +.link-default:hover { + color: #00aeef; +} + +* + .link-default { + margin-top: 30px; +} + +@media (min-width: 992px) { + .link-default-1 { + font-size: 16px; + } + * + .link-default { + margin-top: 50px; + } +} + +.context-dark .link-default, .bg-gray-700 .link-default, .bg-gray-800 .link-default, .bg-gray-5 .link-default, .bg-gray-13 .link-default, .bg-gray-14 .link-default, .bg-gray-17 .link-default, .bg-gray-19 .link-default, .bg-gray-21 .link-default, .bg-primary .link-default, .bg-secondary .link-default, .bg-gradient-1 .link-default, .context-dark .link-default:focus, .bg-gray-700 .link-default:focus, .bg-gray-800 .link-default:focus, .bg-gray-5 .link-default:focus, .bg-gray-13 .link-default:focus, .bg-gray-14 .link-default:focus, .bg-gray-17 .link-default:focus, .bg-gray-19 .link-default:focus, .bg-gray-21 .link-default:focus, .bg-primary .link-default:focus, .bg-secondary .link-default:focus, .bg-gradient-1 .link-default:focus, .context-dark .link-default:active, .bg-gray-700 .link-default:active, .bg-gray-800 .link-default:active, .bg-gray-5 .link-default:active, .bg-gray-13 .link-default:active, .bg-gray-14 .link-default:active, .bg-gray-17 .link-default:active, .bg-gray-19 .link-default:active, .bg-gray-21 .link-default:active, .bg-primary .link-default:active, .bg-secondary .link-default:active, .bg-gradient-1 .link-default:active { + color: inherit; +} + +.context-dark .link-default:hover, .bg-gray-700 .link-default:hover, .bg-gray-800 .link-default:hover, .bg-gray-5 .link-default:hover, .bg-gray-13 .link-default:hover, .bg-gray-14 .link-default:hover, .bg-gray-17 .link-default:hover, .bg-gray-19 .link-default:hover, .bg-gray-21 .link-default:hover, .bg-primary .link-default:hover, .bg-secondary .link-default:hover, .bg-gradient-1 .link-default:hover { + color: #ff9085; +} + +/** @section Blocks */ +.block-center, .block-xs, .block-sm, .block-md, .block-lg, .block-xl, .block-1 { + margin-left: auto; + margin-right: auto; +} + +.block-left { + margin-left: 0; +} + +.block-xs { + max-width: 220px; +} + +.block-sm { + max-width: 270px; +} + +.block-md { + max-width: 370px; +} + +.block-lg { + max-width: 470px; +} + +.block-xl { + max-width: 570px; +} + +.block-1 { + max-width: 290px; +} + +@media (max-width: 575.98px) { + .block-2 { + margin-left: auto; + margin-right: auto; + max-width: 370px; + } +} + +/** @section Icons */ +.icon { + display: inline-block; + font-size: 16px; + line-height: 1; +} + +.icon::before { + position: relative; + display: inline-block; + font-weight: 400; + font-style: normal; + speak: none; + text-transform: none; +} + +.icon-circle { + border-radius: 50%; +} + +.icon-80 { + font-size: 80px; +} + +/** @section Boxes */ +.box-classic { + text-align: center; + padding: 30px 15px; + transition: all .3s ease-in-out; +} + +.box-classic-1 .box-classic-title { + font-weight: 700; + text-transform: uppercase; +} + +.box-classic-1 * + .box-classic-title { + margin-top: 10px; +} + +.box-classic-icon { + font-size: 40px; + line-height: 1; + color: #00aeef; + transition: all .3s ease-in-out; +} + +.box-classic-text { + display: inline-block; + max-width: 270px; + font-weight: 400; +} + +* + .box-classic { + margin-top: 30px; +} + +* + .box-classic-title { + margin-top: 6px; +} + +* + .box-classic-text { + margin-top: 10px; +} + +@media (min-width: 768px) { + .box-classic { + padding-top: 40px; + padding-bottom: 40px; + } + .box-classic-1 * + .box-classic-title { + margin-top: 20px; + } + .box-classic-icon { + font-size: 50px; + } + * + .box-classic-title { + margin-top: 10px; + } + * + .box-classic-text { + margin-top: 16px; + } +} + +@media (min-width: 992px) { + .desktop .box-classic:hover { + background: #f5f5f5; + } + .desktop .box-classic-1:hover .box-classic-icon { + color: #8dc63f; + background: none; + -webkit-text-fill-color: initial; + } + .box-classic { + padding-top: 60px; + padding-bottom: 60px; + } + .box-classic-icon { + font-size: 77px; + } + * + .box-classic-text { + margin-top: 26px; + } +} + +@media (min-width: 1200px) { + .box-classic { + padding-top: 80px; + padding-bottom: 80px; + } +} + +.desktop .context-dark .box-classic:hover, .desktop .bg-gray-700 .box-classic:hover, .desktop .bg-gray-800 .box-classic:hover, .desktop .bg-gray-5 .box-classic:hover, .desktop .bg-gray-13 .box-classic:hover, .desktop .bg-gray-14 .box-classic:hover, .desktop .bg-gray-17 .box-classic:hover, .desktop .bg-gray-19 .box-classic:hover, .desktop .bg-gray-21 .box-classic:hover, .desktop .bg-primary .box-classic:hover, .desktop .bg-secondary .box-classic:hover, .desktop .bg-gradient-1 .box-classic:hover { + background: rgba(255, 255, 255, 0.03); +} + +@media (min-width: 992px) { + .ie-10.desktop .box-classic:hover .box-classic-icon, + .ie-11.desktop .box-classic:hover .box-classic-icon, + .ie-edge.desktop .box-classic:hover .box-classic-icon { + color: #00aeef; + background: none; + } +} + +.box-minimal { + position: relative; + text-align: left; + padding: 25px 15px; + background: #ffffff; + transition: all .3s ease-in-out; +} + +.box-minimal-title { + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.box-minimal-icon { + font-size: 30px; + line-height: 1; + background: #00aeef; + -webkit-text-fill-color: transparent; + -webkit-background-clip: text; +} + +.box-minimal-number { + position: absolute; + top: 10%; + right: 5%; + line-height: 1; + font-weight: 400; + letter-spacing: .015em; + font-family: "Playfair Display", serif; + color: rgba(21, 21, 21, 0.3); +} + +@media (min-width: 576px) { + .box-minimal { + padding-top: 35px; + padding-bottom: 35px; + } +} + +@media (min-width: 768px) { + .box-minimal { + padding-left: 20px; + padding-right: 40px; + } + .box-minimal-icon { + font-size: 40px; + } +} + +@media (min-width: 992px) { + .desktop .box-minimal-title { + font-size: 24px; + } + .desktop .box-minimal:hover { + background: #f5f5f5; + } +} + +@media (min-width: 1200px) { + .box-minimal { + padding-left: 30px; + padding-right: 55px; + } + .box-minimal-number { + top: 18%; + right: 6%; + } + .box-minimal-icon { + font-size: 55px; + } +} + +.ie-10 .box-minimal-icon, +.ie-11 .box-minimal-icon, +.ie-edge .box-minimal-icon { + color: #00aeef; + background: none; +} + +.box-creative { + text-align: left; +} + +.box-creative-1 { + padding: 30px 0; +} + +.box-creative-green .box-creative-icon::after { + background: #d4efb9; +} + +.box-creative-yellow .box-creative-icon::after { + background: #fff4a9; +} + +.box-creative-rose .box-creative-icon::after { + background: #f1d4d1; +} + +.box-creative-turquoise .box-creative-icon::after { + background: #d7f6f1; +} + +.box-creative-violet .box-creative-icon::after { + background: #f0e4f5; +} + +.box-creative-title { + font-weight: 400; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + letter-spacing: 0; + text-transform: none; +} + +@media (min-width: 992px) { + .box-creative-title { + font-size: 26px; + } +} + +.box-creative-text { + color: rgba(21, 21, 21, 0.8); +} + +.box-creative-icon { + position: relative; + top: 10px; + padding-right: 20px; + font-size: 45px; + line-height: 1; + color: #00aeef; + z-index: 1; +} + +.box-creative-icon::after { + position: absolute; + content: ''; + top: 50%; + right: 0; + width: 55px; + height: 55px; + border-radius: 50%; + background: #f5f5f5; + transform: translateY(-50%); + transition: all .3s ease; + z-index: -1; +} + +* + .box-creative-text { + margin-top: 12px; +} + +@media (min-width: 768px) { + .box-creative-1 { + padding: 34px 0; + } +} + +@media (min-width: 992px) { + .desktop .box-creative:hover .box-creative-icon::after { + transform: translateY(-50%) scale(0.5); + } + .box-creative-icon { + padding-right: 26px; + font-size: 55px; + } + .box-creative-icon::after { + width: 67px; + height: 67px; + } +} + +.box-modern { + text-align: left; + padding: 20px 15px; + min-height: 100%; + transition: all .3s ease-in-out; +} + +.box-modern-icon { + font-size: 30px; + line-height: 1; + background: #00aeef; + -webkit-text-fill-color: transparent; + -webkit-background-clip: text; +} + +.box-modern-title { + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; + letter-spacing: 0; + text-transform: none; +} + +@media (min-width: 992px) { + .box-modern-title { + font-size: 24px; + } +} + +* + .box-modern { + margin-top: 30px; +} + +* + .box-modern-title { + margin-top: 12px; +} + +* + .box-modern-text { + margin-top: 8px; +} + +@media (min-width: 768px) { + .box-modern { + padding: 25px 30px; + } + .box-modern-icon { + font-size: 40px; + } + * + .box-modern-title { + margin-top: 18px; + } + * + .box-modern-text { + margin-top: 12px; + } +} + +@media (min-width: 992px) { + .desktop .box-modern:hover { + background: #f5f5f5; + } + .box-modern-icon { + font-size: 51px; + } + * + .box-modern-title { + margin-top: 28px; + } +} + +@media (min-width: 992px) and (max-width: 1199.98px) { + .box-modern-2 { + padding-left: 15px; + padding-right: 15px; + } +} + +.desktop .context-dark .box-modern:hover, .desktop .bg-gray-700 .box-modern:hover, .desktop .bg-gray-800 .box-modern:hover, .desktop .bg-gray-5 .box-modern:hover, .desktop .bg-gray-13 .box-modern:hover, .desktop .bg-gray-14 .box-modern:hover, .desktop .bg-gray-17 .box-modern:hover, .desktop .bg-gray-19 .box-modern:hover, .desktop .bg-gray-21 .box-modern:hover, .desktop .bg-primary .box-modern:hover, .desktop .bg-secondary .box-modern:hover, .desktop .bg-gradient-1 .box-modern:hover { + background: #414244; +} + +.ie-10 .box-modern-icon, +.ie-11 .box-modern-icon, +.ie-edge .box-modern-icon { + color: #00aeef; + background: none; +} + +.box-molly { + text-align: center; + padding: 20px 15px; + font-weight: 400; + min-height: 100%; + background: #ffffff; + transition: all .3s ease-in-out; +} + +.box-molly-icon { + font-size: 40px; + line-height: 1; + color: #151515; +} + +.box-molly-title { + font-weight: 400; +} + +* + .box-molly { + margin-top: 30px; +} + +* + .box-molly-title { + margin-top: 12px; +} + +* + .box-molly-text { + margin-top: 8px; +} + +@media (min-width: 768px) { + .box-molly { + padding: 30px; + } + .box-molly-icon { + font-size: 50px; + } + * + .box-molly-title { + margin-top: 18px; + } + * + .box-molly-text { + margin-top: 12px; + } +} + +@media (min-width: 992px) { + .box-molly { + padding: 45px 25px; + } + .desktop .box-molly:hover { + background: #f5f5f5; + } + .box-molly-icon { + font-size: 65px; + } + * + .box-molly-title { + margin-top: 30px; + } + * + .box-molly-text { + margin-top: 24px; + } +} + +@media (min-width: 1200px) { + .box-molly { + padding-left: 50px; + padding-right: 50px; + } +} + +.desktop .context-dark .box-molly:hover, .desktop .bg-gray-700 .box-molly:hover, .desktop .bg-gray-800 .box-molly:hover, .desktop .bg-gray-5 .box-molly:hover, .desktop .bg-gray-13 .box-molly:hover, .desktop .bg-gray-14 .box-molly:hover, .desktop .bg-gray-17 .box-molly:hover, .desktop .bg-gray-19 .box-molly:hover, .desktop .bg-gray-21 .box-molly:hover, .desktop .bg-primary .box-molly:hover, .desktop .bg-secondary .box-molly:hover, .desktop .bg-gradient-1 .box-molly:hover { + background: #414244; +} + +.box-abby { + text-align: left; + padding: 30px 5%; + min-height: 100%; + color: #ffffff; + background: #3a3b42; +} + +.box-abby-subtitle { + letter-spacing: .2em; + color: rgba(255, 255, 255, 0.6); +} + +.box-abby-subtitle::after { + display: block; + content: ''; + height: 0; + width: 30px; + margin-top: 20px; + border-top: 4px solid #8dc63f; +} + +.box-abby-title { + font-weight: 700; + color: inherit; +} + +.box-abby-list-contacts { + line-height: 30px; +} + +.box-abby-list-contacts .icon { + vertical-align: middle; + margin-right: 10px; + font-size: 22px; + line-height: inherit; + color: rgba(255, 255, 255, 0.5); +} + +.box-abby-list-contacts a, .box-abby-list-contacts a:focus, .box-abby-list-contacts a:active { + color: inherit; +} + +.box-abby-list-contacts a:hover { + color: #00aeef; +} + +.box-abby-list-contacts > li { + display: flex; +} + +.box-abby-list-contacts > li + li { + margin-top: 10px; +} + +.box-abby-info .icon { + text-align: center; + width: 50px; + height: 50px; + font-size: 24px; + line-height: 46px; + border-radius: 50%; + border: 2px solid; +} + +.box-abby-info a, .box-abby-info a:focus, .box-abby-info a:active { + color: inherit; +} + +.box-abby-info a:hover { + color: #00aeef; +} + +* + .box-abby-title { + margin-top: 20px; +} + +.box-abby-title + * { + margin-top: 20px; +} + +@media (min-width: 576px) { + .box-abby { + padding-top: 40px; + padding-bottom: 40px; + } +} + +@media (min-width: 768px) { + .box-abby { + padding: 50px 10%; + } + .box-abby-info .icon { + width: 60px; + height: 60px; + font-size: 32px; + line-height: 56px; + } +} + +@media (min-width: 992px) { + .box-abby { + padding-top: 60px; + padding-bottom: 60px; + } + .box-abby-title + * { + margin-top: 34px; + } +} + +@media (min-width: 1600px) { + .box-abby { + padding: 70px 16%; + } +} + +.owl-item:nth-child(even) .box-abby { + background: #3f4046; +} + +.box-ellen { + text-align: center; + font-weight: 400; +} + +.box-ellen-icon { + font-size: 36px; + line-height: 1; + color: #00aeef; +} + +.box-ellen-title { + font-weight: 700; +} + +.box-ellen-text { + color: rgba(255, 255, 255, 0.6); +} + +.box-ellen-text a, .box-ellen-text a:focus, .box-ellen-text a:active { + color: inherit; +} + +.box-ellen-text a:hover { + color: #00aeef; +} + +.box-ellen-wrap { + overflow: hidden; +} + +.box-ellen-wrap > div::before { + display: inline-block; + position: absolute; + content: ''; + top: 50%; + left: -1px; + width: 0; + height: 60px; + border-left: 1px solid rgba(255, 255, 255, 0.14); + transform: translateY(-50%); +} + +* + .box-ellen { + margin-top: 30px; +} + +* + .box-ellen-title { + margin-top: 10px; +} + +* + .box-ellen-text { + margin-top: 10px; +} + +.box-ellen-title + .button { + margin-top: 16px; +} + +@media (min-width: 768px) { + * + .box-ellen-title { + margin-top: 16px; + } + * + .box-ellen-text { + margin-top: 16px; + } + .box-ellen-title + .button { + margin-top: 26px; + } +} + +.box-leah { + position: absolute; + overflow: hidden; + text-align: left; + top: 45px; + left: 50%; + background: #ffffff; + border-radius: 6px; + box-shadow: 0 13px 49px 0 rgba(0, 0, 0, 0.35); + transition: .3s ease .1s; + visibility: hidden; + opacity: 0; +} + +.box-leah img { + min-width: 173px; +} + +.box-leah-title { + font-weight: 400; + letter-spacing: .01em; + text-transform: none; +} + +.box-leah-body { + padding: 15px; + background: inherit; +} + +.box-leah-square { + font-weight: 400; + letter-spacing: .01em; + color: #151515; +} + +* + .box-leah { + margin-top: 30px; +} + +* + .box-leah-square { + margin-top: 4px; +} + +* + .box-leah-text { + margin-top: 12px; +} + +@media (min-width: 992px) { + .box-leah { + display: flex; + min-width: 485px; + } + .box-leah-body { + padding: 25px; + } +} + +@media (min-width: 992px) { + .aside-style-1 { + margin-top: 40px; + padding: 1px 0 1px 30px; + border-left: 1px solid #f2f8ff; + } +} + +.bordered-1 { + border-width: 1px 0 0 1px; + border-style: solid; + border-color: #e7eff6; +} + +.bordered-1 > [class*='col-'] { + border-width: 0 1px 1px 0; + border-style: solid; + border-color: #e7eff6; +} + +.context-dark .bordered-1, .bg-gray-700 .bordered-1, .bg-gray-800 .bordered-1, .bg-gray-5 .bordered-1, .bg-gray-13 .bordered-1, .bg-gray-14 .bordered-1, .bg-gray-17 .bordered-1, .bg-gray-19 .bordered-1, .bg-gray-21 .bordered-1, .bg-primary .bordered-1, .bg-secondary .bordered-1, .bg-gradient-1 .bordered-1 { + border-color: rgba(245, 245, 245, 0.1); +} + +.context-dark .bordered-1 > [class*='col-'], .bg-gray-700 .bordered-1 > [class*='col-'], .bg-gray-800 .bordered-1 > [class*='col-'], .bg-gray-5 .bordered-1 > [class*='col-'], .bg-gray-13 .bordered-1 > [class*='col-'], .bg-gray-14 .bordered-1 > [class*='col-'], .bg-gray-17 .bordered-1 > [class*='col-'], .bg-gray-19 .bordered-1 > [class*='col-'], .bg-gray-21 .bordered-1 > [class*='col-'], .bg-primary .bordered-1 > [class*='col-'], .bg-secondary .bordered-1 > [class*='col-'], .bg-gradient-1 .bordered-1 > [class*='col-'] { + border-color: rgba(245, 245, 245, 0.1); +} + +.bordered-2 { + border-width: 1px 0 0 1px; + border-style: solid; + border-color: #e7eff6; +} + +.bordered-2 > [class*='col-'] { + border-width: 0 1px 1px 0; + border-style: solid; + border-color: #e7eff6; +} + +.context-dark .bordered-1, .bg-gray-700 .bordered-1, .bg-gray-800 .bordered-1, .bg-gray-5 .bordered-1, .bg-gray-13 .bordered-1, .bg-gray-14 .bordered-1, .bg-gray-17 .bordered-1, .bg-gray-19 .bordered-1, .bg-gray-21 .bordered-1, .bg-primary .bordered-1, .bg-secondary .bordered-1, .bg-gradient-1 .bordered-1 { + border-color: rgba(245, 245, 245, 0.1); +} + +.context-dark .bordered-1 > [class*='col-'], .bg-gray-700 .bordered-1 > [class*='col-'], .bg-gray-800 .bordered-1 > [class*='col-'], .bg-gray-5 .bordered-1 > [class*='col-'], .bg-gray-13 .bordered-1 > [class*='col-'], .bg-gray-14 .bordered-1 > [class*='col-'], .bg-gray-17 .bordered-1 > [class*='col-'], .bg-gray-19 .bordered-1 > [class*='col-'], .bg-gray-21 .bordered-1 > [class*='col-'], .bg-primary .bordered-1 > [class*='col-'], .bg-secondary .bordered-1 > [class*='col-'], .bg-gradient-1 .bordered-1 > [class*='col-'] { + border-color: rgba(245, 245, 245, 0.1); +} + +.bordered-3 { + overflow: hidden; +} + +.bordered-3 > [class*='col-'] { + border-width: 0 0 1px 1px; + border-style: solid; + border-color: #e7eff6; + margin: 0 0 -1px -1px; +} + +.bordered-3 > [class*='col-']:first-child > * { + padding-top: 0; +} + +.bordered-3 > [class*='col-']:last-child(-n+2) > * { + padding-bottom: 0; +} + +@media (min-width: 576px) { + .bordered-3 > [class*='col-'] > * { + max-width: 500px; + } + .bordered-3 > [class*='col-']:nth-child(-n+2) > * { + padding-top: 0; + } + .bordered-3 > [class*='col-']:nth-last-child(-n+2) > * { + padding-bottom: 0; + } + .bordered-3 > [class*='col-']:nth-child(odd) > * { + padding-right: 30px; + } + .bordered-3 > [class*='col-']:nth-child(even) > * { + margin-left: auto; + padding-left: 30px; + } +} + +.bordered-4 { + border-width: 1px 0 0 1px; + border-style: solid; + border-color: #e7eff6; +} + +.bordered-4 > [class*='col-'] { + border-width: 0 1px 1px 0; + border-style: solid; + border-color: #e7eff6; +} + +.bordered-4 > [class*='col-'] .select2-container--default .select2-selection--single .select2-selection__rendered, +.bordered-4 > [class*='col-'] .form-input { + border-color: transparent; +} + +.bordered-5 { + border-width: 1px 1px 0 0; + border-style: solid; + border-color: #e7eff6; +} + +.bordered-5 > [class*='col-'] { + border-width: 0 0 1px 1px; + border-style: solid; + border-color: #e7eff6; +} + +@media (min-width: 576px) { + .bordered-5 > .no-border { + border-width: 0; + } +} + +.context-dark .bordered-5, .bg-gray-700 .bordered-5, .bg-gray-800 .bordered-5, .bg-gray-5 .bordered-5, .bg-gray-13 .bordered-5, .bg-gray-14 .bordered-5, .bg-gray-17 .bordered-5, .bg-gray-19 .bordered-5, .bg-gray-21 .bordered-5, .bg-primary .bordered-5, .bg-secondary .bordered-5, .bg-gradient-1 .bordered-5 { + border-color: rgba(245, 245, 245, 0.1); +} + +.context-dark .bordered-5 > [class*='col-'], .bg-gray-700 .bordered-5 > [class*='col-'], .bg-gray-800 .bordered-5 > [class*='col-'], .bg-gray-5 .bordered-5 > [class*='col-'], .bg-gray-13 .bordered-5 > [class*='col-'], .bg-gray-14 .bordered-5 > [class*='col-'], .bg-gray-17 .bordered-5 > [class*='col-'], .bg-gray-19 .bordered-5 > [class*='col-'], .bg-gray-21 .bordered-5 > [class*='col-'], .bg-primary .bordered-5 > [class*='col-'], .bg-secondary .bordered-5 > [class*='col-'], .bg-gradient-1 .bordered-5 > [class*='col-'] { + border-color: rgba(245, 245, 245, 0.1); +} + +.ordered-1 { + counter-reset: div; +} + +.ordered-1 .ordered-item::before { + content: counter(div, decimal-leading-zero); + counter-increment: div; +} + +.ordered-2 { + counter-reset: div; +} + +.ordered-2 .ordered-item::before { + content: counter(div, decimal); + counter-increment: div; +} + +@media (min-width: 768px) { + .box-calculator h3 + p { + margin-top: 20px; + } + .box-calculator * + .rd-form { + margin-top: 30px; + } +} + +.box-calculator-list-results { + letter-spacing: .075em; + text-transform: uppercase; + color: #151515; +} + +.box-calculator-result { + font-weight: 700; + margin-left: 6px; +} + +.context-dark .box-calculator-list-results, .bg-gray-700 .box-calculator-list-results, .bg-gray-800 .box-calculator-list-results, .bg-gray-5 .box-calculator-list-results, .bg-gray-13 .box-calculator-list-results, .bg-gray-14 .box-calculator-list-results, .bg-gray-17 .box-calculator-list-results, .bg-gray-19 .box-calculator-list-results, .bg-gray-21 .box-calculator-list-results, .bg-primary .box-calculator-list-results, .bg-secondary .box-calculator-list-results, .bg-gradient-1 .box-calculator-list-results { + color: #ffffff; +} + +.context-dark .box-calculator-result, .bg-gray-700 .box-calculator-result, .bg-gray-800 .box-calculator-result, .bg-gray-5 .box-calculator-result, .bg-gray-13 .box-calculator-result, .bg-gray-14 .box-calculator-result, .bg-gray-17 .box-calculator-result, .bg-gray-19 .box-calculator-result, .bg-gray-21 .box-calculator-result, .bg-primary .box-calculator-result, .bg-secondary .box-calculator-result, .bg-gradient-1 .box-calculator-result { + color: #8dc63f; +} + +.client-classic { + position: relative; + display: block; + max-width: 270px; + margin-left: auto; + margin-right: auto; + background: #ffffff; + border: 1px solid #f2f8ff; + transition: all .3s ease-in-out; +} + +.client-classic::before { + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 1px solid transparent; + transition: transform .3s ease; + will-change: transform; +} + +.client-classic img { + width: 100%; + opacity: .5; + transition: all .3s ease; +} + +@media (min-width: 992px) { + .desktop .client-classic:hover { + border-color: #151515; + } + .desktop .client-classic:hover::before { + transform: scale(0.94, 0.9); + border-color: inherit; + } + .desktop .client-classic:hover img { + opacity: 1; + transform: scale(0.9); + } +} + +.contacts-paul { + position: relative; + padding: 20px 10px; + max-width: 300px; + margin: 0 auto; + font-weight: 400; + border-radius: 4px; + color: #151515; + background: #ffffff; + box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); +} + +.contacts-paul::before { + position: absolute; + content: ''; + top: 100%; + left: 70%; + width: 0; + height: 0; + border-style: solid; + border-width: 12px 12px 0 12px; + border-color: #ffffff transparent transparent transparent; +} + +.contacts-paul .icon { + vertical-align: middle; + font-size: 25px; + line-height: 1; + color: rgba(21, 21, 21, 0.5); +} + +.contacts-paul a { + font-weight: inherit; +} + +.contacts-paul a, .contacts-paul a:focus, .contacts-paul a:active { + color: inherit; +} + +.contacts-paul a:hover { + color: #00aeef; +} + +.contacts-paul > li + li { + margin-top: 10px; +} + +.contacts-paul-wrap { + pointer-events: none; +} + +.contacts-paul-wrap .contacts-paul { + pointer-events: auto; +} + +@media (min-width: 576px) { + .contacts-paul { + max-width: none; + box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.18); + } +} + +@media (min-width: 768px) { + .contacts-paul { + padding: 40px 15px; + } + .contacts-paul .icon { + font-size: 35px; + } + .contacts-paul > li + li { + margin-top: 20px; + } +} + +@media (min-width: 992px) { + .contacts-paul { + padding: 60px 40px; + box-shadow: 0 37px 121px 0 rgba(0, 0, 0, 0.18); + } + .contacts-paul .icon { + font-size: 45px; + } + .contacts-paul > li + li { + margin-top: 30px; + } +} + +@media (min-width: 1200px) { + .contacts-paul { + padding: 65px 70px; + } +} + +.contacts-fiona > * { + letter-spacing: 0; + font-weight: 400; +} + +.contacts-classic { + color: #151515; +} + +.contacts-classic a:not(.button), .contacts-classic a:not(.button):focus, .contacts-classic a:not(.button):active { + color: inherit; +} + +.contacts-classic a:not(.button):hover { + color: #00aeef; +} + +.context-dark .contacts-classic, .bg-gray-700 .contacts-classic, .bg-gray-800 .contacts-classic, .bg-gray-5 .contacts-classic, .bg-gray-13 .contacts-classic, .bg-gray-14 .contacts-classic, .bg-gray-17 .contacts-classic, .bg-gray-19 .contacts-classic, .bg-gray-21 .contacts-classic, .bg-primary .contacts-classic, .bg-secondary .contacts-classic, .bg-gradient-1 .contacts-classic { + color: inherit; +} + +.box-style-1 * + .big { + margin-top: 4px; +} + +.box-style-2 * + .big { + margin-top: 18px; +} + +@media (min-width: 768px) { + .box-style-2 { + min-height: 251px; + } + .box-style-2 * + .big { + margin-top: 35px; + } +} + +@media (min-width: 1200px) { + .box-style-3 { + padding-bottom: 30px; + } + .box-style-3 .heading-7 { + color: #151515; + } + .box-style-3 .heading-7.text-line-right::after { + border-top-color: #e7eff6; + } + .box-style-3 * + .big { + margin-top: 70px; + } + .box-style-3 * + .group-middle { + margin-top: 50px; + } +} + +.map { + position: relative; + display: inline-block; + z-index: 1; +} + +.map-title { + display: inline-block; + position: absolute; + top: 81%; + left: 15%; + padding: 13px 37px; + font-style: italic; + background: #ffffff; + box-shadow: 0 13px 65px 0 rgba(0, 0, 0, 0.22); + transform: translate(-50%, -50%); +} + +.map-point { + position: absolute; + display: flex; + align-items: center; + justify-content: center; + width: 24px; + height: 24px; + border-radius: 50%; + background: #6693d0; + transform: translate3d(-50%, -50%, 0); + cursor: pointer; +} + +.map-point::before { + position: absolute; + display: inline-block; + content: ''; + top: 50%; + left: 50%; + width: 100%; + height: 100%; + border-radius: inherit; + background: rgba(102, 147, 208, 0.24); + transform: translate3d(-50%, -50%, 0) scale(1.5); + animation: point 1s infinite linear; +} + +.map-point-1 { + top: 27.5%; + left: 14.5%; +} + +.map-point-2 { + top: 23%; + left: 36.5%; +} + +.map-point-3 { + top: 60%; + left: 28%; +} + +.map-point-4 { + top: 60%; + left: 76%; +} + +.map-point-5 { + top: 80.5%; + left: 59.5%; +} + +.map-point:hover .box-leah { + opacity: 1; + visibility: visible; + transform: translateX(-50%); + transition-delay: 0s; +} + +@media (min-width: 992px) { + .map-point:hover .box-leah { + transform: translateX(-40%); + } +} + +@media (min-width: 992px) and (max-width: 1599.98px) { + .map-point:hover .box-leah-1 { + transform: translateX(-25%); + } +} + +@keyframes point { + 50% { + transform: translate3d(-50%, -50%, 0) scale(1.8); + } +} + +.intro { + padding-left: 15px; + padding-right: 15px; + display: flex; + align-items: center; + flex-wrap: nowrap; + justify-content: space-between; + flex-direction: column-reverse; + margin-top: -30px; +} + +.intro > * { + margin-top: 30px; +} + +@media (min-width: 1200px) { + .intro { + flex-direction: row; + } +} + +.intro__description { + text-align: center; +} + +.intro__description p { + font-size: 23px; +} + +@media (min-width: 1200px) { + .intro__description { + text-align: left; + margin-top: -30px; + } + .intro__description p { + max-width: 420px; + } +} + +.intro__media { + max-width: 500px; + width: 100%; +} + +@media (min-width: 1200px) { + .intro__media { + margin-left: -30px; + } +} + +@media (min-width: 1400px) { + .intro__media { + margin-left: -60px; + width: 42vw; + max-width: 799px; + } +} + +@media (min-width: 1300px) { + .intro__media { + margin-right: -37px; + } +} + +.box-nina { + text-align: center; +} + +@media (min-width: 768px) { + .box-nina { + text-align: left; + } +} + +.box-nina .media-1 { + position: relative; +} + +.box-nina .media-2 { + display: none; +} + +@media (min-width: 992px) { + .box-nina .media-2 { + display: block; + position: absolute; + right: -10%; + top: 10%; + } +} + +@media (min-width: 1200px) { + .box-nina .media-2 { + right: calc(5px + 10%); + } +} + +.box-nina .text { + display: none; +} + +@media (min-width: 992px) { + .box-nina .text { + display: block; + position: absolute; + top: -34%; + font-size: 120px; + font-weight: 700; + font-family: "Playfair Display", serif; + color: rgba(21, 21, 21, 0.1); + } +} + +@media (min-width: 1600px) { + .box-nina .text { + display: block; + top: 30%; + left: -44%; + transform: rotate(-90deg); + } +} + +/** @section Groups */ +html .group { + margin-bottom: -15px; + margin-left: -20px; +} + +html .group:empty { + margin-bottom: 0; + margin-left: 0; +} + +html .group > * { + margin-top: 0; + margin-bottom: 15px; + margin-left: 20px; +} + +html .group-xs { + margin-bottom: -10px; + margin-left: -10px; +} + +html .group-xs:empty { + margin-bottom: 0; + margin-left: 0; +} + +html .group-xs > * { + margin-top: 0; + margin-bottom: 10px; + margin-left: 10px; +} + +html .group-sm { + margin-bottom: -10px; + margin-left: -15px; +} + +html .group-sm:empty { + margin-bottom: 0; + margin-left: 0; +} + +html .group-sm > * { + margin-top: 0; + margin-bottom: 10px; + margin-left: 15px; +} + +html .group-md { + margin-bottom: -20px; + margin-left: -25px; +} + +html .group-md:empty { + margin-bottom: 0; + margin-left: 0; +} + +html .group-md > * { + margin-top: 0; + margin-bottom: 20px; + margin-left: 25px; +} + +html .group-lg { + margin-bottom: -20px; + margin-left: -30px; +} + +html .group-lg:empty { + margin-bottom: 0; + margin-left: 0; +} + +html .group-lg > * { + margin-top: 0; + margin-bottom: 20px; + margin-left: 30px; +} + +html .group-xl { + margin-bottom: -20px; + margin-left: -40px; +} + +html .group-xl:empty { + margin-bottom: 0; + margin-left: 0; +} + +html .group-xl > * { + margin-top: 0; + margin-bottom: 20px; + margin-left: 40px; +} + +html .group-1 { + margin-bottom: -30px; + margin-left: -60px; +} + +html .group-1:empty { + margin-bottom: 0; + margin-left: 0; +} + +html .group-1 > * { + margin-top: 0; + margin-bottom: 30px; + margin-left: 60px; +} + +html .group-custom { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + max-width: 100%; +} + +html .group-custom > * { + flex: 0 1 100%; + padding-left: 20px; + padding-right: 20px; +} + +@media (min-width: 576px) { + html .group-custom { + flex-wrap: nowrap; + } + html .group-custom > * { + flex: 1 1 auto; + } +} + +.group-middle { + display: inline-flex; + align-items: center; + flex-wrap: wrap; +} + +.group-justify { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +.group-inline > * { + display: inline-block; +} + +.group-custom-1 { + display: flex; + flex-wrap: wrap; +} + +.group-custom-1 .button { + flex-shrink: 0; +} + +@media (min-width: 576px) { + .group-custom-1 { + flex-wrap: nowrap; + } +} + +.group-custom-2 { + display: flex; + flex-wrap: wrap; +} + +.group-custom-2 .button { + flex-shrink: 0; +} + +@media (min-width: 576px) { + .group-custom-3 { + position: relative; + display: flex; + align-items: flex-end; + } + .group-custom-3 img { + position: absolute; + width: 74.8%; + left: 0; + } + .group-custom-3 .form-style-5 { + margin-left: auto; + flex-shrink: 0; + } +} + +@media (min-width: 1200px) { + .group-custom-3 { + margin-left: 30px; + } +} + +.group-custom-4 { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} + +.group-custom-4 .button { + flex-grow: 1; + flex-shrink: 0; +} + +@media (min-width: 576px) { + .group-custom-4 { + flex-wrap: nowrap; + } +} + +.group-custom-5 { + padding: 1px 0; +} + +@media (min-width: 576px) { + .group-custom-5 { + display: flex; + justify-content: space-between; + } +} + +* + .group-middle, +* + .group-inline, +* + .group-custom-1, +* + .group-custom-2 { + margin-top: 30px; +} + +@media (min-width: 992px) { + * + .group-middle, + * + .group-custom-1, + * + .group-custom-2 { + margin-top: 40px; + } +} + +.ie-10 .group-custom-ie, +.ie-11 .group-custom-ie, +.ie-edge .group-custom-ie { + flex-basis: 100%; +} + +@media (min-width: 576px) { + .ie-10 .group-custom-3, + .ie-11 .group-custom-3, + .ie-edge .group-custom-3 { + align-items: flex-start; + } +} + +/** @section Responsive units */ +.unit { + display: flex; + flex: 0 1 100%; + margin-bottom: -20px; + margin-left: -20px; +} + +.unit > * { + margin-bottom: 20px; + margin-left: 20px; +} + +.unit:empty { + margin-bottom: 0; + margin-left: 0; +} + +.unit-body { + flex: 0 1 auto; +} + +.unit-left, +.unit-right { + flex: 0 0 auto; + max-width: 100%; +} + +.unit-spacing-xs { + margin-bottom: -5px; + margin-left: -5px; +} + +.unit-spacing-xs > * { + margin-bottom: 5px; + margin-left: 5px; +} + +.unit-spacing-sm { + margin-bottom: -10px; + margin-left: -10px; +} + +.unit-spacing-sm > * { + margin-bottom: 10px; + margin-left: 10px; +} + +.unit-spacing-md { + margin-bottom: -15px; + margin-left: -15px; +} + +.unit-spacing-md > * { + margin-bottom: 15px; + margin-left: 15px; +} + +.unit-spacing-lg { + margin-bottom: -20px; + margin-left: -25px; +} + +.unit-spacing-lg > * { + margin-bottom: 20px; + margin-left: 25px; +} + +.unit-spacing-xl { + margin-bottom: -20px; + margin-left: -30px; +} + +.unit-spacing-xl > * { + margin-bottom: 20px; + margin-left: 30px; +} + +.unit-spacing-1 { + margin-bottom: -30px; + margin-left: -20px; +} + +.unit-spacing-1 > * { + margin-bottom: 30px; + margin-left: 20px; +} + +.unit-spacing-2 { + margin-bottom: -20px; + margin-left: -35px; +} + +.unit-spacing-2 > * { + margin-bottom: 20px; + margin-left: 35px; +} + +.unit-spacing-3 { + margin-bottom: -20px; + margin-left: -40px; +} + +.unit-spacing-3 > * { + margin-bottom: 20px; + margin-left: 40px; +} + +@media (min-width: 768px) { + .unit-spacing-3 { + margin-bottom: -30px; + margin-left: -60px; + } + .unit-spacing-3 > * { + margin-bottom: 30px; + margin-left: 60px; + } +} + +@media (min-width: 992px) { + .unit-spacing-3 { + margin-bottom: -30px; + margin-left: -100px; + } + .unit-spacing-3 > * { + margin-bottom: 30px; + margin-left: 100px; + } +} + +@media (min-width: 1600px) { + .unit-spacing-3 { + margin-bottom: -30px; + margin-left: -195px; + } + .unit-spacing-3 > * { + margin-bottom: 30px; + margin-left: 195px; + } +} + +/** @section Lists */ +.list > li + li { + margin-top: 10px; +} + +.list-xs > li + li { + margin-top: 5px; +} + +.list-sm > li + li { + margin-top: 10px; +} + +.list-md > li + li { + margin-top: 18px; +} + +.list-lg > li + li { + margin-top: 25px; +} + +.list-xl > li + li { + margin-top: 30px; +} + +@media (min-width: 768px) { + .list-xl > li + li { + margin-top: 40px; + } +} + +@media (min-width: 992px) { + .list-xl > li + li { + margin-top: 50px; + } +} + +@media (min-width: 1200px) { + .list-xl > li + li { + margin-top: 60px; + } +} + +.list-inline > li { + display: inline-block; +} + +html .list-inline-xs { + transform: translate3d(0, -10px, 0); + margin-bottom: -10px; + margin-left: -8px; + margin-right: -8px; +} + +html .list-inline-xs > * { + margin-top: 10px; + padding-left: 8px; + padding-right: 8px; +} + +html .list-inline-sm { + transform: translate3d(0, -10px, 0); + margin-bottom: -10px; + margin-left: -10px; + margin-right: -10px; +} + +html .list-inline-sm > * { + margin-top: 10px; + padding-left: 10px; + padding-right: 10px; +} + +html .list-inline-md { + transform: translate3d(0, -15px, 0); + margin-bottom: -15px; + margin-left: -13px; + margin-right: -13px; +} + +html .list-inline-md > * { + margin-top: 15px; + padding-left: 13px; + padding-right: 13px; +} + +html .list-inline-lg { + transform: translate3d(0, -15px, 0); + margin-bottom: -15px; + margin-left: -15px; + margin-right: -15px; +} + +html .list-inline-lg > * { + margin-top: 15px; + padding-left: 15px; + padding-right: 15px; +} + +html .list-inline-xl { + transform: translate3d(0, -15px, 0); + margin-bottom: -15px; + margin-left: -20px; + margin-right: -20px; +} + +html .list-inline-xl > * { + margin-top: 15px; + padding-left: 20px; + padding-right: 20px; +} + +html .list-inline-xxl { + transform: translate3d(0, -15px, 0); + margin-bottom: -15px; + margin-left: -25px; + margin-right: -25px; +} + +html .list-inline-xxl > * { + margin-top: 15px; + padding-left: 25px; + padding-right: 25px; +} + +.list-terms dt + dd { + margin-top: 15px; +} + +.list-terms dd + dt { + margin-top: 30px; +} + +* + .list-terms { + margin-top: 30px; +} + +@media (min-width: 768px) { + * + .list-terms { + margin-top: 40px; + } +} + +.index-list { + counter-reset: li; +} + +.index-list > li .list-index-counter:before { + content: counter(li, decimal-leading-zero); + counter-increment: li; +} + +.list-marked { + text-align: left; + font-weight: 400; + color: #151515; +} + +.list-marked > li { + padding-left: 22px; + text-indent: -22px; +} + +.list-marked > li::before { + position: relative; + display: inline-block; + vertical-align: middle; + content: ''; + top: -2px; + width: 6px; + height: 6px; + margin-right: 16px; + border-radius: 50%; + text-indent: 0; + background: #00aeef; +} + +.list-marked a, .list-marked a:focus, .list-marked a:active { + color: inherit; +} + +.list-marked a:hover { + color: #00aeef; +} + +.list-marked > li + li { + margin-top: 4px; +} + +.list-marked-1 { + font-weight: 300; +} + +.list-marked-1 > li + li { + margin-top: 10px; +} + +@media (min-width: 768px) { + .list-marked-1 > li + li { + margin-top: 15px; + } +} + +.list-marked-2 > li::before { + background: #b8b8b8; +} + +* + .list-marked { + margin-top: 15px; +} + +p + .list-marked { + margin-top: 15px; +} + +.list-ordered { + counter-reset: li; + text-align: left; + font-weight: 400; + color: #151515; +} + +.list-ordered > li { + position: relative; + padding-left: 18px; + text-indent: -18px; +} + +.list-ordered > li:before { + display: inline-block; + counter-increment: li; + content: counter(li, decimal) "."; + min-width: 16px; + margin-right: 2px; + text-indent: 0; +} + +.list-ordered > li + li { + margin-top: 4px; +} + +* + .list-ordered { + margin-top: 15px; +} + +.list-social { + font-size: 0; + line-height: 0; + color: #00aeef; +} + +.list-social .icon { + font-size: 20px; + line-height: 1; +} + +.list-social a, .list-social a:focus, .list-social a:active { + color: inherit; +} + +.list-social a:hover { + color: #ff9085; +} + +.list-social .mdi-facebook, .list-social .mdi-facebook:focus, .list-social .mdi-facebook:active { + color: #4d70a8; +} + +.list-social .mdi-facebook:hover { + color: #748abc; +} + +.list-social .mdi-google, .list-social .mdi-google:focus, .list-social .mdi-google:active { + color: #e2411e; +} + +.list-social .mdi-google:hover { + color: #de7272; +} + +.list-social .mdi-twitter, .list-social .mdi-twitter:focus, .list-social .mdi-twitter:active { + color: #02bcf3; +} + +.list-social .mdi-twitter:hover { + color: #02a8da; +} + +.list-social .mdi-youtube-play, .list-social .mdi-youtube-play:focus, .list-social .mdi-youtube-play:active { + color: #ff4545; +} + +.list-social .mdi-youtube-play:hover { + color: #ff1212; +} + +@media (min-width: 768px) { + .list-social .icon { + font-size: 25px; + } +} + +.list-social-title { + font-weight: 400; + color: #151515; +} + +* + .list-social { + margin-top: 18px; +} + +.context-dark .list-social, .bg-gray-700 .list-social, .bg-gray-800 .list-social, .bg-gray-5 .list-social, .bg-gray-13 .list-social, .bg-gray-14 .list-social, .bg-gray-17 .list-social, .bg-gray-19 .list-social, .bg-gray-21 .list-social, .bg-primary .list-social, .bg-secondary .list-social, .bg-gradient-1 .list-social { + color: #ffffff; +} + +.context-dark .list-social a, .bg-gray-700 .list-social a, .bg-gray-800 .list-social a, .bg-gray-5 .list-social a, .bg-gray-13 .list-social a, .bg-gray-14 .list-social a, .bg-gray-17 .list-social a, .bg-gray-19 .list-social a, .bg-gray-21 .list-social a, .bg-primary .list-social a, .bg-secondary .list-social a, .bg-gradient-1 .list-social a, .context-dark .list-social a:focus, .bg-gray-700 .list-social a:focus, .bg-gray-800 .list-social a:focus, .bg-gray-5 .list-social a:focus, .bg-gray-13 .list-social a:focus, .bg-gray-14 .list-social a:focus, .bg-gray-17 .list-social a:focus, .bg-gray-19 .list-social a:focus, .bg-gray-21 .list-social a:focus, .bg-primary .list-social a:focus, .bg-secondary .list-social a:focus, .bg-gradient-1 .list-social a:focus, .context-dark .list-social a:active, .bg-gray-700 .list-social a:active, .bg-gray-800 .list-social a:active, .bg-gray-5 .list-social a:active, .bg-gray-13 .list-social a:active, .bg-gray-14 .list-social a:active, .bg-gray-17 .list-social a:active, .bg-gray-19 .list-social a:active, .bg-gray-21 .list-social a:active, .bg-primary .list-social a:active, .bg-secondary .list-social a:active, .bg-gradient-1 .list-social a:active { + color: inherit; +} + +.context-dark .list-social a:hover, .bg-gray-700 .list-social a:hover, .bg-gray-800 .list-social a:hover, .bg-gray-5 .list-social a:hover, .bg-gray-13 .list-social a:hover, .bg-gray-14 .list-social a:hover, .bg-gray-17 .list-social a:hover, .bg-gray-19 .list-social a:hover, .bg-gray-21 .list-social a:hover, .bg-primary .list-social a:hover, .bg-secondary .list-social a:hover, .bg-gradient-1 .list-social a:hover { + color: #00aeef; +} + +.list-social-2 { + font-size: 0; + line-height: 0; + transform: translate3d(0, -10px, 0); + margin-bottom: -10px; + margin-left: -15px; + margin-right: -15px; +} + +.list-social-2 > * { + margin-top: 10px; + padding-left: 15px; + padding-right: 15px; +} + +.list-social-2 .icon { + font-size: 25px; + line-height: 1; +} + +.list-social-2 a, .list-social-2 a:focus, .list-social-2 a:active { + color: #00aeef; +} + +.list-social-2 a:hover { + color: #ff9085; +} + +.list-social-2 .mdi-facebook, .list-social-2 .mdi-facebook:focus, .list-social-2 .mdi-facebook:active { + color: #4d70a8; +} + +.list-social-2 .mdi-facebook:hover { + color: #748abc; +} + +.list-social-2 .mdi-google, .list-social-2 .mdi-google:focus, .list-social-2 .mdi-google:active { + color: #e2411e; +} + +.list-social-2 .mdi-google:hover { + color: #de7272; +} + +.list-social-2 .mdi-twitter, .list-social-2 .mdi-twitter:focus, .list-social-2 .mdi-twitter:active { + color: #02bcf3; +} + +.list-social-2 .mdi-twitter:hover { + color: #02a8da; +} + +.list-social-2 li + li { + border-left: 1px solid #e7eff6; +} + +* + .list-social-2 { + margin-top: 18px; +} + +@media (min-width: 1200px) { + .list-social-3 .icon { + font-size: 30px; + } +} + +.list-social-4 { + color: rgba(21, 21, 21, 0.8); +} + +.list-social-4 a, .list-social-4 a:focus, .list-social-4 a:active, +.list-social-4 .icon, +.list-social-4 .icon:focus, +.list-social-4 .icon:active { + color: inherit; +} + +.list-social-4 a:hover, +.list-social-4 .icon:hover { + color: #00aeef; +} + +.list-2-column { + margin-bottom: -4px; +} + +.list-2-column > li { + margin-bottom: 4px; +} + +.list-2-column > li + li { + margin-top: 0; +} + +@media (min-width: 576px) { + .list-2-column { + columns: 2; + break-inside: avoid; + -moz-column-gap: 26px; + -webkit-column-gap: 26px; + } +} + +.list-category a { + display: inline-flex; + justify-content: space-between; + width: 100%; + text-indent: 0; +} + +.list-category > li + li { + margin-top: 6px; +} + +* + .list-category { + margin-top: 20px; +} + +.list-contacts { + text-align: left; + color: #151515; + font-weight: 400; +} + +.list-contacts > li { + display: flex; + line-height: 30px; +} + +.list-contacts > li > * + * { + margin-top: 0; + margin-left: 20px; +} + +.list-contacts > li + li { + margin-top: 10px; +} + +.list-contacts .icon { + vertical-align: middle; + font-size: 20px; + line-height: 30px; + color: rgba(21, 21, 21, 0.5); +} + +.list-contacts a { + align-self: center; +} + +.list-contacts a, .list-contacts a:focus, .list-contacts a:active { + color: inherit; +} + +.list-contacts a:hover { + color: #00aeef; +} + +* + .list-contacts { + margin-top: 20px; +} + +.list-contacts + .list-social { + margin-top: 30px; +} + +@media (min-width: 768px) { + .list-contacts > li + li { + margin-top: 20px; + } + .list-contacts > li > * + * { + margin-left: 30px; + } + .list-contacts .icon { + font-size: 25px; + } + * + .list-contacts { + margin-top: 40px; + } + .list-contacts + .list-social { + margin-top: 40px; + } +} + +@media (min-width: 992px) { + * + .list-contacts { + margin-top: 50px; + } + .list-contacts + .list-social { + margin-top: 50px; + } +} + +@media (min-width: 1200px) { + .list-contacts + .list-social { + margin-top: 60px; + } +} + +.context-dark .list-contacts, .bg-gray-700 .list-contacts, .bg-gray-800 .list-contacts, .bg-gray-5 .list-contacts, .bg-gray-13 .list-contacts, .bg-gray-14 .list-contacts, .bg-gray-17 .list-contacts, .bg-gray-19 .list-contacts, .bg-gray-21 .list-contacts, .bg-primary .list-contacts, .bg-secondary .list-contacts, .bg-gradient-1 .list-contacts { + color: #ffffff; +} + +.context-dark .list-contacts .icon, .bg-gray-700 .list-contacts .icon, .bg-gray-800 .list-contacts .icon, .bg-gray-5 .list-contacts .icon, .bg-gray-13 .list-contacts .icon, .bg-gray-14 .list-contacts .icon, .bg-gray-17 .list-contacts .icon, .bg-gray-19 .list-contacts .icon, .bg-gray-21 .list-contacts .icon, .bg-primary .list-contacts .icon, .bg-secondary .list-contacts .icon, .bg-gradient-1 .list-contacts .icon { + color: rgba(255, 255, 255, 0.3); +} + +.context-dark .list-contacts a:hover, .bg-gray-700 .list-contacts a:hover, .bg-gray-800 .list-contacts a:hover, .bg-gray-5 .list-contacts a:hover, .bg-gray-13 .list-contacts a:hover, .bg-gray-14 .list-contacts a:hover, .bg-gray-17 .list-contacts a:hover, .bg-gray-19 .list-contacts a:hover, .bg-gray-21 .list-contacts a:hover, .bg-primary .list-contacts a:hover, .bg-secondary .list-contacts a:hover, .bg-gradient-1 .list-contacts a:hover { + color: rgba(255, 255, 255, 0.7); +} + +/** @section Images */ +img { + display: inline-block; + max-width: 100%; + height: auto; +} + +.img-responsive { + width: 100%; +} + +.img-duotone + img { + margin-top: 0; +} + +.image-classic-wrap { + display: flex; + align-items: center; + justify-content: space-between; + padding: 30px 0; + margin: 0 -15px; + overflow-x: auto; +} + +.image-classic { + width: auto; + max-height: 200px; + padding: 0 10px; + flex-shrink: 0; +} + +* + .image-classic { + margin-top: 0; +} + +@media (min-width: 768px) { + .image-classic-wrap { + padding: 50px 0; + } +} + +@media (min-width: 1200px) { + .image-classic-wrap { + padding: 0; + margin: 0; + } + .image-classic { + position: absolute; + padding: 0; + max-height: none; + box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.22); + z-index: 1; + } + .image-classic-1 { + top: -9%; + } + .image-classic-2 { + top: -5.5%; + transform: translateX(111%); + } + .image-classic-3 { + bottom: -16%; + } + .image-classic-4 { + right: 0; + bottom: -36%; + } + .image-classic-5 { + right: 12%; + bottom: -30%; + } +} + +@media (min-width: 1600px) { + .image-classic-4 { + bottom: -17%; + } + .image-classic-5 { + right: 7%; + } +} + +@media (max-width: 575.98px) { + .image-1 { + max-width: 250px; + } +} + +.image-2 { + display: none; +} + +@media (min-width: 1600px) { + .image-2 { + display: inline-block; + position: absolute; + top: 46%; + left: 2%; + margin: 0; + transform: translate(-50%, -50%); + z-index: -1; + } +} + +@media (min-width: 768px) { + .image-position { + position: absolute; + top: 0; + bottom: 0; + } + .image-position img { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + min-height: 100%; + min-width: 100%; + width: auto; + height: auto; + max-width: none; + z-index: -1; + } + @supports (object-fit: cover) { + .image-position img { + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: none; + object-fit: cover; + object-position: center center; + } + } +} + +@media (min-width: 768px) { + .image-position-right { + right: 0; + width: calc(50% - 15px); + } +} + +@media (min-width: 992px) { + .image-position-right { + width: calc(50% + 40px); + } +} + +.float-img { + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.float-img::before { + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(245, 245, 245, 0.8); +} + +.float-img img { + max-width: none; + width: 100%; + height: 100%; + object-fit: cover; +} + +@media (min-width: 992px) { + .float-img { + bottom: 14%; + left: 40%; + } + .float-img::before { + background: none; + } +} + +/** @section Tables custom */ +.table-custom { + width: 100%; + max-width: 100%; + text-align: left; + background: #ffffff; + border-collapse: collapse; +} + +.table-custom th, +.table-custom td { + color: #3d3d3d; + background: #ffffff; +} + +.table-custom th { + padding: 35px 24px; + font-size: 14px; + font-weight: 700; + letter-spacing: .05em; + text-transform: uppercase; + background: #d7d7d7; +} + +@media (max-width: 991.98px) { + .table-custom th { + padding-top: 20px; + padding-bottom: 20px; + } +} + +.table-custom td { + padding: 17px 24px; +} + +.table-custom tbody tr:first-child td { + border-top: 0; +} + +.table-custom tr td { + border-bottom: 1px solid #f2f8ff; +} + +.table-custom tfoot td { + font-weight: 700; +} + +* + .table-custom-responsive { + margin-top: 20px; +} + +@media (min-width: 768px) { + * + .table-custom-responsive { + margin-top: 30px; + } +} + +@media (min-width: 992px) { + * + .table-custom-responsive { + margin-top: 40px; + } +} + +.table-custom.table-custom-primary thead th { + color: #ffffff; + background: #00aeef; + border: 0; +} + +.table-custom.table-custom-primary tbody tr:hover td { + background: #d7d7d7; +} + +.table-custom.table-custom-bordered tr td:first-child { + border-left: 0; +} + +.table-custom.table-custom-bordered tr td:last-child { + border-right: 0; +} + +.table-custom.table-custom-bordered td { + border: 1px solid #f2f8ff; +} + +.table-custom.table-custom-bordered tbody > tr:first-of-type > td { + border-top: 0; +} + +.table-custom.table-custom-striped { + border-bottom: 1px solid #f2f8ff; +} + +.table-custom.table-custom-striped tbody tr:nth-of-type(odd) td { + background: transparent; +} + +.table-custom.table-custom-striped tbody tr:nth-of-type(even) td { + background: #d7d7d7; +} + +.table-custom.table-custom-striped tbody td { + border: 0; +} + +.table-custom.table-custom-striped tfoot td:not(:first-child) { + border-left: 0; +} + +@media (max-width: 991.98px) { + .table-custom-responsive { + display: block; + width: 100%; + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-custom-responsive.table-bordered { + border: 0; + } +} + +.mobile .table-custom-responsive-1, +.tablet .table-custom-responsive-1 { + display: block; + width: 100%; + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.table-cart { + text-align: center; + color: #151515; + border: 1px solid #f2f8ff; +} + +.table-cart thead tr { + border: 1px solid #f2f8ff; +} + +.table-cart tr td { + border: none; +} + +.table-cart th:first-child, +.table-cart td:first-child { + text-align: left; +} + +@media (min-width: 992px) { + .table-cart th:first-child, + .table-cart td:first-child { + padding-left: 20px; + } +} + +@media (min-width: 1200px) { + .table-cart th:first-child, + .table-cart td:first-child { + padding-left: 30px; + } +} + +.table-cart tbody tr td { + padding: 10px 14px; +} + +.table-cart tbody tr:first-child td { + padding-top: 20px; +} + +.table-cart tbody tr:last-child td { + padding-bottom: 20px; +} + +@media (min-width: 1200px) { + .table-cart tbody tr td { + padding-top: 12px; + padding-bottom: 12px; + } + .table-cart tbody tr:first-child td { + padding-top: 24px; + } + .table-cart tbody tr:last-child td { + padding-bottom: 24px; + } +} + +.table-cart th { + padding: 14px; + font-size: 16px; + font-weight: 700; + letter-spacing: .1em; + text-transform: uppercase; + color: rgba(21, 21, 21, 0.5); + background: #ffffff; +} + +.table-cart th:first-child { + color: #151515; +} + +@media (min-width: 992px) { + .table-cart th { + padding-top: 21px; + padding-bottom: 21px; + } +} + +.table-cart td { + width: auto; + min-width: auto; + font-size: 16px; + font-weight: 400; + letter-spacing: .025em; + color: #151515; +} + +.table-cart td:first-child { + width: 62%; + min-width: 300px; +} + +@media (min-width: 992px) { + .table-cart td:first-child { + min-width: 500px; + } +} + +.table-cart td:nth-child(2), .table-cart td:nth-child(4) { + width: 13%; + min-width: 100px; +} + +.table-cart td:nth-child(3) { + min-width: 150px; +} + +@media (min-width: 992px) { + .table-cart td { + font-size: 20px; + } +} + +@media (min-width: 1200px) { + .table-cart td { + font-size: 24px; + } +} + +.table-cart-item { + display: flex; + align-items: center; +} + +.table-cart-link { + letter-spacing: .01em; +} + +.table-cart-link, .table-cart-link:focus, .table-cart-link:active { + color: inherit; +} + +.table-cart-link:hover { + color: #00aeef; +} + +.table-cart-figure { + display: inline-block; + text-align: center; + max-width: 70px; + flex-shrink: 0; + background: #f5f5f5; +} + +.table-cart-figure:hover { + background: rgba(245, 245, 245, 0.7); +} + +@media (min-width: 768px) { + .table-cart-figure { + max-width: 90px; + } +} + +@media (min-width: 992px) { + .table-cart-figure { + max-width: none; + } +} + +.table-cart-figure + a { + margin-left: 15px; +} + +@media (min-width: 992px) { + .table-cart-link { + font-size: 20px; + } + .table-cart-figure + a { + margin-left: 30px; + } +} + +.table-checkout { + text-transform: uppercase; + border: 1px solid #f2f8ff; +} + +.table-checkout td { + padding: 15px; + font-size: 14px; + letter-spacing: .1em; + font-weight: 500; + color: #151515; +} + +.table-checkout td:first-child { + min-width: 180px; +} + +.table-checkout td:last-child { + min-width: 100px; + text-align: right; +} + +@media (min-width: 768px) { + .table-checkout td { + padding: 20px; + font-size: 16px; + } +} + +@media (min-width: 992px) { + .table-checkout td { + padding: 25px 50px 25px 25px; + } +} + +.table-info-wrap { + padding: 20px 15px; + background: #ffffff; + box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24); +} + +.table-info-wrap-2 { + border: 2px solid #151515; + box-shadow: none; +} + +.table-info-wrap-2 .table-info th { + font-weight: 700; +} + +.table-info { + width: 100%; + max-width: 100%; + text-align: left; + font-weight: 400; + color: #151515; + background: #ffffff; + border-collapse: collapse; +} + +.table-info th { + font-weight: 500; + letter-spacing: .1em; + text-transform: uppercase; +} + +.table-info td:last-child { + color: rgba(21, 21, 21, 0.8); +} + +.table-info th, +.table-info td { + padding: 10px 10px; +} + +@media (min-width: 768px) { + .table-info th, + .table-info td { + padding: 16px 10px; + } +} + +@media (min-width: 992px) { + .table-info th, + .table-info td { + padding: 16px 20px; + } +} + +.table-info tbody tr { + border-top: 1px solid #e7eff6; +} + +.table-info th + th, +.table-info td + td { + border-left: 1px solid #e7eff6; +} + +* + .table-info-wrap { + margin-top: 30px; +} + +@media (min-width: 768px) { + .table-info-wrap { + padding: 30px 15px; + } + * + .table-info-wrap-1 { + margin-top: 30px; + } +} + +@media (min-width: 992px) { + .table-info-wrap { + padding: 30px 20px; + } + * + .table-info-wrap { + margin-top: 50px; + } +} + +@media (min-width: 1200px) { + .table-info-wrap { + padding: 40px; + } + .table-info-wrap-2 { + padding-top: 35px; + padding-bottom: 35px; + font-size: 18px; + } + .table-info-wrap-2 .table-info th, + .table-info-wrap-2 .table-info td { + padding-top: 14px; + padding-bottom: 14px; + } +} + +.context-dark .table-info, .bg-gray-700 .table-info, .bg-gray-800 .table-info, .bg-gray-5 .table-info, .bg-gray-13 .table-info, .bg-gray-14 .table-info, .bg-gray-17 .table-info, .bg-gray-19 .table-info, .bg-gray-21 .table-info, .bg-primary .table-info, .bg-secondary .table-info, .bg-gradient-1 .table-info { + color: #ffffff; + background: transparent; +} + +.context-dark .table-info td, .bg-gray-700 .table-info td, .bg-gray-800 .table-info td, .bg-gray-5 .table-info td, .bg-gray-13 .table-info td, .bg-gray-14 .table-info td, .bg-gray-17 .table-info td, .bg-gray-19 .table-info td, .bg-gray-21 .table-info td, .bg-primary .table-info td, .bg-secondary .table-info td, .bg-gradient-1 .table-info td, .context-dark .table-info td:last-child, .bg-gray-700 .table-info td:last-child, .bg-gray-800 .table-info td:last-child, .bg-gray-5 .table-info td:last-child, .bg-gray-13 .table-info td:last-child, .bg-gray-14 .table-info td:last-child, .bg-gray-17 .table-info td:last-child, .bg-gray-19 .table-info td:last-child, .bg-gray-21 .table-info td:last-child, .bg-primary .table-info td:last-child, .bg-secondary .table-info td:last-child, .bg-gradient-1 .table-info td:last-child { + color: rgba(255, 255, 255, 0.8); +} + +.context-dark .table-info thead th, .bg-gray-700 .table-info thead th, .bg-gray-800 .table-info thead th, .bg-gray-5 .table-info thead th, .bg-gray-13 .table-info thead th, .bg-gray-14 .table-info thead th, .bg-gray-17 .table-info thead th, .bg-gray-19 .table-info thead th, .bg-gray-21 .table-info thead th, .bg-primary .table-info thead th, .bg-secondary .table-info thead th, .bg-gradient-1 .table-info thead th, .context-dark .table-info tbody tr, .bg-gray-700 .table-info tbody tr, .bg-gray-800 .table-info tbody tr, .bg-gray-5 .table-info tbody tr, .bg-gray-13 .table-info tbody tr, .bg-gray-14 .table-info tbody tr, .bg-gray-17 .table-info tbody tr, .bg-gray-19 .table-info tbody tr, .bg-gray-21 .table-info tbody tr, .bg-primary .table-info tbody tr, .bg-secondary .table-info tbody tr, .bg-gradient-1 .table-info tbody tr, .context-dark .table-info tbody td, .bg-gray-700 .table-info tbody td, .bg-gray-800 .table-info tbody td, .bg-gray-5 .table-info tbody td, .bg-gray-13 .table-info tbody td, .bg-gray-14 .table-info tbody td, .bg-gray-17 .table-info tbody td, .bg-gray-19 .table-info tbody td, .bg-gray-21 .table-info tbody td, .bg-primary .table-info tbody td, .bg-secondary .table-info tbody td, .bg-gradient-1 .table-info tbody td { + border-color: rgba(255, 255, 255, 0.1); +} + +.table-schedule { + width: 100%; + max-width: 100%; + text-align: center; + font-weight: 400; + color: #151515; + background: #ffffff; + border-collapse: collapse; +} + +.table-schedule td, +.table-schedule th { + width: calc(100%/8); + min-width: 110px; + border: 1px solid #e7eff6; +} + +.table-schedule th { + padding: 10px; + font-weight: 500; + letter-spacing: .05em; + text-transform: uppercase; + color: rgba(21, 21, 21, 0.8); + background: #f5f5f5; +} + +@media (min-width: 992px) { + .table-schedule th { + padding: 20px 10px; + } +} + +.table-schedule td { + padding: 0; + vertical-align: top; +} + +.table-schedule td:first-child { + vertical-align: middle; + padding: 0 5px; +} + +@media (min-width: 992px) { + .table-schedule td:first-child { + font-size: 18px; + } +} + +.table-schedule td:hover { + position: relative; + z-index: 2; +} + +/** @section Dividers */ +hr { + margin-top: 0; + margin-bottom: 0; + border-top: 1px solid #f2f8ff; +} + +.divider { + font-size: 0; + line-height: 0; +} + +.divider::after { + display: inline-block; + content: ''; + width: 60px; + height: 0; + border-top: 2px solid #00aeef; + animation: moreLoop 2.5s cubic-bezier(0.77, 0, 0.175, 1) infinite; +} + +* + .divider { + margin-top: 20px; +} + +.divider + * { + margin-top: 20px; +} + +@media (min-width: 768px) { + .divider + h3 { + margin-top: 30px; + } + .divider + h4 { + margin-top: 30px; + } +} + +@media (min-width: 1200px) { + .divider + h4 { + margin-top: 45px; + } +} + +.hr-24 { + margin: 24px 0; +} + +.hr-30 { + margin: 30px 0; +} + +.text-line-left::before { + display: inline-block; + vertical-align: middle; + content: ''; + width: 60px; + height: 0; + margin-right: 20px; + border-top: 1px solid #e7eff6; + animation: moreLoop 2.5s cubic-bezier(0.77, 0, 0.175, 1) infinite; +} + +.text-line-right::after { + display: inline-block; + vertical-align: middle; + content: ''; + width: 60px; + height: 0; + margin-left: 20px; + border-top: 1px solid #e7eff6; + animation: moreLoop 2.5s cubic-bezier(0.77, 0, 0.175, 1) infinite; +} + +@media (min-width: 992px) { + .text-line-left::before { + width: 80px; + margin-right: 30px; + } + .text-line-right::after { + width: 80px; + margin-left: 30px; + } +} + +@media (min-width: 1200px) { + .text-line-left::before { + width: 100px; + margin-right: 35px; + } + .text-line-right::after { + width: 100px; + margin-left: 35px; + } + .text-line-big::before { + width: 130px; + } +} + +.context-dark .text-line-right::before, .bg-gray-700 .text-line-right::before, .bg-gray-800 .text-line-right::before, .bg-gray-5 .text-line-right::before, .bg-gray-13 .text-line-right::before, .bg-gray-14 .text-line-right::before, .bg-gray-17 .text-line-right::before, .bg-gray-19 .text-line-right::before, .bg-gray-21 .text-line-right::before, .bg-primary .text-line-right::before, .bg-secondary .text-line-right::before, .bg-gradient-1 .text-line-right::before { + border-top-color: rgba(255, 255, 255, 0.5); +} + +.context-dark .text-line-right::after, .bg-gray-700 .text-line-right::after, .bg-gray-800 .text-line-right::after, .bg-gray-5 .text-line-right::after, .bg-gray-13 .text-line-right::after, .bg-gray-14 .text-line-right::after, .bg-gray-17 .text-line-right::after, .bg-gray-19 .text-line-right::after, .bg-gray-21 .text-line-right::after, .bg-primary .text-line-right::after, .bg-secondary .text-line-right::after, .bg-gradient-1 .text-line-right::after { + border-top-color: rgba(255, 255, 255, 0.5); +} + +@keyframes moreLoop { + 0% { + transform: scale(0, 1); + transform-origin: left; + } + 47% { + transform: scale(1, 1); + transform-origin: left; + } + 48% { + transform: scale(1, 1); + transform-origin: right; + } + 95% { + transform: scale(0, 1); + transform-origin: right; + } + 96% { + transform: scale(0, 1); + transform-origin: left; + } + 100% { + transform: scale(0, 1); + } +} + +/** @section Buttons */ +.button { + position: relative; + overflow: hidden; + display: inline-block; + padding: 16px 40px; + font-size: 14px; + line-height: 1.5; + border: 2px solid; + border-radius: 4px; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 700; + letter-spacing: 0.05em; + text-transform: uppercase; + white-space: nowrap; + text-overflow: ellipsis; + text-align: center; + cursor: pointer; + vertical-align: middle; + user-select: none; + transition: 250ms all ease-in-out; +} + +.button-block { + display: block; + width: 100%; +} + +.button-default, .button-default:focus { + color: #414244; + background-color: #ffffff; + border-color: #ffffff; +} + +.button-default:hover, .button-default:active, .button-default.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-default.button-ujarak::before { + background: #00aeef; +} + +.button-primary, .button-primary:focus { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-primary:hover, .button-primary:active, .button-primary.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-primary.button-ujarak::before { + background: #00aeef; +} + +.button-white, .button-white:focus { + color: #151515; + background-color: #ffffff; + border-color: #ffffff; +} + +.button-white:hover, .button-white:active, .button-white.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-white.button-ujarak::before { + background: #00aeef; +} + +.button-white-2, .button-white-2:focus { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.27); + border-color: transparent; +} + +.button-white-2:hover, .button-white-2:active, .button-white-2.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-white-2.button-ujarak::before { + background: #00aeef; +} + +.button-gray-100, .button-gray-100:focus { + color: #151515; + background-color: #f5f5f5; + border-color: #f5f5f5; +} + +.button-gray-100:hover, .button-gray-100:active, .button-gray-100.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-gray-100.button-ujarak::before { + background: #00aeef; +} + +.button-gray-800, .button-gray-800:focus { + color: #ffffff; + background-color: #151515; + border-color: #151515; +} + +.button-gray-800:hover, .button-gray-800:active, .button-gray-800.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-gray-800.button-ujarak::before { + background: #00aeef; +} + +.button-gray-24, .button-gray-24:focus { + color: #ffffff; + background-color: #434343; + border-color: #434343; +} + +.button-gray-24:hover, .button-gray-24:active, .button-gray-24.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-gray-24.button-ujarak::before { + background: #00aeef; +} + +.button-gray-5, .button-gray-5:focus { + color: #ffffff; + background-color: #373737; + border-color: #373737; +} + +.button-gray-5:hover, .button-gray-5:active, .button-gray-5.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-gray-5.button-ujarak::before { + background: #00aeef; +} + +.button-gray-11, .button-gray-11:focus { + color: #ffffff; + background-color: #505050; + border-color: #505050; +} + +.button-gray-11:hover, .button-gray-11:active, .button-gray-11.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-gray-11.button-ujarak::before { + background: #00aeef; +} + +.button-gray-18, .button-gray-18:focus { + color: #ffffff; + background-color: #595a62; + border-color: #595a62; +} + +.button-gray-18:hover, .button-gray-18:active, .button-gray-18.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-gray-18.button-ujarak::before { + background: #00aeef; +} + +.button-gray-22, .button-gray-22:focus { + color: #ffffff; + background-color: #252525; + border-color: #252525; +} + +.button-gray-22:hover, .button-gray-22:active, .button-gray-22.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-gray-22.button-ujarak::before { + background: #00aeef; +} + +.button-primary, .button-primary:focus { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-primary:hover, .button-primary:active, .button-primary.active { + color: #151515; + background-color: #8dc63f; + border-color: #8dc63f; +} + +.button-primary.button-ujarak::before { + background: #8dc63f; +} + +.button-gradient, .button-gradient:focus { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-gradient:hover, .button-gradient:active, .button-gradient.active { + color: #ffffff; + background-color: #8dc63f; + border-color: #8dc63f; +} + +.button-gradient.button-ujarak::before { + background: #8dc63f; +} + +.button-default-outline, .button-default-outline:focus { + color: #151515; + background-color: transparent; + border-color: #151515; +} + +.button-default-outline:hover, .button-default-outline:active, .button-default-outline.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-default-outline.button-ujarak::before { + background: #00aeef; +} + +.button-white-outline, .button-white-outline:focus { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} + +.button-white-outline:hover, .button-white-outline:active, .button-white-outline.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-white-outline.button-ujarak::before { + background: #00aeef; +} + +.button-white-outline-2, .button-white-outline-2:focus { + color: #ffffff; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.3); +} + +.button-white-outline-2:hover, .button-white-outline-2:active, .button-white-outline-2.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-white-outline-2.button-ujarak::before { + background: #00aeef; +} + +.button-default-outline-2, .button-default-outline-2:focus { + color: #373737; + background-color: transparent; + border-color: #373737; +} + +.button-default-outline-2:hover, .button-default-outline-2:active, .button-default-outline-2.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-default-outline-2.button-ujarak::before { + background: #00aeef; +} + +.button-default-outline-3, .button-default-outline-3:focus { + color: #373737; + background-color: transparent; + border-color: #373737; +} + +.button-default-outline-3:hover, .button-default-outline-3:active, .button-default-outline-3.active { + color: #ffffff; + background-color: #373737; + border-color: #373737; +} + +.button-default-outline-3.button-ujarak::before { + background: #373737; +} + +.button-default-outline-4, .button-default-outline-4:focus { + color: #151515; + background-color: transparent; + border-color: #c8c8c8; +} + +.button-default-outline-4:hover, .button-default-outline-4:active, .button-default-outline-4.active { + color: #ffffff; + background-color: #373737; + border-color: #373737; +} + +.button-default-outline-4.button-ujarak::before { + background: #373737; +} + +.button-primary-outline, .button-primary-outline:focus { + color: #00aeef; + background-color: transparent; + border-color: #00aeef; +} + +.button-primary-outline:hover, .button-primary-outline:active, .button-primary-outline.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-primary-outline.button-ujarak::before { + background: #00aeef; +} + +.button-primary-outline-2, .button-primary-outline-2:focus { + color: #00aeef; + background-color: transparent; + border-color: #00aeef; +} + +.button-primary-outline-2:hover, .button-primary-outline-2:active, .button-primary-outline-2.active { + color: #ffffff; + background-color: #00aeef; + border-color: #00aeef; +} + +.button-primary-outline-2.button-ujarak::before { + background: #00aeef; +} + +.button-ghost { + border: 0; + background-color: transparent; +} + +.button-ghost:hover { + color: #ffffff; + background: #00aeef; +} + +.button-facebook, .button-facebook:focus { + color: #ffffff; + background-color: #4d70a8; + border-color: #4d70a8; +} + +.button-facebook:hover, .button-facebook:active, .button-facebook.active { + color: #ffffff; + background-color: #456497; + border-color: #456497; +} + +.button-facebook.button-ujarak::before { + background: #456497; +} + +.button-twitter, .button-twitter:focus { + color: #ffffff; + background-color: #02bcf3; + border-color: #02bcf3; +} + +.button-twitter:hover, .button-twitter:active, .button-twitter.active { + color: #ffffff; + background-color: #02a8da; + border-color: #02a8da; +} + +.button-twitter.button-ujarak::before { + background: #02a8da; +} + +.button-google, .button-google:focus { + color: #ffffff; + background-color: #e2411e; + border-color: #e2411e; +} + +.button-google:hover, .button-google:active, .button-google.active { + color: #ffffff; + background-color: #cc3a1a; + border-color: #cc3a1a; +} + +.button-google.button-ujarak::before { + background: #cc3a1a; +} + +.button-shadow { + box-shadow: 0 10px 9px 0 rgba(0, 0, 0, 0.14); +} + +.button-ujarak { + position: relative; + z-index: 0; + transition: background .4s, border-color .4s, color .4s; +} + +.button-ujarak::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #00aeef; + z-index: -1; + opacity: 0; + transform: scale3d(0.7, 1, 1); + transition: transform 0.42s, opacity 0.42s; + border-radius: inherit; +} + +.button-ujarak, .button-ujarak::before { + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); +} + +.button-ujarak:hover { + transition: background .4s .4s, border-color .4s 0s, color .2s 0s; +} + +.button-ujarak:hover::before { + opacity: 1; + transform: translate3d(0, 0, 0) scale3d(1, 1, 1); +} + +.button-xs { + padding: 8px 17px; +} + +.button-sm { + padding: 11px 30px; + font-size: 12px; + line-height: 1.6; +} + +.button-lg { + padding: 16px 30px; + font-size: 13px; + line-height: 1.334; +} + +.button-xl { + padding: 26px 40px; + font-size: 14px; + line-height: 1; +} + +.button-custom { + padding: 12px 40px; +} + +@media (min-width: 768px) { + .button-custom { + padding: 16px 40px; + font-size: 14px; + line-height: 1.5; + } +} + +@media (min-width: 992px) { + .button-custom { + padding: 26px 40px; + font-size: 14px; + line-height: 1; + } +} + +@media (min-width: 992px) { + .button-1 { + padding-left: 35px; + padding-right: 35px; + } +} + +.button-circle { + border-radius: 30px; +} + +.button-round-1 { + border-radius: 5px; +} + +.button-round-2 { + border-radius: 10px; +} + +.button-icon { + display: inline-flex; + justify-content: center; + align-items: center; + vertical-align: middle; +} + +.button-icon .icon { + position: relative; + display: inline-block; + vertical-align: middle; + color: inherit; + font-size: 18px; + line-height: 1; +} + +@media (min-width: 768px) { + .button-icon .icon { + font-size: 22px; + } +} + +.button-icon-left .icon { + padding-right: 11px; +} + +.button-icon-right { + flex-direction: row-reverse; +} + +.button-icon-right .icon { + padding-left: 11px; +} + +.button-icon.button-link .icon { + top: 5px; + font-size: 1em; +} + +.button-icon.button-xs .icon { + top: .05em; + font-size: 1.2em; + padding-right: 8px; +} + +.button-icon.button-xs .button-icon-right { + padding-left: 8px; +} + +.btn-primary { + border-radius: 3px; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 700; + letter-spacing: .05em; + text-transform: uppercase; + transition: .33s; +} + +.btn-primary, .btn-primary:active, .btn-primary:focus { + color: #ffffff; + background: #00aeef; + border-color: #00aeef; +} + +.btn-primary:hover { + color: #ffffff; + background: #000000; + border-color: #000000; +} + +.button-gradient { + border-color: transparent; + background-size: 200% auto; + background-position: 100% 50%; + background-image: linear-gradient(84deg, #00aeef 0%, #8dc63f 50%, #00aeef 100%); + animation: motionGradient 5s infinite linear; + color: #ffffff; +} + +.button-gradient:hover { + background-position: var(--x) 50%; + border-color: transparent; + transition: none; + animation: none; +} + +@keyframes motionGradient { + 90% { + background-position: 100% 50%; + } + 95% { + background-position: 0 50%; + } +} + +.ie-10 .button-gradient, +.ie-11 .button-gradient, +.ie-edge .button-gradient { + animation: none; + transition: .3s ease; +} + +.ie-10 .button-gradient:hover, +.ie-11 .button-gradient:hover, +.ie-edge .button-gradient:hover { + background-position: 0 50%; +} + +.button-tag { + display: inline-block; + border: 1px solid; + padding: 8px 16px 6px; + font-size: 12px; + line-height: 2; + font-weight: 700; + letter-spacing: .05em; + text-transform: uppercase; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + white-space: nowrap; + text-overflow: ellipsis; + text-align: center; + cursor: pointer; + vertical-align: middle; + user-select: none; + transition: 250ms all ease-in-out; +} + +.button-tag, .button-tag:focus { + color: rgba(21, 21, 21, 0.5); + background-color: transparent; + border-color: #e7eff6; +} + +.button-tag:hover, .button-tag:active, .button-tag.active { + color: #151515; + background-color: transparent; + border-color: #e7eff6; +} + +.button-tag.button-ujarak::before { + background: transparent; +} + +/** @section Forms */ +.rd-form { + position: relative; + text-align: left; +} + +input:-webkit-autofill ~ label, +input:-webkit-autofill ~ .form-validation { + color: #000000 !important; +} + +.form-wrap { + position: relative; +} + +.form-wrap.has-error .form-input { + border-color: #f5543f; +} + +.form-wrap.has-focus .form-input { + border-color: #00aeef; +} + +.form-wrap + * { + margin-top: 12px; +} + +.form-wrap + .button, +.form-wrap + .form-button { + margin-top: 20px; +} + +@media (min-width: 768px) { + .form-wrap + * { + margin-top: 20px; + } + .form-wrap + .button, + .form-wrap + .form-button { + margin-top: 30px; + } +} + +@media (min-width: 992px) { + .form-wrap + .form-button { + margin-top: 50px; + } +} + +.form-input { + display: block; + width: 100%; + min-height: 40px; + padding: 6px 15px; + font-size: 14px; + font-weight: 300; + line-height: 27px; + letter-spacing: .035em; + color: #151515; + background-color: #f5f5f5; + background-image: none; + border-radius: 5px; + -webkit-appearance: none; + transition: .3s ease-in-out; + border: 1px solid #e7eff6; +} + +.form-input:focus { + outline: 0; +} + +@media (min-width: 768px) { + .form-input { + min-height: 50px; + padding: 11px 20px; + font-size: 16px; + } +} + +@media (min-width: 992px) { + .form-input { + min-height: 60px; + padding: 16px 25px; + } +} + +.bg-gray-100 .form-input { + background: #ffffff; +} + +textarea.form-input { + height: 120px; + min-height: 60px; + max-height: 204px; + resize: vertical; +} + +@media (min-width: 768px) { + textarea.form-input { + height: 170px; + min-height: 60px; + } +} + +.recaptcha div { + display: block; + transform-origin: 0 0; +} + +.recaptcha iframe { + display: block; +} + +.form-label, +.form-label-outside { + margin-bottom: 0; + color: #151515; + font-weight: 300; +} + +.form-label { + position: absolute; + top: 20px; + left: 0; + right: 0; + padding-left: 20px; + padding-right: 20px; + font-size: 14px; + font-weight: 300; + line-height: 27px; + letter-spacing: .035em; + pointer-events: none; + text-align: left; + z-index: 9; + transition: .25s; + transform: translateY(-50%); +} + +.form-label.focus { + opacity: 0; +} + +.form-label.auto-fill { + color: #151515; +} + +.form-label .icon { + font-size: 18px; + line-height: 1; + padding-right: 10px; +} + +.form-label > span { + display: inline-block; + vertical-align: middle; +} + +@media (min-width: 768px) { + .form-label { + top: 25px; + font-size: 16px; + } + .form-label .icon { + font-size: 22px; + padding-right: 16px; + } +} + +@media (min-width: 992px) { + .form-label { + top: 30px; + padding-left: 25px; + padding-right: 25px; + } +} + +.form-label-outside { + width: 100%; + margin-bottom: 4px; +} + +@media (min-width: 768px) { + .form-label-outside { + position: static; + } + .form-label-outside, .form-label-outside.focus, .form-label-outside.auto-fill { + transform: none; + } +} + +[data-x-mode='true'] .form-label { + pointer-events: auto; +} + +.form-validation { + position: absolute; + right: 8px; + top: 0; + z-index: 11; + margin-top: 2px; + font-size: 9px; + font-weight: 400; + line-height: 12px; + letter-spacing: 0; + color: #f5543f; + transition: .3s; +} + +.form-validation-left .form-validation { + right: auto; + left: 8px; +} + +#form-output-global { + position: fixed; + bottom: 30px; + left: 15px; + z-index: 2000; + visibility: hidden; + transform: translate3d(-500px, 0, 0); + transition: .3s all ease; +} + +#form-output-global.active { + visibility: visible; + transform: translate3d(0, 0, 0); +} + +@media (min-width: 576px) { + #form-output-global { + left: 30px; + } +} + +.form-output { + position: absolute; + top: 100%; + left: 0; + font-size: 10px; + font-weight: 400; + line-height: 1.2; + margin-top: 2px; + transition: .3s; + opacity: 0; + visibility: hidden; +} + +.form-output.active { + opacity: 1; + visibility: visible; +} + +.form-output.error { + color: #f5543f; +} + +.form-output.success { + color: #98bf44; +} + +.radio .radio-custom, +.radio-inline .radio-custom, +.checkbox .checkbox-custom, +.checkbox-inline .checkbox-custom { + opacity: 0; +} + +.radio .radio-custom, .radio .radio-custom-dummy, +.radio-inline .radio-custom, +.radio-inline .radio-custom-dummy, +.checkbox .checkbox-custom, +.checkbox .checkbox-custom-dummy, +.checkbox-inline .checkbox-custom, +.checkbox-inline .checkbox-custom-dummy { + position: absolute; + left: 0; + width: 14px; + height: 14px; + outline: none; + cursor: pointer; +} + +.radio .radio-custom-dummy, +.radio-inline .radio-custom-dummy, +.checkbox .checkbox-custom-dummy, +.checkbox-inline .checkbox-custom-dummy { + pointer-events: none; + background: #ffffff; +} + +.radio .radio-custom-dummy::after, +.radio-inline .radio-custom-dummy::after, +.checkbox .checkbox-custom-dummy::after, +.checkbox-inline .checkbox-custom-dummy::after { + position: absolute; + opacity: 0; + transition: .22s; +} + +.radio .radio-custom:focus, +.radio-inline .radio-custom:focus, +.checkbox .checkbox-custom:focus, +.checkbox-inline .checkbox-custom:focus { + outline: none; +} + +.radio input, +.radio-inline input, +.checkbox input, +.checkbox-inline input { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.radio-custom:checked + .radio-custom-dummy:after, +.checkbox-custom:checked + .checkbox-custom-dummy:after { + opacity: 1; +} + +.radio, +.radio-inline { + position: relative; + padding-left: 30px; + line-height: 30px; + cursor: pointer; + color: rgba(21, 21, 21, 0.5); +} + +.radio .radio-custom-dummy, +.radio-inline .radio-custom-dummy { + top: 6px; + left: 0; + width: 18px; + height: 18px; + margin: 0; + border: 2px solid #dddddd; +} + +.radio .radio-custom-dummy::after, +.radio-inline .radio-custom-dummy::after { + content: '\f222'; + font-family: "Material Design Icons"; + position: absolute; + top: -2px; + left: -2px; + font-size: 20px; + line-height: 18px; + color: #151515; +} + +.checkbox, +.checkbox-inline { + position: relative; + padding-left: 30px; + line-height: 30px; + cursor: pointer; + color: rgba(21, 21, 21, 0.5); +} + +.checkbox .checkbox-custom-dummy, +.checkbox-inline .checkbox-custom-dummy { + top: 6px; + left: 0; + width: 18px; + height: 18px; + margin: 0; + border: 2px solid #dddddd; +} + +.checkbox .checkbox-custom-dummy::after, +.checkbox-inline .checkbox-custom-dummy::after { + content: '\f222'; + font-family: "Material Design Icons"; + position: absolute; + top: -2px; + left: -2px; + font-size: 20px; + line-height: 18px; + color: #151515; +} + +.toggle-custom { + padding-left: 60px; + -webkit-appearance: none; +} + +.toggle-custom:checked ~ .checkbox-custom-dummy::after { + background: #00aeef; + transform: translate(20px, -50%); +} + +.toggle-custom ~ .checkbox-custom-dummy { + position: relative; + display: inline-block; + margin-top: -1px; + width: 44px; + height: 20px; + background: #f5f5f5; + cursor: pointer; +} + +.toggle-custom ~ .checkbox-custom-dummy::after { + content: ''; + position: absolute; + display: inline-block; + width: 16px; + height: 16px; + left: 0; + top: 50%; + background: #b7b7b7; + transform: translate(4px, -50%); + opacity: 1; + transition: .22s; +} + +.rd-form-inline { + display: flex; + flex-wrap: wrap; + align-items: stretch; + text-align: center; +} + +.rd-form-inline > * { + margin-top: 0; +} + +.rd-form-inline .form-input { + border-radius: 5px; +} + +.rd-form-inline .form-validation { + right: 30px; +} + +.rd-form-inline .form-wrap { + flex-grow: 1; + min-width: 185px; +} + +.rd-form-inline .form-wrap-select { + text-align: left; +} + +.rd-form-inline .form-button { + margin-top: 0; + flex-shrink: 0; +} + +@media (min-width: 576px) { + .rd-form-inline .button { + display: block; + } +} + +.rd-form-inline.rd-form-inline-centered { + justify-content: center; +} + +.rd-form-inline-2 { + align-items: center; +} + +.rd-form-inline-2 .form-input { + padding-right: 40px; +} + +.rd-form-inline-2 .form-button { + margin-left: -30px; +} + +.rd-form-inline-2 .button { + width: 50px; + height: 50px; + padding: 5px; +} + +@media (min-width: 768px) { + .rd-form-inline-2 .button { + width: 60px; + height: 60px; + padding: 10px; + } +} + +.form-sm .form-input, +.form-sm .button { + padding-top: 9px; + padding-bottom: 9px; + min-height: 50px; +} + +.form-sm .form-validation { + top: -16px; +} + +.form-sm .form-label { + top: 25px; +} + +.form-lg .form-input, +.form-lg .select2-container .select2-choice { + min-height: 50px; + padding-top: 11px; + padding-bottom: 10px; +} + +.form-lg .form-label { + top: 25px; +} + +.form-lg .form-input, +.form-lg .form-label { + padding-left: 20px; + padding-right: 20px; +} + +@media (min-width: 768px) { + .form-lg .form-input, + .form-lg .select2-container .select2-choice { + min-height: 57px; + padding-top: 12px; + padding-bottom: 13px; + } + .form-lg .form-label { + top: 30px; + } + .form-lg .form-input, + .form-lg .form-label { + padding-left: 30px; + padding-right: 30px; + } +} + +@media (min-width: 992px) { + .form-lg .form-label { + top: 35px; + } + .form-lg .form-input, + .form-lg .select2-container .select2-choice { + min-height: 70px; + padding-top: 20px; + padding-bottom: 20px; + } + .form-lg .form-input, + .form-lg .form-label { + padding-left: 40px; + padding-right: 40px; + } +} + +.form-style-1 { + display: flex; + flex-direction: column; + align-items: center; +} + +.form-style-1 .form-wrap { + width: 100%; +} + +.form-style-1 .form-input { + border-radius: 6px; + border-color: #ffffff; + box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.15); +} + +.form-style-1 .form-validation { + right: 30px; +} + +.form-style-1 .form-button { + margin-top: 20px; +} + +.form-text .icon { + font-size: 24px; + line-height: 30px; + color: #151515; +} + +@media (min-width: 576px) { + .form-style-1 { + max-width: 620px; + margin-right: auto; + margin-left: auto; + flex-direction: row; + } + .form-style-1 .form-input { + min-height: 70px; + padding-top: 11px; + padding-bottom: 11px; + } + .form-style-1 .form-input, + .form-style-1 .form-label { + padding-left: 40px; + padding-right: 174px; + } + .form-style-1 .form-label { + top: 36px; + } + .form-style-1 .form-button { + margin-left: -148px; + margin-top: 0; + } + .form-style-1 .form-validation { + right: 150px; + } +} + +.form-style-2 .select2-dropdown { + margin-top: 0; +} + +.form-style-2 .select2-container--default .select2-selection--single .select2-selection__rendered, +.form-style-2 .form-input { + border-color: transparent; +} + +.form-style-2 .select2-container--default .select2-selection--single .select2-selection__rendered, +.form-style-2 .form-input, +.form-style-2 .form-label { + font-size: 16px; + font-weight: 400; + letter-spacing: .05em; +} + +.form-style-2 .select2-dropdown, +.form-style-2 .select2-container--default .select2-selection--single .select2-selection__rendered, +.form-style-2 .form-input { + border-radius: 0; +} + +.form-style-3 .select2-dropdown, +.form-style-3 .select2-container--default .select2-selection--single .select2-selection__rendered, +.form-style-3 .form-input { + background: #ffffff; +} + +.context-dark .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-700 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-800 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-5 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-13 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-14 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-17 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-19 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gray-21 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-primary .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-secondary .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .bg-gradient-1 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__rendered, +.context-dark .form-style-4 .form-input, +.bg-gray-700 .form-style-4 .form-input, +.bg-gray-800 .form-style-4 .form-input, +.bg-gray-5 .form-style-4 .form-input, +.bg-gray-13 .form-style-4 .form-input, +.bg-gray-14 .form-style-4 .form-input, +.bg-gray-17 .form-style-4 .form-input, +.bg-gray-19 .form-style-4 .form-input, +.bg-gray-21 .form-style-4 .form-input, +.bg-primary .form-style-4 .form-input, +.bg-secondary .form-style-4 .form-input, +.bg-gradient-1 .form-style-4 .form-input { + color: #ffffff; + background: rgba(255, 255, 255, 0.1); + border-color: transparent; +} + +.context-dark .form-style-4 .form-label, .bg-gray-700 .form-style-4 .form-label, .bg-gray-800 .form-style-4 .form-label, .bg-gray-5 .form-style-4 .form-label, .bg-gray-13 .form-style-4 .form-label, .bg-gray-14 .form-style-4 .form-label, .bg-gray-17 .form-style-4 .form-label, .bg-gray-19 .form-style-4 .form-label, .bg-gray-21 .form-style-4 .form-label, .bg-primary .form-style-4 .form-label, .bg-secondary .form-style-4 .form-label, .bg-gradient-1 .form-style-4 .form-label { + color: #ffffff; +} + +.context-dark .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-700 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-800 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-5 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-13 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-14 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-17 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-19 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gray-21 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-primary .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-secondary .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .bg-gradient-1 .form-style-4 .select2-container--default .select2-selection--single .select2-selection__arrow b { + color: #ffffff; +} + +.form-style-5 { + padding: 30px 15px; +} + +.form-style-5 .form-input { + border-radius: 50px; +} + +.form-style-5 .form-validation { + right: 20px; +} + +.form-style-5 .form-wrap + * { + margin-top: 20px; +} + +@media (min-width: 576px) { + .form-style-5 { + padding: 40px 20px; + max-width: 340px; + } +} + +@media (min-width: 768px) { + .form-style-5 { + max-width: 380px; + } +} + +@media (min-width: 992px) { + .form-style-5 { + padding: 50px 30px; + max-width: 445px; + } + .form-style-5 .form-wrap + * { + margin-top: 30px; + } + .form-style-5 .form-wrap + .group-custom-1 { + margin-top: 40px; + } +} + +@media (min-width: 576px) { + * + .form-style-5 { + margin-top: 0; + } +} + +.form-style-6 .form-input { + border-radius: 50px; + background: #ffffff; +} + +.form-style-6 .form-validation { + right: 20px; +} + +.form-style-6 .form-wrap + * { + margin-top: 15px; +} + +@media (min-width: 768px) { + .form-style-6 .form-wrap + * { + margin-top: 25px; + } +} + +/** @section Posts */ +.post { + position: relative; + text-align: left; + display: flex; + color: rgba(255, 255, 255, 0.8); + background: #202020; + z-index: 1; +} + +.post-1 .post-dummy::before { + padding-bottom: 82.5%; +} + +.post-1 .post-content { + background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.61) 100%); +} + +.post-1 .post-image { + opacity: 1; +} + +.post-1 .post-title { + letter-spacing: .05em; +} + +.post-1 .post-time::before { + border-top-color: #00aeef; +} + +.post-image { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + min-height: 100%; + min-width: 100%; + width: auto; + height: auto; + max-width: none; + opacity: .45; + z-index: -1; +} + +@supports (object-fit: cover) { + .post-image { + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: none; + object-fit: cover; + object-position: center center; + } +} + +.post-content, +.post-dummy { + width: 100%; + flex-shrink: 0; +} + +.post-dummy { + pointer-events: none; +} + +.post-dummy::before { + display: block; + content: ''; + width: 0; + padding-bottom: 64.39%; +} + +.post-content { + display: flex; + flex-direction: column; + justify-content: space-between; + padding: 15px; +} + +.post-content > * + * { + margin-top: 20px; +} + +.post-tag { + display: inline-block; + padding: 1px 5px 0; + font-size: 14px; + line-height: 20px; + font-weight: 500; + letter-spacing: .1em; + text-transform: uppercase; + white-space: nowrap; + border: 1px solid transparent; +} + +.post-tag, .post-tag:focus, .post-tag:active { + color: #ffffff; + background: #151515; +} + +.post-tag:hover { + color: #ffffff; + background: #151515; +} + +.post-tag-primary, .post-tag-primary:focus, .post-tag-primary:active { + background: #00aeef; +} + +.post-tag-secondary, .post-tag-secondary:focus, .post-tag-secondary:active { + background: #8dc63f; +} + +.post-tag-green, .post-tag-green:focus, .post-tag-green:active { + background: #00aeef; +} + +.post-tag-blue, .post-tag-blue:focus, .post-tag-blue:active { + background: #4371cf; +} + +.post-tag-red, .post-tag-red:focus, .post-tag-red:active { + background: #f6425f; +} + +.post-tag-yellow, .post-tag-yellow:focus, .post-tag-yellow:active { + color: #151515; + background: #fff663; +} + +.post-tag-white-outline, .post-tag-white-outline:focus, .post-tag-white-outline:active { + background: transparent; + border-color: #ffffff; +} + +.post-tag-white-outline:hover { + color: #151515; + background: #ffffff; +} + +.post-title { + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + color: #ffffff; + font-weight: 700; + text-transform: uppercase; +} + +.post-title a:hover { + color: inherit; + text-decoration: underline; +} + +@media (min-width: 992px) { + .post-title { + font-size: 24px; + } +} + +.post-text { + font-weight: 400; + letter-spacing: .025em; + text-transform: none; + color: rgba(255, 255, 255, 0.7); +} + +.post-time { + font-size: 14px; + font-weight: 500; + letter-spacing: .1em; + text-transform: uppercase; +} + +.post-time::before { + display: block; + content: ''; + width: 55px; + height: 0; + margin-bottom: 15px; + border-top: 1px solid #00aeef; +} + +* + .post-title { + margin-top: 14px; +} + +* + .post-text { + margin-top: 10px; +} + +* + .post-time { + margin-top: 20px; +} + +@media (min-width: 768px) { + .post-tag { + padding: 4px 10px 3px; + } +} + +@media (min-width: 992px) { + .post-content { + padding: 20px; + } +} + +@media (min-width: 1200px) { + .post-1 .post-content { + padding-left: 5%; + padding-right: 5%; + } + .post-content { + padding: 25px 25px 35px; + } + .post-time::before { + margin-bottom: 25px; + } + * + .post-title { + margin-top: 24px; + } + * + .post-text { + margin-top: 16px; + } + * + .post-time { + margin-top: 30px; + } + .post-text + .post-time { + margin-top: 40px; + } +} + +@media (min-width: 1600px) { + .post-1 .post-content { + padding: 30px 7%; + } +} + +.post-modern { + position: relative; + text-align: left; + display: flex; + font-weight: 400; + background: #ffffff; + z-index: 1; +} + +.post-modern-1 { + background: #f5f5f5; +} + +.post-modern-1 .post-dummy::before { + padding-bottom: 39.47%; +} + +.post-modern-1 .post-modern-title { + font-weight: 400; + letter-spacing: .035em; + text-transform: none; +} + +.post-modern-1 .post-time::before { + border-top-color: #00aeef; +} + +.post-modern-image-right .post-modern-figure img { + object-position: right center; +} + +.post-modern-image-left .post-modern-figure img { + object-position: left center; +} + +.post-modern-body { + display: flex; + width: 100%; + flex-shrink: 0; +} + +.post-modern-content { + display: flex; + flex-direction: column; + justify-content: space-between; + width: 100%; + padding: 15px; +} + +.post-modern-title { + font-weight: 500; + text-transform: uppercase; +} + +.post-modern-title a:hover { + color: inherit; + text-decoration: underline; +} + +.post-modern-text { + display: none; +} + +.post-modern-figure img { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + min-height: 100%; + min-width: 100%; + width: auto; + height: auto; + max-width: none; + opacity: .5; + z-index: -1; +} + +@supports (object-fit: cover) { + .post-modern-figure img { + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: none; + object-fit: cover; + object-position: center center; + } +} + +* + .post-modern-title { + margin-top: 14px; +} + +* + .post-modern-text { + margin-top: 10px; +} + +@media (min-width: 992px) { + .post-modern-1 .post-modern-content { + display: flex; + } + .post-modern-content { + display: block; + } + .post-modern-figure { + position: relative; + overflow: hidden; + width: 40%; + flex-shrink: 0; + } + .post-modern-figure img { + opacity: 1; + } + .post-modern-text { + display: block; + } +} + +@media (min-width: 1200px) { + .post-modern-1 .post-modern-content { + padding-left: 5%; + padding-right: 5%; + } + .post-modern-content { + padding: 20px; + } + .post-modern-figure { + width: 50%; + } + * + .post-modern-title { + margin-top: 24px; + } + * + .post-modern-text { + margin-top: 20px; + } +} + +@media (min-width: 1600px) { + .post-modern-1 .post-modern-content { + padding-top: 30px; + padding-bottom: 30px; + } + .post-modern-1 .post-modern-title { + line-height: 1.375; + } +} + +.post-classic { + position: relative; + text-align: left; + display: flex; + color: rgba(255, 255, 255, 0.8); + background: #202020; + z-index: 1; +} + +.post-classic-image { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + min-height: 100%; + min-width: 100%; + width: auto; + height: auto; + max-width: none; + z-index: -1; +} + +@supports (object-fit: cover) { + .post-classic-image { + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: none; + object-fit: cover; + object-position: center center; + } +} + +.post-classic-content, +.post-classic-dummy { + width: 100%; + flex-shrink: 0; +} + +.post-classic-dummy { + pointer-events: none; +} + +.post-classic-dummy::before { + display: block; + content: ''; + width: 0; + padding-bottom: 99%; +} + +.post-classic-content { + display: flex; + flex-direction: column; + justify-content: space-between; + padding: 15px; + background: linear-gradient(to bottom, rgba(57, 56, 56, 0.15) 0%, rgba(51, 51, 51, 0.39) 36%, rgba(44, 44, 44, 0.73) 81%, rgba(41, 41, 41, 0.85) 100%); +} + +.post-classic-title { + font-weight: 400; + letter-spacing: .025em; + text-transform: none; + color: #ffffff; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +@media (min-width: 1200px) { + .post-classic-title { + font-size: 24px; + } +} + +.post-classic-title a:hover { + color: inherit; + text-decoration: underline; +} + +* + .post-classic-title { + margin-top: 14px; +} + +@media (min-width: 768px) { + .post-classic-content { + padding: 30px; + } +} + +@media (min-width: 1200px) { + .post-classic-content { + padding: 30px 44px 40px; + } + * + .post-classic-title { + margin-top: 24px; + } +} + +.post-creative { + position: relative; + text-align: left; + max-width: 448px; + margin-left: auto; + margin-right: auto; + background: #ffffff; + transition: .3s ease-in-out; +} + +.post-creative-figure { + display: block; + overflow: hidden; +} + +.post-creative-figure img { + width: 100%; + transition: .3s ease; +} + +.post-creative-content { + padding: 14px 15px; +} + +.post-creative-title a:hover { + color: inherit; + text-decoration: underline; +} + +.post-creative-time { + font-weight: 700; + letter-spacing: .075em; + text-transform: uppercase; + color: #8dc63f; +} + +.post-creative-tag { + position: absolute; + top: 0; + left: 25px; +} + +* + .post-creative { + margin-top: 30px; +} + +* + .post-creative-time { + margin-top: 4px; +} + +@media (min-width: 992px) { + .post-creative-content { + padding: 24px 30px; + } + .desktop .post-creative-figure img { + transform: scale(1.1); + } + .desktop .post-creative:hover .post-creative-figure img { + transform: none; + } + * + .post-creative-time { + margin-top: 10px; + } +} + +.post-minimal { + font-weight: 400; +} + +.post-minimal-figure { + display: block; + overflow: hidden; +} + +.post-minimal-figure img { + width: 65px; + transition: .3s ease; +} + +.post-minimal-title { + line-height: 1.5; + letter-spacing: .01em; + color: #151515; +} + +.post-minimal-title a, .post-minimal-title a:focus, .post-minimal-title a:active { + color: inherit; +} + +.post-minimal-title a:hover { + color: #00aeef; +} + +.post-minimal-time { + font-size: 15px; + color: rgba(21, 21, 21, 0.5); +} + +* + .post-minimal-wrap { + margin-top: 30px; +} + +* + .post-minimal { + margin-top: 20px; +} + +@media (min-width: 768px) { + .post-minimal-figure img { + width: auto; + } +} + +@media (min-width: 992px) { + .desktop .post-minimal:hover .post-minimal-figure img { + transform: scale(1.05); + } +} + +.post-bonnie { + text-align: left; +} + +.post-bonnie-figure { + position: relative; + overflow: hidden; + display: block; +} + +.post-bonnie-figure img { + width: 100%; + transition: all .3s ease-in-out; +} + +.post-bonnie-figure img.processed { + position: absolute; + opacity: 0; +} + +.post-bonnie-content { + position: relative; + padding: 70px 6% 0; +} + +.post-bonnie-title { + position: absolute; + top: 0; + left: 7%; + min-width: 66%; + max-width: 100%; + padding: 10px 15px; + line-height: 1.5; + font-weight: 400; + letter-spacing: .025em; + text-transform: none; + background: #ffffff; + transform: translateY(-40%); + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.26); + transition: .3s ease; +} + +.post-bonnie-time { + font-weight: 400; + letter-spacing: .01em; + text-transform: uppercase; + color: #00aeef; +} + +.post-bonnie-time::before { + display: inline-block; + vertical-align: middle; + content: ''; + height: 0; + width: 25px; + margin-right: 15px; + border-top: 1px solid; +} + +* + .post-bonnie-text { + margin-top: 10px; +} + +@media (min-width: 768px) { + .post-bonnie-content { + padding-top: 80px; + } +} + +@media (min-width: 992px) { + .desktop .post-bonnie:hover .post-bonnie-figure img.processed { + opacity: 1; + } + .desktop .post-bonnie:hover .post-bonnie-title { + transform: translateY(-60%); + } + .post-bonnie-content { + padding: 105px 60px 0; + } + .post-bonnie-title { + padding: 20px 30px; + box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.26); + } + .post-bonnie-time { + text-indent: -62px; + } + .post-bonnie-time::before { + width: 34px; + margin-right: 28px; + } + * + .post-bonnie-text { + margin-top: 16px; + } +} + +.post-big { + text-align: left; +} + +.post-big-title { + font-family: inherit; +} + +.post-big-info { + font-size: 14px; + font-weight: 500; + letter-spacing: .1em; + text-transform: uppercase; +} + +.post-big-author span { + color: #00aeef; +} + +.post-big-author a, .post-big-author a:focus, .post-big-author a:active { + color: inherit; +} + +.post-big-author a:hover { + color: #00aeef; +} + +.post-big-share { + padding: 15px; + border: 1px solid #e7eff6; + background: #f5f5f5; +} + +.post-big-share-title { + font-weight: 400; +} + +.post-big-share-title::before { + display: inline-block; + vertical-align: middle; + content: ''; + width: 38px; + height: 0; + margin-right: 18px; + border-top: 1px solid #00aeef; +} + +* + .post-big-info { + margin-top: 16px; +} + +* + .post-big-share { + margin-top: 20px; +} + +@media (min-width: 768px) { + .post-big-share { + padding: 26px 30px; + } + .post-big * + p { + margin-top: 30px; + } + .post-big .quote + img { + margin-top: 40px; + } + * + .post-big-info { + margin-top: 26px; + } + * + .post-big-share { + margin-top: 30px; + } +} + +@media (min-width: 992px) { + .post-big * + img { + margin-top: 40px; + } + .post-big .quote + img { + margin-top: 60px; + } + .post-big img + p { + margin-top: 40px; + } + .post-big * + .post-big-share { + margin-top: 40px; + } +} + +.aside { + text-align: left; +} + +.aside-title { + color: #151515; + font-weight: 500; + letter-spacing: .1em; + border-bottom: 1px solid #f2f8ff; + padding-bottom: 12px; +} + +.aside-title + .list-marked { + margin-top: 24px; +} + +/** @section Quotes */ +.quote { + position: relative; + padding: 20px 15px; + margin-bottom: 20px; + background: #ffffff; +} + +.quote::before, .quote::after { + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; +} + +.quote::before { + background: #f5f5f5; + transform: translate3d(15px, 20px, 0); +} + +.quote::after { + background: inherit; + border: 2px solid #151515; +} + +.quote-body { + position: relative; + z-index: 1; +} + +.quote-text { + font-style: italic; + letter-spacing: .035em; +} + +* + .quote { + margin-top: 20px; +} + +.quote + * { + margin-top: 40px; +} + +.quote + .row { + margin-top: 60px; +} + +@media (min-width: 768px) { + .quote { + padding: 30px; + margin-bottom: 30px; + margin-right: 15px; + } + .quote::before { + transform: translate3d(15px, 30px, 0); + } + * + .quote { + margin-top: 30px; + } + .quote + * { + margin-top: 60px; + } + .quote + .row { + margin-top: 80px; + } +} + +@media (min-width: 992px) { + .quote { + padding: 40px; + margin-bottom: 40px; + margin-right: 25px; + } + .quote::before { + transform: translate3d(25px, 40px, 0); + } + * + .quote { + margin-top: 40px; + } + .quote + * { + margin-top: 80px; + } + .quote + .row { + margin-top: 100px; + } +} + +@media (min-width: 1200px) { + .quote { + padding: 40px 60px; + } + .quote-1 { + padding-left: 40px; + padding-right: 40px; + } + .quote-2 { + padding-left: 50px; + padding-right: 50px; + } +} + +@media (min-width: 1600px) { + .quote + .row { + margin-top: 115px; + } +} + +.quote-minimal { + text-align: left; + color: #151515; +} + +.quote-minimal-text { + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.quote-minimal-text .q { + padding-left: 50px; + text-indent: -50px; +} + +.quote-minimal-text .q::before { + display: inline-block; + vertical-align: middle; + content: ''; + height: 0; + width: 35px; + margin-right: 15px; + border-top: 1px solid #00aeef; + text-indent: 0; +} + +* + .quote-minimal { + margin-top: 20px; +} + +.quote-minimal + p { + margin-top: 20px; +} + +@media (min-width: 992px) { + .quote-minimal-text .q { + padding-left: 70px; + text-indent: -70px; + } + .quote-minimal-text .q::before { + width: 50px; + margin-right: 20px; + } + * + .quote-minimal { + margin-top: 30px; + } + .quote-minimal + p { + margin-top: 30px; + } +} + +@media (min-width: 1200px) { + * + .quote-minimal { + margin-top: 40px; + } + .quote-minimal + p { + margin-top: 50px; + } +} + +.quote-classic { + text-align: center; +} + +.quote-classic-image { + width: 100px; +} + +.quote-classic-text { + font-weight: 300; +} + +.quote-classic-text .q { + position: relative; + display: inline; +} + +.quote-classic-text .q::before, .quote-classic-text .q::after { + position: absolute; + font-size: 40px; + line-height: 1; + font-weight: 500; + color: #00aeef; +} + +.quote-classic-text .q::before { + top: -15px; + left: -15px; + content: '\201c'; +} + +.quote-classic-text .q::after { + bottom: -30px; + margin-left: 10px; + content: '\201d'; +} + +.quote-classic-position { + font-weight: 500; + letter-spacing: .025em; + text-transform: none; + font-family: "Playfair Display", serif; +} + +* + .quote-classic-text { + margin-top: 20px; +} + +* + .quote-classic-position { + margin-top: 20px; +} + +@media (min-width: 576px) { + .quote-classic { + text-align: left; + } +} + +@media (min-width: 768px) { + .quote-classic-image { + width: 250px; + } + .quote-classic-text .q::before, .quote-classic-text .q::after { + font-size: 60px; + } + .quote-classic-text .q::before { + top: -22px; + left: -30px; + } + .quote-classic-text .q::after { + bottom: -50px; + margin-left: 18px; + } + * + .quote-classic-text { + margin-top: 30px; + } + * + .quote-classic-position { + margin-top: 30px; + } +} + +@media (max-width: 991.98px) { + .quote-classic-author span::before { + display: none; + } +} + +@media (min-width: 992px) { + .quote-classic .unit-body { + border-bottom: 1px solid #e7eff6; + } + .quote-classic-image { + width: auto; + } + .quote-classic-content { + padding: 6px 0 30px; + } + .quote-classic-text .q::before, .quote-classic-text .q::after { + font-size: 80px; + } + .quote-classic-text .q::before { + left: -42px; + } + .quote-classic-text .q::after { + bottom: -60px; + } + * + .quote-classic-text { + margin-top: 46px; + } + * + .quote-classic-position { + margin-top: 48px; + } +} + +@-moz-document url-prefix() { + .quote-classic-text .q { + display: inline-block; + } +} + +.quote-modern { + position: relative; + text-align: left; + padding-left: 40px; + font-weight: 400; + color: #151515; +} + +.quote-modern-text .q::before { + position: absolute; + content: '\201c'; + top: 0; + left: 0; + font-size: 60px; + line-height: 1; + font-weight: 500; + color: #00aeef; +} + +.quote-modern-title { + text-indent: -46px; + padding-left: 46px; + font-weight: 700; + letter-spacing: .1em; +} + +.quote-modern-title::before { + display: inline-block; + vertical-align: middle; + content: ''; + height: 0; + width: 30px; + margin-right: 16px; + border-top: 1px solid; + text-indent: 0; +} + +.quote-modern-subtitle { + font-weight: 500; + color: #00aeef; +} + +* + .quote-modern { + margin-top: 30px; +} + +* + .quote-modern-title { + margin-top: 30px; +} + +* + .quote-modern-subtitle { + margin-top: 10px; +} + +@media (min-width: 768px) { + .quote-modern { + padding-left: 70px; + } + .quote-modern-text .q::before { + font-size: 100px; + } + * + .quote-modern-title { + margin-top: 40px; + } +} + +.quote-navy { + position: relative; + text-align: left; + font-weight: 400; + color: #151515; +} + +.quote-navy-text { + line-height: 1.8; + font-weight: 300; +} + +.quote-navy-title { + text-indent: -60px; + padding-left: 60px; + font-weight: 500; + letter-spacing: .05em; +} + +.quote-navy-title::before { + display: inline-block; + vertical-align: middle; + content: ''; + height: 0; + width: 40px; + margin-right: 20px; + border-top: 2px solid #00aeef; + text-indent: 0; +} + +* + .quote-navy { + margin-top: 30px; +} + +* + .quote-navy-title { + margin-top: 8px; +} + +@media (min-width: 768px) { + .quote-navy-text { + font-size: 16px; + } + * + .quote-navy-title { + margin-top: 16px; + } +} + +@media (min-width: 992px) { + .quote-navy-text { + font-size: 18px; + } +} + +@media (min-width: 1200px) { + .quote-navy-text { + font-size: 20px; + } +} + +.context-dark .quote-navy, .bg-gray-700 .quote-navy, .bg-gray-800 .quote-navy, .bg-gray-5 .quote-navy, .bg-gray-13 .quote-navy, .bg-gray-14 .quote-navy, .bg-gray-17 .quote-navy, .bg-gray-19 .quote-navy, .bg-gray-21 .quote-navy, .bg-primary .quote-navy, .bg-secondary .quote-navy, .bg-gradient-1 .quote-navy { + color: #ffffff; +} + +.context-dark .quote-navy-title::before, .bg-gray-700 .quote-navy-title::before, .bg-gray-800 .quote-navy-title::before, .bg-gray-5 .quote-navy-title::before, .bg-gray-13 .quote-navy-title::before, .bg-gray-14 .quote-navy-title::before, .bg-gray-17 .quote-navy-title::before, .bg-gray-19 .quote-navy-title::before, .bg-gray-21 .quote-navy-title::before, .bg-primary .quote-navy-title::before, .bg-secondary .quote-navy-title::before, .bg-gradient-1 .quote-navy-title::before { + border-top-color: #8dc63f; +} + +.quote-megan { + padding: 6% 6%; + text-align: left; + min-height: 100%; + color: rgba(255, 255, 255, 0.3); + background: linear-gradient(#00aeef, #8dc63f); +} + +.quote-megan-text { + position: relative; + padding-top: 12vw; + font-size: 6vw; + font-weight: 300; + letter-spacing: .01em; + line-height: 1.8; + color: #ffffff; +} + +.quote-megan-text .q::before { + display: block; + position: absolute; + content: '\201c'; + top: 0; + font-size: 20vw; + line-height: 1; + font-weight: 500; + color: rgba(255, 255, 255, 0.4); +} + +.quote-megan-title { + font-size: 5vw; + font-weight: 400; + letter-spacing: .01em; +} + +* + .quote-megan { + margin-top: 30px; +} + +* + .quote-megan-title { + margin-top: 3vw; +} + +@media (min-width: 576px) { + .quote-megan-text { + padding-top: 7vw; + font-size: 3vw; + } + .quote-megan-text .q::before { + font-size: 12vw; + } + .quote-megan-title { + font-size: 2.5vw; + } + * + .quote-megan-title { + margin-top: 1.5vw; + } +} + +@media (min-width: 768px) { + .quote-megan-text { + padding-top: 5vw; + font-size: 2vw; + } + .quote-megan-text .q::before { + font-size: 9vw; + } + .quote-megan-title { + font-size: 1.8vw; + } + * + .quote-megan-title { + margin-top: 1.5vw; + } +} + +@media (min-width: 1200px) { + .quote-megan { + padding: 8.53% 12%; + } + .quote-megan-text { + padding-top: 3.9583vw; + font-size: 1.4583vw; + } + .quote-megan-text .q::before { + font-size: 7.29167vw; + } + .quote-megan-title { + font-size: 1.04167vw; + } + * + .quote-megan-title { + margin-top: 1.04167vw; + } +} + +.quote-june { + text-align: left; +} + +.quote-june-text { + font-style: italic; + line-height: 2; +} + +.quote-june-title { + width: 47%; + margin-left: auto; + font-weight: 500; + color: #00aeef; +} + +* + .quote-june { + margin-top: 30px; +} + +* + .quote-june-title { + margin-top: 25px; +} + +@media (min-width: 768px) { + * + .quote-june-title { + margin-top: 35px; + } +} + +.quote-jerry { + position: relative; + display: flex; + text-align: left; + font-size: 16px; + line-height: 1.667; + color: #ffffff; + background: linear-gradient(#00aeef, #8dc63f); + z-index: 1; +} + +.quote-jerry-image { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + min-height: 100%; + min-width: 100%; + width: auto; + height: auto; + max-width: none; + z-index: -1; +} + +@supports (object-fit: cover) { + .quote-jerry-image { + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: none; + object-fit: cover; + object-position: center center; + } +} + +.quote-jerry-content, +.quote-jerry-dummy { + width: 100%; + flex-shrink: 0; +} + +.quote-jerry-dummy { + pointer-events: none; +} + +.quote-jerry-dummy::before { + display: block; + content: ''; + width: 0; + padding-bottom: 87.8%; +} + +.quote-jerry-content { + padding: 10% 8%; + background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.67) 100%); + pointer-events: none; +} + +.quote-jerry-content > * { + pointer-events: auto; +} + +.quote-jerry-text { + position: relative; + padding-top: 30px; +} + +.quote-jerry-text .q::before { + display: block; + position: absolute; + content: '\201c'; + top: 0; + font-size: 60px; + line-height: 1; + font-weight: 500; + color: rgba(255, 255, 255, 0.4); +} + +.quote-jerry-title { + font-weight: 400; + color: #00aeef; +} + +* + .quote-jerry { + margin-top: 30px; +} + +* + .quote-jerry-title { + margin-top: 14px; +} + +@media (min-width: 768px) { + .quote-jerry { + font-size: 18px; + } + .quote-jerry-text { + padding-top: 55px; + } + .quote-jerry-text .q::before { + font-size: 100px; + } +} + +.quote-beryl { + text-align: left; +} + +.quote-beryl-body { + position: relative; + padding: 20px 15px; + border-radius: 5px; + background: #f5f5f5; +} + +.quote-beryl-body::before { + position: absolute; + display: inline-block; + content: ''; + top: 100%; + left: 50%; + width: 0; + height: 0; + border-style: solid; + border-width: 19px 16.5px 0 16.5px; + border-color: #f5f5f5 transparent transparent transparent; + transform: translateX(-50%); +} + +.quote-beryl-text { + line-height: 1.667; + letter-spacing: .01em; +} + +.quote-beryl-info { + text-align: center; + margin-top: 40px; + color: #151515; +} + +.quote-beryl-image { + border-radius: 50%; +} + +.quote-beryl-author { + font-weight: 500; + letter-spacing: .01em; +} + +.quote-beryl-position { + font-size: 13px; + font-weight: 400; + letter-spacing: .05em; + text-transform: uppercase; +} + +* + .quote-beryl { + margin-top: 30px; +} + +* + .quote-beryl-author { + margin-top: 8px; +} + +@media (min-width: 576px) { + .quote-beryl-body { + padding: 30px 60px 30px 60px; + } +} + +@media (min-width: 992px) { + .quote-beryl-body { + padding: 40px 64px 40px 64px; + } +} + +.quote-karen { + text-align: left; +} + +.quote-karen-image { + border-radius: 50%; + max-width: 50px; +} + +.quote-karen-author { + letter-spacing: .01em; + text-transform: none; +} + +.quote-karen-position { + font-size: 13px; + font-weight: 500; + letter-spacing: .05em; + text-transform: uppercase; + color: #00aeef; +} + +.quote-karen-text { + font-style: italic; + letter-spacing: .05em; + color: #151515; +} + +* + .quote-karen-text { + margin-top: 10px; +} + +@media (min-width: 576px) { + .quote-karen-image { + max-width: none; + } + .quote-karen-content { + padding-top: 10px; + } +} + +@media (min-width: 768px) { + * + .quote-karen-text { + margin-top: 20px; + } +} + +.quote-debbie { + text-align: left; +} + +.quote-debbie-author { + font-size: 14px; + font-weight: 400; + letter-spacing: .12em; + text-transform: uppercase; + color: #151515; +} + +.quote-debbie-text { + line-height: 1.429; + font-style: italic; + letter-spacing: .035em; +} + +* + .quote-debbie { + margin-top: 20px; +} + +* + .quote-debbie-author { + margin-top: 16px; +} + +* + .quote-debbie-body { + margin-top: 16px; +} + +@media (min-width: 992px) { + .quote-debbie + img { + margin-top: 50px; + } +} + +@media (min-width: 1200px) { + .quote-debbie { + display: flex; + align-items: flex-end; + justify-content: space-between; + } + .quote-debbie > * + * { + margin-top: 0; + margin-left: 9%; + } + .quote-debbie-left { + text-align: center; + flex-shrink: 0; + } +} + +@media (min-width: 1600px) { + .quote-debbie-body { + padding-bottom: 5px; + } +} + +.quote-jenny { + text-align: left; + padding: 30px 5%; + background: #f5f5f5; + border: 1px solid #e7eff6; +} + +.quote-jenny::before, .quote-jenny::after { + position: absolute; + content: ''; + width: 0; + height: 0; + border-style: solid; + border-width: 0 28px 28px 0; + border-color: transparent #e7eff6 transparent transparent; +} + +.quote-jenny::before { + left: 84%; + bottom: -28px; + z-index: -1; +} + +.quote-jenny::after { + left: calc(84% - 1px); + bottom: -26px; + border-right-color: #f5f5f5; +} + +.quote-jenny-group { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + margin-bottom: -10px; + margin-left: -20px; +} + +.quote-jenny-group:empty { + margin-bottom: 0; + margin-left: 0; +} + +.quote-jenny-group > * { + margin-top: 0; + margin-bottom: 10px; + margin-left: 20px; +} + +.quote-jenny-author { + font-weight: 400; + letter-spacing: .035em; + text-transform: none; +} + +.quote-jenny-age { + font-weight: 500; + letter-spacing: .12em; + text-transform: uppercase; +} + +.quote-jenny-text { + font-weight: 400; + letter-spacing: .035em; +} + +.quote-jenny-result { + font-weight: 300; + letter-spacing: .035em; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.quote-jenny-result > * { + vertical-align: middle; +} + +.quote-jenny-minus, +.quote-jenny-plus { + position: relative; + text-align: center; + display: inline-block; + width: 30px; + height: 0; + border-top: 1px solid; + margin-right: 16px; +} + +.quote-jenny-plus::before { + position: absolute; + content: ''; + top: 50%; + left: 50%; + width: 0; + height: 30px; + border-left: 1px solid; + transform: translateY(-50%); +} + +* + .quote-jenny-text { + margin-top: 10px; +} + +* + .quote-jenny-result { + margin-top: 10px; +} + +@media (min-width: 768px) { + .quote-jenny { + padding-left: 5%; + padding-right: 5%; + } + * + .quote-jenny-text { + margin-top: 20px; + } + * + .quote-jenny-result { + margin-top: 20px; + } +} + +@media (min-width: 1200px) { + * + .quote-jenny-text { + margin-top: 30px; + } +} + +@media (min-width: 1600px) { + .quote-jenny { + padding: 40px 10%; + } +} + +/** @section Thumbnails */ +.thumbnail { + position: relative; + color: #ffffff; +} + +.thumbnail-1 .thumbnail-overlay { + background: none; + z-index: 1; +} + +.thumbnail-1 .thumbnail-overlay::before { + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: .28; + background: #151515; + z-index: -1; +} + +.thumbnail-figure { + display: block; + overflow: hidden; +} + +.thumbnail-figure img { + width: 100%; + transition: all .3s ease; + will-change: transform; +} + +.thumbnail-figure, .thumbnail-figure:focus, .thumbnail-figure:active, .thumbnail-figure:hover { + color: inherit; +} + +.thumbnail-overlay { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(58, 58, 58, 0.21); + transition: all .3s ease-in-out; + pointer-events: none; +} + +.thumbnail-overlay .icon { + font-size: 48px; +} + +.thumbnail-overlay > * { + pointer-events: auto; +} + +.thumbnail-text { + font-size: 16px; + font-weight: 700; + letter-spacing: .075em; + text-transform: uppercase; +} + +@media (min-width: 992px) { + .desktop .thumbnail-overlay { + opacity: 0; + } + .desktop .thumbnail:hover .thumbnail-overlay { + opacity: 1; + } + .desktop .thumbnail:hover .thumbnail-figure img { + transform: scale(1.1); + } +} + +.thumbnail-classic { + position: relative; + color: #ffffff; + background: #08151d; + max-width: 364px; + margin-right: auto; + margin-left: auto; +} + +.thumbnail-classic-figure { + display: block; + overflow: hidden; +} + +.thumbnail-classic-figure img { + width: 100%; + transition: all .3s ease; + will-change: transform; +} + +.thumbnail-classic-figure, .thumbnail-classic-figure:focus, .thumbnail-classic-figure:active, .thumbnail-classic-figure:hover { + color: inherit; +} + +.thumbnail-classic-overlay { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(8, 21, 29, 0.45); + transition: all .3s ease; + z-index: 1; +} + +.thumbnail-classic-overlay .icon { + position: relative; + font-size: 30px; +} + +.thumbnail-classic-overlay .icon::after { + position: absolute; + content: ''; + top: 50%; + left: 50%; + width: 60px; + height: 60px; + border-radius: 50%; + background: rgba(255, 255, 255, 0.35); + transform: translate(-50%, -50%); + transition: all .3s ease; + z-index: -1; +} + +@media (min-width: 576px) { + .thumbnail-classic { + max-width: 100%; + margin-right: auto; + margin-left: auto; + } +} + +@media (min-width: 992px) { + .desktop .thumbnail-classic-overlay .icon::after { + width: 78px; + height: 78px; + } + .desktop .thumbnail-classic-overlay { + opacity: 0; + } + .desktop .thumbnail-classic-overlay .icon::after { + transform: translate(-50%, -50%) scale(2); + } + .desktop .thumbnail-classic:hover .thumbnail-classic-overlay { + opacity: 1; + } + .desktop .thumbnail-classic:hover .thumbnail-classic-overlay .icon::after { + transform: translate(-50%, -50%); + } + .desktop .thumbnail-classic:hover .thumbnail-classic-figure img { + transform: scale(1.1); + } +} + +.thumbnail-modern { + position: relative; + color: #ffffff; + background: #08151d; +} + +.thumbnail-modern-figure { + display: block; + overflow: hidden; +} + +.thumbnail-modern-figure img { + width: 100%; + transition: all .3s ease-in-out; +} + +.thumbnail-modern-figure img.processed { + position: absolute; + opacity: .66; +} + +.thumbnail-modern-figure, .thumbnail-modern-figure:focus, .thumbnail-modern-figure:active, .thumbnail-modern-figure:hover { + color: inherit; +} + +.thumbnail-modern-overlay { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + transition: all .3s ease; + z-index: 1; +} + +.thumbnail-modern-overlay .icon { + position: relative; + font-size: 30px; + color: #151515; +} + +.thumbnail-modern-overlay .icon::after { + position: absolute; + content: ''; + top: 50%; + left: 50%; + width: 60px; + height: 60px; + border-radius: 50%; + background: #ffffff; + transform: translate(-50%, -50%); + transition: all .3s ease; + z-index: -1; +} + +@media (min-width: 992px) { + .desktop .thumbnail-modern-figure img.processed { + opacity: 0; + } + .desktop .thumbnail-modern-overlay .icon::after { + width: 78px; + height: 78px; + } + .desktop .thumbnail-modern-overlay { + opacity: 0; + } + .desktop .thumbnail-modern-overlay .icon::after { + transform: translate(-50%, -50%) scale(2); + } + .desktop .thumbnail-modern:hover .thumbnail-modern-figure img.processed { + opacity: .66; + } + .desktop .thumbnail-modern:hover .thumbnail-modern-overlay { + opacity: 1; + } + .desktop .thumbnail-modern:hover .thumbnail-modern-overlay .icon::after { + transform: translate(-50%, -50%); + } +} + +/** @section Breadcrumbs */ +.breadcrumbs-custom { + position: relative; + text-align: center; + background-color: #3d3d3d; + background-position-x: 70%; +} + +.breadcrumbs-main { + padding: 50px 0; +} + +.breadcrumbs-panel { + padding: 15px 0; + background: rgba(255, 255, 255, 0.14); +} + +.breadcrumbs-custom-title { + /*text-shadow: 0 9px 16px rgba($black, 0.18);*/ +} + +.breadcrumbs-custom-path { + font-size: 0; + line-height: 0; + margin-left: -15px; + margin-right: -15px; +} + +.breadcrumbs-custom-path > * { + padding-left: 15px; + padding-right: 15px; +} + +.breadcrumbs-custom-path a { + display: inline; +} + +.breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus { + color: #ffffff; +} + +.breadcrumbs-custom-path li { + position: relative; + display: inline-block; + vertical-align: middle; + font-size: 12px; + line-height: 1.2; + font-weight: 500; + letter-spacing: .13em; + text-transform: uppercase; +} + +.breadcrumbs-custom-path li::after { + position: absolute; + right: -3px; + content: "\\"; +} + +.breadcrumbs-custom-path li:last-child:after { + display: none; +} + +.breadcrumbs-custom-path a:hover { + color: rgba(255, 255, 255, 0.6); +} + +.breadcrumbs-custom-path li.active { + color: rgba(255, 255, 255, 0.6); +} + +@media (min-width: 768px) { + .breadcrumbs-main { + padding: 80px 0; + } +} + +@media (min-width: 992px) { + .breadcrumbs-custom { + background-position-x: 50%; + } + .breadcrumbs-main { + padding: 100px 0; + } + .breadcrumbs-panel { + padding: 25px 0; + } +} + +@media (min-width: 1200px) { + .breadcrumbs-main { + padding: 120px 0; + } +} + +@media (min-width: 1600px) { + .breadcrumbs-main { + padding: 140px 0; + } +} + +/** @section Pagination custom */ +.pagination { + justify-content: center; + font-size: 0; + line-height: 0; + color: #151515; + margin-bottom: -13px; + margin-left: -13px; +} + +.pagination:empty { + margin-bottom: 0; + margin-left: 0; +} + +.pagination > * { + margin-top: 0; + margin-bottom: 13px; + margin-left: 13px; +} + +.page-item { + display: inline-block; + vertical-align: middle; + text-align: center; + font-weight: 700; +} + +.page-link { + display: inline-block; + min-width: 30px; + padding: 5px 5px; + border: 0 solid transparent; + font-size: 18px; + line-height: 1.11111; + background-color: transparent; + color: #151515; + transition: all 0.3s ease-in-out; +} + +.page-link:focus { + z-index: auto; + box-shadow: none; +} + +.page-link:hover, .page-link:focus, .page-link:active { + color: #00aeef; + background-color: transparent; + border-color: transparent; +} + +.page-item.active > .page-link, .page-item.active > .page-link:hover, .page-item.active > .page-link:focus, .page-item.active > .page-link:active { + color: #00aeef; + background-color: transparent; + border-color: transparent; +} + +.page-item.disabled > .page-link, .page-item.disabled > .page-link:hover, .page-item.disabled > .page-link:focus, .page-item.disabled > .page-link:active { + color: rgba(21, 21, 21, 0.8); + background-color: transparent; + border-color: transparent; +} + +.page-item.page-item-control > .page-link:hover, .page-item.page-item-control > .page-link:focus, .page-item.page-item-control > .page-link:active { + color: #00aeef; +} + +.page-item-control .page-link { + padding: 0; +} + +.page-item-control .icon { + font-family: "Material Design Icons"; + font-size: 30px; + line-height: 1; +} + +.page-item-control:first-child .icon::before { + content: '\f237'; +} + +.page-item-control:last-child .icon::before { + content: '\f238'; +} + +* + .pagination-wrap { + margin-top: 30px; +} + +@media (min-width: 768px) { + * + .pagination-wrap { + margin-top: 50px; + } +} + +@media (min-width: 992px) { + * + .pagination-wrap { + margin-top: 70px; + } +} + +/** @section Snackbars */ +.snackbars { + padding: 9px 16px; + margin-left: auto; + margin-right: auto; + color: #ffffff; + text-align: left; + background-color: #151515; + border-radius: 0; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); + max-width: 280px; + font-size: 14px; +} + +.snackbars .icon-xxs { + font-size: 18px; +} + +.snackbars p span:last-child { + padding-left: 14px; +} + +.snackbars-left { + display: inline-block; + margin-bottom: 0; +} + +.snackbars-right { + display: inline-block; + float: right; + text-transform: uppercase; +} + +.snackbars-right:hover { + text-decoration: underline; +} + +@media (min-width: 576px) { + .snackbars { + max-width: 540px; + padding: 12px 15px; + font-size: 15px; + } +} + +/** @section Footers */ +.footer-classic { + color: #151515; +} + +.footer-classic .form-wrap + .button { + margin-top: 20px; +} + +.footer-classic-1 .footer-classic-brand .brand-logo-dark { + display: none; +} + +.footer-classic-1 .footer-classic-brand .brand-logo-light { + display: block; +} + +.footer-classic-1 .footer-classic-brand img { + max-width: 131px; +} + +.footer-classic-title { + font-weight: 700; + letter-spacing: .025em; +} + +.footer-classic-list-social::before { + display: block; + content: ''; + width: 70px; + height: 0; + border-top: 1px solid #00aeef; + margin-bottom: 20px; +} + +.contacts-modern { + font-weight: 400; +} + +.contacts-modern a, .contacts-modern a:focus, .contacts-modern a:active { + color: inherit; +} + +.contacts-modern a:hover { + color: #00aeef; +} + +.footer-classic-schedule { + max-width: 300px; + font-weight: 400; +} + +.footer-classic-schedule div { + display: flex; + justify-content: space-between; +} + +.contacts-modern > li + li, +.footer-classic-schedule > li + li { + margin-top: 12px; +} + +.contacts-modern > li + li::before, +.footer-classic-schedule > li + li::before { + display: block; + content: ''; + width: 70px; + height: 0; + border-top: 1px solid #00aeef; + margin-bottom: 12px; +} + +.footer-classic-panel { + position: relative; + text-align: center; + padding: 30px 0; +} + +.footer-classic-panel::before { + position: absolute; + display: block; + content: ''; + top: 0; + left: 50%; + height: 0; + width: 1170px; + border-top: 1px solid #e7eff6; + transform: translateX(-50%); +} + +.footer-classic-panel .rights { + font-size: 14px; + color: rgba(21, 21, 21, 0.8); +} + +.footer-classic-nav { + font-size: 13px; + font-weight: 500; + letter-spacing: .075em; + text-transform: uppercase; +} + +.footer-classic-nav a, .footer-classic-nav a:focus, .footer-classic-nav a:active { + color: inherit; +} + +.footer-classic-nav a:hover { + color: #00aeef; +} + +.footer-classic-brand { + font-size: 0; + line-height: 0; +} + +.footer-classic-brand img { + max-width: 96px; +} + +* + .contacts-modern { + margin-top: 30px; +} + +* + .footer-classic-list-social { + margin-top: 20px; +} + +.footer-classic-title + * { + margin-top: 16px; +} + +.footer-classic-title + .rd-form { + margin-top: 20px; +} + +@media (min-width: 768px) { + .contacts-modern > li + li, + .footer-classic-schedule > li + li { + margin-top: 22px; + } + .contacts-modern > li + li::before, + .footer-classic-schedule > li + li::before { + margin-bottom: 22px; + } + .footer-classic-list-social::before { + margin-bottom: 38px; + } + .footer-classic-panel { + padding: 40px 0; + } +} + +@media (min-width: 992px) { + .footer-classic-1 .footer-classic-panel { + padding: 50px 0; + } + .footer-classic-title { + font-size: 18px; + } + .footer-classic-panel { + padding: 60px 0; + } +} + +@media (min-width: 1200px) { + .footer-classic-title { + font-size: 20px; + } +} + +.footer-classic.context-dark, .footer-classic.bg-gray-700, .footer-classic.bg-gray-800, .footer-classic.bg-gray-5, .footer-classic.bg-gray-13, .footer-classic.bg-gray-14, .footer-classic.bg-gray-17, .footer-classic.bg-gray-19, .footer-classic.bg-gray-21, .footer-classic.bg-primary, .footer-classic.bg-secondary, .footer-classic.bg-gradient-1 { + color: rgba(255, 255, 255, 0.5); +} + +.context-dark .footer-classic-panel, .bg-gray-700 .footer-classic-panel, .bg-gray-800 .footer-classic-panel, .bg-gray-5 .footer-classic-panel, .bg-gray-13 .footer-classic-panel, .bg-gray-14 .footer-classic-panel, .bg-gray-17 .footer-classic-panel, .bg-gray-19 .footer-classic-panel, .bg-gray-21 .footer-classic-panel, .bg-primary .footer-classic-panel, .bg-secondary .footer-classic-panel, .bg-gradient-1 .footer-classic-panel { + color: rgba(255, 255, 255, 0.2); +} + +.context-dark .footer-classic-panel .rights, .bg-gray-700 .footer-classic-panel .rights, .bg-gray-800 .footer-classic-panel .rights, .bg-gray-5 .footer-classic-panel .rights, .bg-gray-13 .footer-classic-panel .rights, .bg-gray-14 .footer-classic-panel .rights, .bg-gray-17 .footer-classic-panel .rights, .bg-gray-19 .footer-classic-panel .rights, .bg-gray-21 .footer-classic-panel .rights, .bg-primary .footer-classic-panel .rights, .bg-secondary .footer-classic-panel .rights, .bg-gradient-1 .footer-classic-panel .rights { + color: inherit; +} + +.context-dark .footer-modern-schedule li, .bg-gray-700 .footer-modern-schedule li, .bg-gray-800 .footer-modern-schedule li, .bg-gray-5 .footer-modern-schedule li, .bg-gray-13 .footer-modern-schedule li, .bg-gray-14 .footer-modern-schedule li, .bg-gray-17 .footer-modern-schedule li, .bg-gray-19 .footer-modern-schedule li, .bg-gray-21 .footer-modern-schedule li, .bg-primary .footer-modern-schedule li, .bg-secondary .footer-modern-schedule li, .bg-gradient-1 .footer-modern-schedule li, +.context-dark .footer-classic-list-social::before, +.bg-gray-700 .footer-classic-list-social::before, +.bg-gray-800 .footer-classic-list-social::before, +.bg-gray-5 .footer-classic-list-social::before, +.bg-gray-13 .footer-classic-list-social::before, +.bg-gray-14 .footer-classic-list-social::before, +.bg-gray-17 .footer-classic-list-social::before, +.bg-gray-19 .footer-classic-list-social::before, +.bg-gray-21 .footer-classic-list-social::before, +.bg-primary .footer-classic-list-social::before, +.bg-secondary .footer-classic-list-social::before, +.bg-gradient-1 .footer-classic-list-social::before, +.context-dark .footer-classic-panel::before, +.bg-gray-700 .footer-classic-panel::before, +.bg-gray-800 .footer-classic-panel::before, +.bg-gray-5 .footer-classic-panel::before, +.bg-gray-13 .footer-classic-panel::before, +.bg-gray-14 .footer-classic-panel::before, +.bg-gray-17 .footer-classic-panel::before, +.bg-gray-19 .footer-classic-panel::before, +.bg-gray-21 .footer-classic-panel::before, +.bg-primary .footer-classic-panel::before, +.bg-secondary .footer-classic-panel::before, +.bg-gradient-1 .footer-classic-panel::before, +.context-dark .contacts-modern li::before, +.bg-gray-700 .contacts-modern li::before, +.bg-gray-800 .contacts-modern li::before, +.bg-gray-5 .contacts-modern li::before, +.bg-gray-13 .contacts-modern li::before, +.bg-gray-14 .contacts-modern li::before, +.bg-gray-17 .contacts-modern li::before, +.bg-gray-19 .contacts-modern li::before, +.bg-gray-21 .contacts-modern li::before, +.bg-primary .contacts-modern li::before, +.bg-secondary .contacts-modern li::before, +.bg-gradient-1 .contacts-modern li::before { + border-color: rgba(255, 255, 255, 0.2); +} + +.context-dark .footer-modern-schedule li span:first-child, .bg-gray-700 .footer-modern-schedule li span:first-child, .bg-gray-800 .footer-modern-schedule li span:first-child, .bg-gray-5 .footer-modern-schedule li span:first-child, .bg-gray-13 .footer-modern-schedule li span:first-child, .bg-gray-14 .footer-modern-schedule li span:first-child, .bg-gray-17 .footer-modern-schedule li span:first-child, .bg-gray-19 .footer-modern-schedule li span:first-child, .bg-gray-21 .footer-modern-schedule li span:first-child, .bg-primary .footer-modern-schedule li span:first-child, .bg-secondary .footer-modern-schedule li span:first-child, .bg-gradient-1 .footer-modern-schedule li span:first-child { + color: rgba(255, 255, 255, 0.4); +} + +.footer-modern { + text-align: left; + font-weight: 400; + color: #151515; +} + +.footer-modern .rights { + font-size: 14px; +} + +.footer-modern-title { + font-weight: 700; + letter-spacing: .075em; +} + +.footer-modern-schedule li { + display: flex; + align-items: center; + justify-content: space-between; + padding: 15px 0; +} + +.footer-modern-schedule li span:first-child { + color: #808081; +} + +.footer-modern-schedule > li + li { + border-top: 1px solid #e7eff6; +} + +.footer-modern-panel { + padding: 30px 0; +} + +.footer-modern-nav { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + font-weight: 700; + letter-spacing: .075em; + text-transform: uppercase; + margin-bottom: -10px; + margin-left: -30px; +} + +.footer-modern-nav:empty { + margin-bottom: 0; + margin-left: 0; +} + +.footer-modern-nav > * { + margin-top: 0; + margin-bottom: 10px; + margin-left: 30px; +} + +.footer-modern-nav a, .footer-modern-nav a:focus, .footer-modern-nav a:active { + color: inherit; +} + +.footer-modern-nav a:hover { + color: #00aeef; +} + +.footer-modern-brand + * { + margin-top: 20px; +} + +.footer-modern-list-social + * { + margin-top: 25px; +} + +* + .footer-modern-list-social { + margin-top: 25px; +} + +* + .footer-modern-schedule { + margin-top: 10px; +} + +.footer-modern-title + .owl-carousel { + margin-top: 26px; +} + +@media (min-width: 768px) { + .footer-modern-panel { + padding: 40px 0; + } + .footer-modern-brand + * { + margin-top: 30px; + } + .footer-modern-list-social + * { + margin-top: 35px; + } + * + .footer-modern-list-social { + margin-top: 35px; + } + * + .footer-modern-schedule { + margin-top: 30px; + } + .footer-modern-title + .owl-carousel { + margin-top: 36px; + } +} + +@media (min-width: 1200px) { + .footer-modern-panel { + padding: 60px 0; + } +} + +.footer-modern.context-dark, .footer-modern.bg-gray-700, .footer-modern.bg-gray-800, .footer-modern.bg-gray-5, .footer-modern.bg-gray-13, .footer-modern.bg-gray-14, .footer-modern.bg-gray-17, .footer-modern.bg-gray-19, .footer-modern.bg-gray-21, .footer-modern.bg-primary, .footer-modern.bg-secondary, .footer-modern.bg-gradient-1 { + color: #ffffff; +} + +.footer-modern.context-dark .rights, .footer-modern.bg-gray-700 .rights, .footer-modern.bg-gray-800 .rights, .footer-modern.bg-gray-5 .rights, .footer-modern.bg-gray-13 .rights, .footer-modern.bg-gray-14 .rights, .footer-modern.bg-gray-17 .rights, .footer-modern.bg-gray-19 .rights, .footer-modern.bg-gray-21 .rights, .footer-modern.bg-primary .rights, .footer-modern.bg-secondary .rights, .footer-modern.bg-gradient-1 .rights { + color: rgba(255, 255, 255, 0.4); +} + +.context-dark .footer-modern-nav, .bg-gray-700 .footer-modern-nav, .bg-gray-800 .footer-modern-nav, .bg-gray-5 .footer-modern-nav, .bg-gray-13 .footer-modern-nav, .bg-gray-14 .footer-modern-nav, .bg-gray-17 .footer-modern-nav, .bg-gray-19 .footer-modern-nav, .bg-gray-21 .footer-modern-nav, .bg-primary .footer-modern-nav, .bg-secondary .footer-modern-nav, .bg-gradient-1 .footer-modern-nav, .context-dark .footer-modern-schedule li span:first-child, .bg-gray-700 .footer-modern-schedule li span:first-child, .bg-gray-800 .footer-modern-schedule li span:first-child, .bg-gray-5 .footer-modern-schedule li span:first-child, .bg-gray-13 .footer-modern-schedule li span:first-child, .bg-gray-14 .footer-modern-schedule li span:first-child, .bg-gray-17 .footer-modern-schedule li span:first-child, .bg-gray-19 .footer-modern-schedule li span:first-child, .bg-gray-21 .footer-modern-schedule li span:first-child, .bg-primary .footer-modern-schedule li span:first-child, .bg-secondary .footer-modern-schedule li span:first-child, .bg-gradient-1 .footer-modern-schedule li span:first-child, +.context-dark .footer-modern-list-social .list-social, +.bg-gray-700 .footer-modern-list-social .list-social, +.bg-gray-800 .footer-modern-list-social .list-social, +.bg-gray-5 .footer-modern-list-social .list-social, +.bg-gray-13 .footer-modern-list-social .list-social, +.bg-gray-14 .footer-modern-list-social .list-social, +.bg-gray-17 .footer-modern-list-social .list-social, +.bg-gray-19 .footer-modern-list-social .list-social, +.bg-gray-21 .footer-modern-list-social .list-social, +.bg-primary .footer-modern-list-social .list-social, +.bg-secondary .footer-modern-list-social .list-social, +.bg-gradient-1 .footer-modern-list-social .list-social { + color: rgba(255, 255, 255, 0.4); +} + +.context-dark .footer-modern-schedule li, .bg-gray-700 .footer-modern-schedule li, .bg-gray-800 .footer-modern-schedule li, .bg-gray-5 .footer-modern-schedule li, .bg-gray-13 .footer-modern-schedule li, .bg-gray-14 .footer-modern-schedule li, .bg-gray-17 .footer-modern-schedule li, .bg-gray-19 .footer-modern-schedule li, .bg-gray-21 .footer-modern-schedule li, .bg-primary .footer-modern-schedule li, .bg-secondary .footer-modern-schedule li, .bg-gradient-1 .footer-modern-schedule li { + border-top-color: rgba(255, 255, 255, 0.16); +} + +.footer-creative { + font-weight: 400; + color: #151515; +} + +.footer-creative-title { + font-weight: 700; +} + +.footer-creative-nav a, .footer-creative-nav a:focus, .footer-creative-nav a:active { + color: inherit; +} + +.footer-creative-nav a:hover { + color: #00aeef; +} + +.footer-creative-nav > li + li { + margin-top: 8px; +} + +.footer-creative-panel { + position: relative; + padding: 30px 0; +} + +.footer-creative-panel::before { + position: absolute; + display: block; + content: ''; + top: 0; + left: 50%; + height: 0; + width: 1170px; + border-top: 1px solid #e7eff6; + transform: translateX(-50%); +} + +.footer-creative-brand img { + max-width: 138px; +} + +.footer-creative-title + * { + margin-top: 20px; +} + +.footer-creative-title + .rd-form { + margin-top: 30px; +} + +@media (min-width: 400px) { + .footer-creative-brand > * { + display: inline-block; + vertical-align: middle; + } + .footer-creative-brand-text { + padding-left: 25px; + margin-left: 30px; + border-left: 1px solid #e7eff6; + } +} + +@media (min-width: 768px) { + .footer-creative-panel { + padding: 40px 0; + } + .footer-creative-title + * { + margin-top: 30px; + } + .footer-creative-title + .rd-form { + margin-top: 40px; + } +} + +@media (min-width: 992px) { + .footer-creative-title { + font-size: 18px; + } +} + +@media (min-width: 1200px) { + .footer-creative-title { + font-size: 20px; + } + .footer-creative-panel { + padding: 60px 0; + } +} + +.footer-minimal { + padding: 30px 0; + font-weight: 400; + color: #151515; +} + +.footer-minimal .list-social { + color: #8dc63f; +} + +.footer-creative-nav a, .footer-creative-nav a:focus, .footer-creative-nav a:active { + color: inherit; +} + +.footer-creative-nav a:hover { + color: #00aeef; +} + +@media (min-width: 768px) { + .footer-minimal { + padding: 40px 0; + } +} + +@media (min-width: 1200px) { + .footer-minimal { + padding: 55px 0; + } +} + +.footer-jean { + font-weight: 400; +} + +.footer-jean-title { + font-weight: 700; + letter-spacing: .025em; +} + +.footer-jean-nav { + margin-bottom: -8px; + margin-left: -25px; +} + +.footer-jean-nav:empty { + margin-bottom: 0; + margin-left: 0; +} + +.footer-jean-nav > * { + margin-top: 0; + margin-bottom: 8px; + margin-left: 25px; +} + +.footer-jean-nav > li { + display: inline-block; +} + +.footer-jean-nav a, .footer-jean-nav a:focus, .footer-jean-nav a:active { + color: inherit; +} + +.footer-jean-nav a:hover { + color: #00aeef; +} + +.footer-jean-brand + * { + margin-top: 15px; +} + +.footer-jean-title + * { + margin-top: 20px; +} + +.footer-jean-title + .rd-form { + margin-top: 25px; +} + +@media (min-width: 992px) { + .footer-jean-nav { + margin-left: 0; + } + .footer-jean-nav > * { + margin-left: 0; + } + .footer-jean-nav > li { + display: block; + } + .footer-jean-brand { + margin-top: 10px; + } + .footer-jean-brand + * { + margin-top: 25px; + } + .footer-jean-title + * { + margin-top: 40px; + } + .footer-jean-title + .rd-form { + margin-top: 50px; + } +} + +@media (min-width: 1200px) { + .footer-jean * + .group-middle { + margin-top: 50px; + } + .footer-jean-title { + font-size: 20px; + } +} + +@media (min-width: 1600px) { + .footer-jean { + padding-left: 5.5208%; + } + .footer-jean-nav { + columns: 2; + break-inside: avoid; + -moz-column-gap: 30px; + -webkit-column-gap: 30px; + } +} + +.footer-jean.context-dark, .footer-jean.bg-gray-700, .footer-jean.bg-gray-800, .footer-jean.bg-gray-5, .footer-jean.bg-gray-13, .footer-jean.bg-gray-14, .footer-jean.bg-gray-17, .footer-jean.bg-gray-19, .footer-jean.bg-gray-21, .footer-jean.bg-primary, .footer-jean.bg-secondary, .footer-jean.bg-gradient-1 { + color: rgba(255, 255, 255, 0.5); +} + +.footer-jean.context-dark .rights, .footer-jean.bg-gray-700 .rights, .footer-jean.bg-gray-800 .rights, .footer-jean.bg-gray-5 .rights, .footer-jean.bg-gray-13 .rights, .footer-jean.bg-gray-14 .rights, .footer-jean.bg-gray-17 .rights, .footer-jean.bg-gray-19 .rights, .footer-jean.bg-gray-21 .rights, .footer-jean.bg-primary .rights, .footer-jean.bg-secondary .rights, .footer-jean.bg-gradient-1 .rights { + color: rgba(255, 255, 255, 0.2); +} + +.context-dark .footer-jean-list-social .list-social, .bg-gray-700 .footer-jean-list-social .list-social, .bg-gray-800 .footer-jean-list-social .list-social, .bg-gray-5 .footer-jean-list-social .list-social, .bg-gray-13 .footer-jean-list-social .list-social, .bg-gray-14 .footer-jean-list-social .list-social, .bg-gray-17 .footer-jean-list-social .list-social, .bg-gray-19 .footer-jean-list-social .list-social, .bg-gray-21 .footer-jean-list-social .list-social, .bg-primary .footer-jean-list-social .list-social, .bg-secondary .footer-jean-list-social .list-social, .bg-gradient-1 .footer-jean-list-social .list-social { + color: inherit; +} + +/** @section Services */ +.service { + text-align: left; + color: #151515; + background: #f5f5f5; +} + +.service-1 .service-figure::before { + background: #00aeef; +} + +.service-figure { + position: relative; + display: block; +} + +.service-figure::before { + position: absolute; + content: ''; + bottom: 0; + left: 0; + height: 6px; + width: 0; + background-image: linear-gradient(90deg, #00aeef 0%, #8dc63f 100%); + transition: all .3s ease; +} + +.service-figure img { + width: 100%; +} + +.service-caption { + padding: 20px 15px; +} + +.service-title { + letter-spacing: .01em; + font-family: inherit; +} + +.service-panel { + padding: 15px; + border-top: 1px solid #e7eff6; +} + +.service-panel ul { + overflow: hidden; + transform: translate3d(0, -10px, 0); + margin-bottom: -10px; + margin-left: -26px; + margin-right: -26px; +} + +.service-panel ul > * { + margin-top: 10px; + padding-left: 26px; + padding-right: 26px; +} + +.service-panel ul > li { + position: relative; + vertical-align: middle; +} + +.service-panel ul > li::before { + position: absolute; + display: none; + top: 50%; + left: -1px; + content: ''; + width: 0; + height: 33px; + border-left: 1px solid #e7eff6; + transform: translateY(-50%); +} + +.service-panel ul > li + li::before { + display: inline-block; +} + +.service-userimage { + border-radius: 50%; +} + +.service-time, +.service-username { + font-weight: 400; + letter-spacing: .01em; +} + +.service-time > * { + display: inline-block; + vertical-align: middle; + margin-top: 0; +} + +.service-time > * + * { + margin-left: 10px; +} + +.service-time .icon { + font-size: 19px; + line-height: 1; +} + +.service-link { + font-size: 14px; + font-weight: 400; + letter-spacing: .2em; + text-transform: uppercase; +} + +.service-link, .service-link:focus, .service-link:active { + color: inherit; +} + +.service-link:hover { + color: inherit; +} + +.service-link:hover { + text-decoration: underline; +} + +* + .service-text { + margin-top: 6px; +} + +@media (min-width: 768px) { + .service-caption { + padding: 30px; + } + .service-panel { + padding-left: 30px; + padding-right: 30px; + } +} + +@media (min-width: 992px) { + .desktop .service:hover .service-figure::before { + width: 100%; + } +} + +.context-dark .service, .bg-gray-700 .service, .bg-gray-800 .service, .bg-gray-5 .service, .bg-gray-13 .service, .bg-gray-14 .service, .bg-gray-17 .service, .bg-gray-19 .service, .bg-gray-21 .service, .bg-primary .service, .bg-secondary .service, .bg-gradient-1 .service { + background: #ffffff; +} + +.context-dark .service-title, .bg-gray-700 .service-title, .bg-gray-800 .service-title, .bg-gray-5 .service-title, .bg-gray-13 .service-title, .bg-gray-14 .service-title, .bg-gray-17 .service-title, .bg-gray-19 .service-title, .bg-gray-21 .service-title, .bg-primary .service-title, .bg-secondary .service-title, .bg-gradient-1 .service-title { + color: #151515; +} + +.bg-gray-100 .service { + background: #ffffff; +} + +.service-classic { + text-align: left; + color: #151515; + background: #f5f5f5; +} + +.service-classic-1 .service-classic-figure::before { + background-image: linear-gradient(68deg, #b71000 0%, #e4ba78 100%); +} + +.service-classic-figure { + position: relative; +} + +.service-classic-figure::before { + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-image: linear-gradient(12deg, #000000 0%, #5b5b5b 100%); + transition: all .3s ease-in-out; + pointer-events: none; + opacity: .59; +} + +.service-classic-figure img { + width: 100%; +} + +.service-classic-figure .button-wrap { + position: absolute; + top: 50%; + left: 50%; + transform: translate3d(-50%, -50%, 0); + transition: all .3s ease-in-out; +} + +.service-classic-caption { + padding: 15px; +} + +.service-classic-panel { + font-weight: 400; + letter-spacing: .01em; + padding: 20px 15px; + border-top: 1px solid #e7eff6; +} + +.service-classic-title { + letter-spacing: .01em; + font-family: inherit; +} + +.service-classic-days { + padding: 0 15px; + font-weight: 500; + letter-spacing: .01em; + text-transform: uppercase; + color: #00aeef; +} + +.service-classic-days .nav { + display: block; + border: none; +} + +.service-classic-days ul { + margin-left: -25px; +} + +.service-classic-days ul > * { + margin-left: 25px; +} + +.service-classic-days li { + position: relative; + padding-bottom: 8px; +} + +.service-classic-days li a::before { + position: absolute; + content: ''; + bottom: 0; + left: 50%; + width: 0; + height: 0; + border-bottom: 5px solid; + transition: all .3s ease; + transform: translateX(-50%); +} + +.service-classic-days li a.active::before, .service-classic-days li a:hover::before { + width: 34px; +} + +.service-classic-userimage { + display: inline-block; + border-radius: 50%; + padding: 3px; + background-image: linear-gradient(53deg, #8dc63f 0%, #00aeef 100%); +} + +.service-classic-userimage img { + width: 34px; + border-radius: inherit; +} + +.service-classic-time { + color: #00aeef; +} + +* + .service-classic-username { + margin-top: 0; +} + +@media (min-width: 768px) { + .service-classic-caption { + padding: 20px 20px 16px; + } + .service-classic-days { + padding: 0 20px; + } + .service-classic-panel { + padding: 30px 20px; + } + .service-classic-userimage img { + width: 53px; + } +} + +@media (min-width: 992px) { + .desktop .service-classic-figure .button-wrap, .desktop .service-classic-figure::before { + opacity: 0; + } + .desktop .service-classic:hover .service-classic-figure::before { + opacity: .59; + } + .desktop .service-classic:hover .service-classic-figure .button-wrap { + opacity: 1; + } +} + +@media (min-width: 1200px) { + .service-classic-caption { + padding-left: 35px; + padding-right: 35px; + } + .service-classic-days { + padding: 0 35px; + } + .service-classic-panel { + padding-left: 30px; + padding-right: 30px; + } + .service-classic-userimage img { + width: 63px; + } +} + +.bg-gray-100 .service-classic { + background: #ffffff; +} + +.service-modern { + text-align: left; + color: #151515; + background: #f5f5f5; +} + +.service-modern-1 .service-modern-days { + background: #00aeef; +} + +.service-modern-figure { + position: relative; + overflow: hidden; + display: block; +} + +.service-modern-figure a { + display: inherit; +} + +.service-modern-figure img { + width: 100%; + transition: all .3s ease-in-out; +} + +.service-modern-figure img.processed { + position: absolute; + opacity: .4; +} + +.service-modern-schedule { + display: flex; + flex-wrap: wrap; + bottom: 0; + left: 0; + width: 100%; + transition: all .3s ease; +} + +.service-modern-schedule > li { + flex-grow: 1; +} + +.service-modern-schedule > li + li .service-modern-time { + border-left: 1px solid #e7eff6; +} + +.service-modern-days { + padding: 3px 10px; + font-weight: 700; + letter-spacing: .035em; + text-transform: uppercase; + color: #ffffff; + background: #373737; +} + +.service-modern-time { + padding: 3px 10px; + font-weight: 400; + letter-spacing: 0; + color: #151515; + background: #f5f5f5; +} + +.service-modern-caption { + padding: 20px 15px; +} + +.service-modern-title { + font-weight: 500; + letter-spacing: .01em; + font-family: inherit; +} + +.service-modern-text { + font-weight: 400; + letter-spacing: .035em; + color: rgba(21, 21, 21, 0.7); +} + +* + .service-modern-time { + margin-top: 0; +} + +* + .service-modern-text { + margin-top: 4px; +} + +@media (min-width: 992px) { + .desktop .service-modern-schedule { + position: absolute; + width: auto; + transform: translateY(100%); + opacity: 0; + } + .desktop .service-modern-schedule > li { + min-width: 114px; + } + .desktop .service-modern:hover .service-modern-figure img.processed { + opacity: 0; + } + .desktop .service-modern:hover .service-modern-schedule { + opacity: 1; + transform: none; + transition-delay: .3s; + } + .service-modern-days { + padding: 6px 15px; + } + .service-modern-time { + padding: 5px 15px; + } + .service-modern-caption { + padding: 38px 45px; + } +} + +@media (min-width: 1200px) { + .service-modern-wrap > [class*='col-']:nth-child(odd) .service-modern { + margin-left: 0; + } + .service-modern-wrap > [class*='col-']:nth-child(even) .service-modern { + margin-right: 0; + } + .service-modern-wrap .service-modern { + max-width: 550px; + } +} + +.bg-gray-100 .service-modern { + background: #ffffff; +} + +.service-minimal { + text-align: left; + color: #151515; + background: #f5f5f5; +} + +.service-minimal-1 .service-minimal-number { + background: #00aeef; +} + +.service-minimal-figure { + position: relative; + display: block; +} + +.service-minimal-figure::before { + display: none; + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-image: linear-gradient(0, rgba(0, 0, 0, 0.7) 0%, rgba(101, 101, 101, 0) 100%); + transition: all .3s ease-in-out; + pointer-events: none; + opacity: .67; +} + +.service-minimal-figure img { + width: 100%; +} + +.service-minimal-number { + position: absolute; + text-align: center; + right: 0; + bottom: 0; + width: 39px; + height: 39px; + line-height: 39px; + font-weight: 700; + color: #ffffff; + background-image: linear-gradient(84deg, #00aeef 0%, #8dc63f 100%); +} + +.service-minimal-caption { + padding: 15px; +} + +.service-minimal-panel { + font-weight: 400; + letter-spacing: .01em; + padding: 20px 15px; + border-top: 1px solid #e7eff6; +} + +.service-minimal-title { + letter-spacing: .01em; + font-family: inherit; +} + +.service-minimal-time { + font-weight: 400; + letter-spacing: .01em; + color: #151515; +} + +.service-minimal-time > * { + display: inline-block; + vertical-align: middle; + margin-top: 0; +} + +.service-minimal-time > * + * { + margin-left: 10px; +} + +.service-minimal-time .icon { + font-size: 19px; + line-height: 1; +} + +* + .service-minimal-time { + margin-top: 4px; +} + +@media (min-width: 768px) { + .service-minimal-number { + width: 49px; + height: 49px; + line-height: 49px; + } + .service-minimal-caption { + padding: 20px 30px; + } +} + +@media (min-width: 992px) { + .desktop .service-minimal-figure::before { + display: inline-block; + } + .desktop .service-minimal:hover .service-minimal-figure::before { + opacity: 0; + } + .service-minimal-caption { + padding: 25px 35px; + } +} + +@media (min-width: 1200px) { + .service-minimal-2 .service-minimal-caption { + padding-left: 12.4%; + padding-right: 12.4%; + } + .service-minimal-caption { + padding-left: 45px; + padding-right: 45px; + } +} + +.context-dark .service-minimal-title, .bg-gray-700 .service-minimal-title, .bg-gray-800 .service-minimal-title, .bg-gray-5 .service-minimal-title, .bg-gray-13 .service-minimal-title, .bg-gray-14 .service-minimal-title, .bg-gray-17 .service-minimal-title, .bg-gray-19 .service-minimal-title, .bg-gray-21 .service-minimal-title, .bg-primary .service-minimal-title, .bg-secondary .service-minimal-title, .bg-gradient-1 .service-minimal-title { + color: #151515; +} + +.bg-gray-100 .service-minimal { + background: #ffffff; +} + +.service-joan { + text-align: left; +} + +.service-joan-figure { + position: relative; + overflow: hidden; + display: block; +} + +.service-joan-figure img { + width: 100%; + transition: all .3s ease-in-out; +} + +.service-joan-caption { + padding: 9% 5% 0; +} + +.service-joan-title { + letter-spacing: .01em; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.service-joan-title a:hover { + color: inherit; + text-decoration: underline; +} + +.service-joan-text { + color: rgba(21, 21, 21, 0.7); +} + +* + .service-joan-text { + margin-top: 10px; +} + +@media (min-width: 768px) { + .service-joan-caption { + padding-top: 11%; + } + * + .service-joan-text { + margin-top: 16px; + } +} + +@media (min-width: 992px) { + .desktop .service-joan:hover .service-joan-overlay { + opacity: 1; + } + .desktop .service-joan:hover .service-joan-figure img { + transform: scale(1.1); + } +} + +@media (min-width: 1200px) { + .service-joan-caption { + padding-bottom: 11%; + } +} + +@media (min-width: 1600px) { + .service-joan-caption { + padding-left: 10%; + padding-right: 10%; + } + * + .service-joan-text { + margin-top: 22px; + } +} + +@media (min-width: 1200px) { + .owl-style-13 .service-joan-caption { + position: relative; + } + .owl-style-13 .service-joan-caption::before { + position: absolute; + content: ''; + top: 50%; + left: -6px; + width: 0; + height: 54%; + border-left: 1px solid #e7eff6; + transform: translateY(-50%); + } +} + +/** @section Schedule */ +.schedule { + text-align: left; + padding: 15px; + border: 1px solid #e7eff6; + background: #ffffff; +} + +.schedule .button { + margin-top: 0; +} + +.schedule-body { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} + +.schedule-days { + font-family: inherit; + letter-spacing: .01em; +} + +.schedule-info { + font-weight: 400; + letter-spacing: .01em; + margin-left: -20px; +} + +.schedule-info > * { + margin-left: 20px; +} + +.schedule-info-item > * { + vertical-align: middle; +} + +.schedule-info-item .icon { + margin-right: 10px; + font-size: 20px; + color: #151515; +} + +.schedule-button-wrap { + display: flex; + align-items: center; +} + +.schedule-button-wrap * + * { + margin-left: 16px; +} + +.schedule-button { + position: relative; + width: 40px; + height: 40px; + border: 2px solid; + border-radius: 50%; +} + +.schedule-button, .schedule-button:focus { + color: #151515; +} + +.schedule-button:hover, .schedule-button:active, .schedule-button.active { + color: #ffffff; + background: #373737; + border-color: #373737; +} + +.schedule-button::before, .schedule-button::after { + position: absolute; + display: inline-block; + content: ''; + top: 50%; + left: 50%; + transform: translate3d(-50%, -50%, 0) rotate(90deg); + transition: opacity .3s ease, transform .3s ease; +} + +.schedule-button::before { + height: 0; + width: 14px; + border-top: 2px solid; + opacity: 0; +} + +.schedule-button::after { + height: 14px; + width: 0; + border-left: 2px solid; +} + +.schedule-button.collapsed::before, .schedule-button.collapsed::after { + transform: translate3d(-50%, -50%, 0); +} + +.schedule-button.collapsed::before { + opacity: 1; +} + +* + .schedule { + margin-top: 20px; +} + +* + .schedule-wrap { + margin-top: 30px; +} + +@media (min-width: 576px) { + .schedule-days { + min-width: 16%; + } + .schedule-2 .schedule-days { + min-width: 20%; + } +} + +@media (min-width: 768px) { + .schedule { + padding: 15px; + } + .schedule-body { + justify-content: space-between; + } + .schedule-button { + width: 50px; + height: 50px; + } + * + .schedule-wrap { + margin-top: 40px; + } +} + +@media (min-width: 992px) { + .schedule { + padding: 20px; + } + .schedule-info > li { + display: inline-block; + } + .schedule-button { + width: 60px; + height: 60px; + } + * + .schedule { + margin-top: 30px; + } + * + .schedule-wrap { + margin-top: 50px; + } +} + +@media (min-width: 1200px) { + .schedule { + padding: 24px 20px 24px 40px; + } + .schedule-info { + margin-left: -40px; + } + .schedule-info > * { + margin-left: 40px; + } +} + +.context-dark .schedule, .bg-gray-700 .schedule, .bg-gray-800 .schedule, .bg-gray-5 .schedule, .bg-gray-13 .schedule, .bg-gray-14 .schedule, .bg-gray-17 .schedule, .bg-gray-19 .schedule, .bg-gray-21 .schedule, .bg-primary .schedule, .bg-secondary .schedule, .bg-gradient-1 .schedule { + background: rgba(255, 255, 255, 0.1); + border-color: transparent; +} + +.context-dark .schedule .button, .bg-gray-700 .schedule .button, .bg-gray-800 .schedule .button, .bg-gray-5 .schedule .button, .bg-gray-13 .schedule .button, .bg-gray-14 .schedule .button, .bg-gray-17 .schedule .button, .bg-gray-19 .schedule .button, .bg-gray-21 .schedule .button, .bg-primary .schedule .button, .bg-secondary .schedule .button, .bg-gradient-1 .schedule .button, .context-dark .schedule .button:focus, .bg-gray-700 .schedule .button:focus, .bg-gray-800 .schedule .button:focus, .bg-gray-5 .schedule .button:focus, .bg-gray-13 .schedule .button:focus, .bg-gray-14 .schedule .button:focus, .bg-gray-17 .schedule .button:focus, .bg-gray-19 .schedule .button:focus, .bg-gray-21 .schedule .button:focus, .bg-primary .schedule .button:focus, .bg-secondary .schedule .button:focus, .bg-gradient-1 .schedule .button:focus, +.context-dark .schedule .schedule-button, +.bg-gray-700 .schedule .schedule-button, +.bg-gray-800 .schedule .schedule-button, +.bg-gray-5 .schedule .schedule-button, +.bg-gray-13 .schedule .schedule-button, +.bg-gray-14 .schedule .schedule-button, +.bg-gray-17 .schedule .schedule-button, +.bg-gray-19 .schedule .schedule-button, +.bg-gray-21 .schedule .schedule-button, +.bg-primary .schedule .schedule-button, +.bg-secondary .schedule .schedule-button, +.bg-gradient-1 .schedule .schedule-button, +.context-dark .schedule .schedule-button:focus, +.bg-gray-700 .schedule .schedule-button:focus, +.bg-gray-800 .schedule .schedule-button:focus, +.bg-gray-5 .schedule .schedule-button:focus, +.bg-gray-13 .schedule .schedule-button:focus, +.bg-gray-14 .schedule .schedule-button:focus, +.bg-gray-17 .schedule .schedule-button:focus, +.bg-gray-19 .schedule .schedule-button:focus, +.bg-gray-21 .schedule .schedule-button:focus, +.bg-primary .schedule .schedule-button:focus, +.bg-secondary .schedule .schedule-button:focus, +.bg-gradient-1 .schedule .schedule-button:focus { + color: #ffffff; + border-color: #ffffff; +} + +.context-dark .schedule .button:hover, .bg-gray-700 .schedule .button:hover, .bg-gray-800 .schedule .button:hover, .bg-gray-5 .schedule .button:hover, .bg-gray-13 .schedule .button:hover, .bg-gray-14 .schedule .button:hover, .bg-gray-17 .schedule .button:hover, .bg-gray-19 .schedule .button:hover, .bg-gray-21 .schedule .button:hover, .bg-primary .schedule .button:hover, .bg-secondary .schedule .button:hover, .bg-gradient-1 .schedule .button:hover, .context-dark .schedule .button:active, .bg-gray-700 .schedule .button:active, .bg-gray-800 .schedule .button:active, .bg-gray-5 .schedule .button:active, .bg-gray-13 .schedule .button:active, .bg-gray-14 .schedule .button:active, .bg-gray-17 .schedule .button:active, .bg-gray-19 .schedule .button:active, .bg-gray-21 .schedule .button:active, .bg-primary .schedule .button:active, .bg-secondary .schedule .button:active, .bg-gradient-1 .schedule .button:active, .context-dark .schedule .button.active, .bg-gray-700 .schedule .button.active, .bg-gray-800 .schedule .button.active, .bg-gray-5 .schedule .button.active, .bg-gray-13 .schedule .button.active, .bg-gray-14 .schedule .button.active, .bg-gray-17 .schedule .button.active, .bg-gray-19 .schedule .button.active, .bg-gray-21 .schedule .button.active, .bg-primary .schedule .button.active, .bg-secondary .schedule .button.active, .bg-gradient-1 .schedule .button.active, +.context-dark .schedule .schedule-button:hover, +.bg-gray-700 .schedule .schedule-button:hover, +.bg-gray-800 .schedule .schedule-button:hover, +.bg-gray-5 .schedule .schedule-button:hover, +.bg-gray-13 .schedule .schedule-button:hover, +.bg-gray-14 .schedule .schedule-button:hover, +.bg-gray-17 .schedule .schedule-button:hover, +.bg-gray-19 .schedule .schedule-button:hover, +.bg-gray-21 .schedule .schedule-button:hover, +.bg-primary .schedule .schedule-button:hover, +.bg-secondary .schedule .schedule-button:hover, +.bg-gradient-1 .schedule .schedule-button:hover, +.context-dark .schedule .schedule-button:active, +.bg-gray-700 .schedule .schedule-button:active, +.bg-gray-800 .schedule .schedule-button:active, +.bg-gray-5 .schedule .schedule-button:active, +.bg-gray-13 .schedule .schedule-button:active, +.bg-gray-14 .schedule .schedule-button:active, +.bg-gray-17 .schedule .schedule-button:active, +.bg-gray-19 .schedule .schedule-button:active, +.bg-gray-21 .schedule .schedule-button:active, +.bg-primary .schedule .schedule-button:active, +.bg-secondary .schedule .schedule-button:active, +.bg-gradient-1 .schedule .schedule-button:active, +.context-dark .schedule .schedule-button.active, +.bg-gray-700 .schedule .schedule-button.active, +.bg-gray-800 .schedule .schedule-button.active, +.bg-gray-5 .schedule .schedule-button.active, +.bg-gray-13 .schedule .schedule-button.active, +.bg-gray-14 .schedule .schedule-button.active, +.bg-gray-17 .schedule .schedule-button.active, +.bg-gray-19 .schedule .schedule-button.active, +.bg-gray-21 .schedule .schedule-button.active, +.bg-primary .schedule .schedule-button.active, +.bg-secondary .schedule .schedule-button.active, +.bg-gradient-1 .schedule .schedule-button.active { + color: #151515; + background: #ffffff; + border-color: #ffffff; +} + +.context-dark .schedule-info-item .icon, .bg-gray-700 .schedule-info-item .icon, .bg-gray-800 .schedule-info-item .icon, .bg-gray-5 .schedule-info-item .icon, .bg-gray-13 .schedule-info-item .icon, .bg-gray-14 .schedule-info-item .icon, .bg-gray-17 .schedule-info-item .icon, .bg-gray-19 .schedule-info-item .icon, .bg-gray-21 .schedule-info-item .icon, .bg-primary .schedule-info-item .icon, .bg-secondary .schedule-info-item .icon, .bg-gradient-1 .schedule-info-item .icon { + color: #ffffff; +} + +.event-classic { + position: relative; + text-align: center; + padding: 15px; + line-height: 1.2; + font-weight: 400; + color: #151515; + background: #ffffff; + transition: all .3s ease-in-out; + z-index: 1; +} + +.event-classic-title { + color: #00aeef; + font-weight: 500; +} + +.event-classic-time { + font-size: 13px; + line-height: 1.334; + font-weight: 500; +} + +.event-classic-button .button { + padding: 5px 10px; + font-size: 13px; +} + +.event-classic-button .button, .event-classic-button .button:focus { + color: #ffffff; + background: #00aeef; + border-color: #00aeef; +} + +.event-classic-button .button:hover, .event-classic-button .button:active, .event-classic-button .button.active { + background: #373737; + border-color: #373737; +} + +.event-classic-text { + font-size: 13px; +} + +.event-classic-1 .event-classic-title { + color: #8dc63f; +} + +.event-classic-1 .event-classic-button .button, .event-classic-1 .event-classic-button .button:focus { + background: #8dc63f; + border-color: #8dc63f; +} + +.event-classic-1 .event-classic-button .button:hover, .event-classic-1 .event-classic-button .button:active, .event-classic-1 .event-classic-button .button.active { + background: #373737; + border-color: #373737; +} + +.event-classic-2 .event-classic-title { + color: #40c692; +} + +.event-classic-2 .event-classic-button .button, .event-classic-2 .event-classic-button .button:focus { + background: #40c692; + border-color: #40c692; +} + +.event-classic-2 .event-classic-button .button:hover, .event-classic-2 .event-classic-button .button:active, .event-classic-2 .event-classic-button .button.active { + background: #373737; + border-color: #373737; +} + +.event-classic-3 .event-classic-title { + color: #7977cf; +} + +.event-classic-3 .event-classic-button .button, .event-classic-3 .event-classic-button .button:focus { + background: #7977cf; + border-color: #7977cf; +} + +.event-classic-3 .event-classic-button .button:hover, .event-classic-3 .event-classic-button .button:active, .event-classic-3 .event-classic-button .button.active { + background: #373737; + border-color: #373737; +} + +* + .event-classic-name { + margin-top: 6px; +} + +* + .event-classic-body { + margin-top: 10px; +} + +* + .event-classic-button { + margin-top: 10px; +} + +* + .event-classic-text { + margin-top: 10px; +} + +@media (min-width: 992px) { + .desktop .event-classic { + padding: 35px 5px; + } + .desktop .event-classic-body { + position: absolute; + top: calc(100% - 35px); + left: 0; + width: 100%; + padding: 14px 5px 39px; + color: #ffffff; + background: inherit; + transition: opacity .3s ease-in-out; + visibility: hidden; + opacity: 0; + } + .desktop .event-classic .event-classic-button .button { + padding: 7px 10px; + font-size: 14px; + } + .desktop .event-classic .event-classic-button .button, .desktop .event-classic .event-classic-button .button:focus { + color: #151515; + background: #ffffff; + border-color: #ffffff; + } + .desktop .event-classic .event-classic-button .button:hover, .desktop .event-classic .event-classic-button .button:active, .desktop .event-classic .event-classic-button .button.active { + color: #ffffff; + background: #00aeef; + border-color: #00aeef; + } + .desktop .event-classic:hover { + background: #373737; + } + .desktop .event-classic:hover .event-classic-body { + visibility: visible; + opacity: 1; + } + .desktop .event-classic:hover .event-classic-title { + color: #ffffff; + } + .desktop .event-classic:hover .event-classic-name { + color: rgba(255, 255, 255, 0.5); + } + .desktop .event-classic-4:hover { + background-image: linear-gradient(#f6df87 0%, #d7a380 100%); + background-color: transparent; + } + .desktop .event-classic-4 .event-classic-body { + background-image: linear-gradient(#e2b982 0%, #00aeef 100%); + } + .desktop .event-classic-time { + font-size: 15px; + } + .desktop .event-classic-text { + font-size: 14px; + } + .desktop * + .event-classic-body { + margin-top: 0; + } + .desktop * + .event-classic-button { + margin-top: 18px; + } + .desktop * + .event-classic-text { + margin-top: 16px; + } +} + +@media (min-width: 1200px) { + .desktop .event-classic { + padding: 45px 5px; + } + .desktop .event-classic-body { + top: calc(100% - 45px); + padding-bottom: 50px; + } +} + +/** @section Schedule Custom */ +.cd-schedule { + position: relative; + text-align: center; + line-height: 1.334; + font-weight: 400; + color: #808081; + background: #ffffff; +} + +.cd-schedule-1 .events-day { + background: #3f4046; +} + +.events-timeline { + display: none; + text-align: left; + font-size: 15px; + font-weight: 500; +} + +.events { + position: relative; + z-index: 1; +} + +.events-group > ul { + position: relative; + display: flex; + overflow-x: scroll; + -webkit-overflow-scrolling: touch; + border-bottom: 2px solid #f5f5f5; +} + +.events-group > ul li + li { + border-left: 2px solid #f5f5f5; +} + +.events-day { + width: 100%; + padding: 10px 5px; + color: #ffffff; + background: #373737; +} + +.single-event { + padding: 15px 20px 20px; + background: #ffffff; +} + +.event-title { + font-weight: 700; + letter-spacing: .05em; + text-transform: uppercase; + color: #00aeef; +} + +.event-time { + display: inline-block; + font-size: 13px; + font-weight: 500; + margin-top: 6px; + color: #151515; +} + +.event-name { + font-size: 13px; +} + +.event-button .button { + padding: 5px 10px; + font-size: 13px; +} + +.event-button .button, .event-button .button:focus { + color: #ffffff; + background: #00aeef; + border-color: #00aeef; +} + +.event-button .button:hover, .event-button .button:active, .event-button .button.active { + background: #373737; + border-color: #373737; +} + +.single-event-1 .event-title { + color: #8dc63f; +} + +.single-event-1 .event-button .button, .single-event-1 .event-button .button:focus { + background: #8dc63f; + border-color: #8dc63f; +} + +.single-event-1 .event-button .button:hover, .single-event-1 .event-button .button:active, .single-event-1 .event-button .button.active { + background: #373737; + border-color: #373737; +} + +.single-event-2 .event-title { + color: #40c692; +} + +.single-event-2 .event-button .button, .single-event-2 .event-button .button:focus { + background: #40c692; + border-color: #40c692; +} + +.single-event-2 .event-button .button:hover, .single-event-2 .event-button .button:active, .single-event-2 .event-button .button.active { + background: #373737; + border-color: #373737; +} + +.single-event-3 .event-title { + color: #7977cf; +} + +.single-event-3 .event-button .button, .single-event-3 .event-button .button:focus { + background: #7977cf; + border-color: #7977cf; +} + +.single-event-3 .event-button .button:hover, .single-event-3 .event-button .button:active, .single-event-3 .event-button .button.active { + background: #373737; + border-color: #373737; +} + +.single-event-4 .event-title { + color: #f4a14f; +} + +.single-event-4 .event-button .button, .single-event-4 .event-button .button:focus { + background: #f4a14f; + border-color: #f4a14f; +} + +.single-event-4 .event-button .button:hover, .single-event-4 .event-button .button:active, .single-event-4 .event-button .button.active { + background: #373737; + border-color: #373737; +} + +* + .cd-schedule { + margin-top: 30px; +} + +* + .event-button { + margin-top: 14px; +} + +* + .events-group { + margin-top: 30px; +} + +* + .event-body { + margin-top: 10px; +} + +@media (min-width: 768px) { + .event-time { + font-size: 15px; + } + .event-name { + font-size: 14px; + } + * + .cd-schedule { + margin-top: 50px; + } +} + +@media (max-width: 991.98px) { + .desktop .single-event { + height: auto !important; + top: auto !important; + } +} + +@media (min-width: 992px) { + .desktop .cd-schedule::before { + content: 'desktop'; + display: none; + } + .desktop .cd-schedule.loading .single-event { + opacity: 0; + } + .desktop .events-timeline { + display: block; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + padding-top: 51px; + } + .desktop .events-timeline::before { + position: absolute; + display: inline-block; + top: 0; + left: 0; + content: ''; + height: 51px; + width: 105px; + background: #373737; + pointer-events: none; + } + .desktop .events-timeline li { + display: flex; + position: relative; + align-items: stretch; + height: 102px; + line-height: 100px; + border-top: 2px solid #f5f5f5; + } + .desktop .events-timeline li:nth-child(odd) span { + background: #f5f5f5; + } + .desktop .events-timeline li span { + display: inline-block; + text-align: center; + line-height: inherit; + width: 105px; + } + .desktop .events { + margin-left: 105px; + } + .desktop .events > ul { + display: flex; + } + .desktop .events-group { + width: calc(100%/7); + flex-basis: calc(100%/7); + margin-bottom: 0; + border-left: 2px solid #f5f5f5; + } + .desktop .events-group > ul { + height: 1122px; + display: block; + overflow: visible; + padding: 0; + border-bottom: none; + } + .desktop .events-group > ul li { + border-top: 2px solid #f5f5f5; + border-bottom: 2px solid #f5f5f5; + } + .desktop .events-group > ul li + li { + border-left: none; + } + .desktop .events-day { + display: table; + height: 102px; + max-height: 51px; + padding: 0; + } + .desktop .events-day span { + display: table-cell; + vertical-align: middle; + } + .desktop .single-event { + position: absolute; + left: 0; + width: 100%; + padding: 15px 5px; + z-index: 1; + } + .desktop .single-event:hover { + z-index: 2; + } + .desktop .single-event:hover .event-body { + box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.18); + visibility: visible; + opacity: 1; + } + .desktop .single-event:hover .button, .desktop .single-event:hover .button:focus { + color: #ffffff; + background: #373737; + border-color: #373737; + } + .desktop .single-event:hover .button:hover, .desktop .single-event:hover .button:active, .desktop .single-event:hover .button.active { + color: #ffffff; + background: #00aeef; + border-color: #00aeef; + } + .desktop .event-body { + position: absolute; + top: 0; + left: 0; + padding: 100px 5px 20px; + width: 100%; + min-height: 100%; + background: inherit; + transition: all .3s ease; + visibility: hidden; + opacity: 0; + z-index: -1; + } + .desktop .event-button .button { + padding: 7px 10px; + font-size: 14px; + } + .desktop * + .event-button { + margin-top: 24px; + } + .desktop * + .events-group { + margin-top: 0; + } + .desktop * + .event-body { + margin-top: 0; + } +} + +@media (min-width: 1200px) { + .desktop .events-timeline::before { + width: 140px; + } + .desktop .events-timeline li span { + width: 140px; + } + .desktop .events { + margin-left: 140px; + } + .desktop * + .cd-schedule { + margin-top: 70px; + } +} + +/** @section Products */ +.product { + text-align: center; + border: 1px solid #dddddd; +} + +.product-body { + position: relative; + overflow: hidden; + padding: 20px 15px; + background: #f5f5f5; + transition: all .4s ease; +} + +.product-info { + transition: inherit; +} + +.product-category { + font-size: 13px; + letter-spacing: .05em; + text-transform: uppercase; +} + +.product-title { + font-weight: 300; + letter-spacing: .01em; + text-transform: none; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.product-text { + font-size: 16px; +} + +.product-figure img { + max-width: 200px; +} + +.product-description { + color: #151515; + transition: inherit; +} + +.product-rating .icon { + font-size: 20px; +} + +.product-rating > * + * { + margin-left: 1px; +} + +.product-panel { + padding: 10px; + display: flex; + align-items: center; + justify-content: space-between; + border-top: 1px solid #dddddd; + color: #151515; + background: #ffffff; +} + +.product-link { + font-size: 13px; + font-weight: 500; + letter-spacing: .05em; + text-transform: uppercase; +} + +.product-link a { + text-decoration: underline; +} + +.product-link a, .product-link a:focus, .product-link a:active { + color: #00aeef; +} + +.product-link a:hover { + color: #00aeef; +} + +.product-link a:hover { + text-decoration: none; +} + +.product-price { + font-weight: 400; + letter-spacing: .01em; +} + +.product-share { + position: relative; +} + +.product-share-button { + padding: 5px; + font-size: 23px; + line-height: 1; +} + +.product-share-button, .product-share-button:focus, .product-share-button:active { + color: #151515; +} + +.product-share-button:hover { + color: #00aeef; +} + +.product-share-button { + cursor: pointer; +} + +.product-share-button::before { + content: '\ec20'; +} + +.product-share-button.active::before { + content: '\ec2a'; +} + +.product-share-button.active ~ .product-share-list li { + opacity: 1; + visibility: visible; +} + +.product-share-button.active ~ .product-share-list li:nth-child(2) { + transition-delay: 50ms; +} + +.product-share-button.active ~ .product-share-list li:nth-child(3) { + transition-delay: 100ms; +} + +.product-share-button.active ~ .product-share-list li:nth-child(4) { + transition-delay: 150ms; +} + +.product-share-button.active ~ .product-share-list li:nth-child(5) { + transition-delay: 200ms; +} + +.product-share-button.active ~ .product-share-list li:nth-child(6) { + transition-delay: 250ms; +} + +.product-share-button.active ~ .product-share-list li:nth-child(7) { + transition-delay: 300ms; +} + +.product-share-button.active ~ .product-share-list li:nth-child(8) { + transition-delay: 350ms; +} + +.product-share-button.active ~ .product-share-list li:nth-child(9) { + transition-delay: 400ms; +} + +.product-share-button.active ~ .product-share-list li:nth-child(10) { + transition-delay: 450ms; +} + +.product-share-list { + display: flex; + position: absolute; + top: 50%; + right: calc( 100% + 6px); + transform: translateY(-50%); + margin-left: -10px; +} + +.product-share-list > * { + margin-left: 10px; +} + +.product-share-list li { + opacity: 0; + visibility: hidden; + transition: all .3s ease; +} + +.product-share-list .icon { + font-size: 20px; + vertical-align: middle; +} + +.product-share-list a, .product-share-list a:focus, .product-share-list a:active { + color: #00aeef; +} + +.product-share-list a:hover { + color: #151515; +} + +.product-share-list .mdi-facebook, .product-share-list .mdi-facebook:focus, .product-share-list .mdi-facebook:active { + color: #4d70a8; +} + +.product-share-list .mdi-facebook:hover { + color: #748abc; +} + +.product-share-list .mdi-google, .product-share-list .mdi-google:focus, .product-share-list .mdi-google:active { + color: #e2411e; +} + +.product-share-list .mdi-google:hover { + color: #de7272; +} + +.product-share-list .mdi-twitter, .product-share-list .mdi-twitter:focus, .product-share-list .mdi-twitter:active { + color: #02bcf3; +} + +.product-share-list .mdi-twitter:hover { + color: #02a8da; +} + +* + .product-figure { + margin-top: 5px; +} + +* + .product-text { + margin-top: 4px; +} + +* + .product-link { + margin-top: 10px; +} + +.product-text + .button { + margin-top: 10px; +} + +@media (min-width: 768px) { + .product-panel { + padding: 20px; + } + .product-share-list { + right: calc( 100% + 16px); + margin-left: -18px; + } + .product-share-list > * { + margin-left: 18px; + } + .product-share-list .icon { + font-size: 22px; + } + * + .product-title { + margin-top: 6px; + } + * + .product-figure { + margin-top: 15px; + } + * + .product-text { + margin-top: 10px; + } + * + .product-link { + margin-top: 20px; + } + .product-text + .button { + margin-top: 18px; + } +} + +@media (min-width: 992px) { + .desktop .product-body { + padding-top: 34px; + padding-bottom: 34px; + } + .desktop .product-body::before { + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-image: linear-gradient(#f5f5f5 0%, rgba(255, 255, 255, 0) 100%); + transition: inherit; + pointer-events: none; + opacity: 0; + z-index: 1; + } + .desktop .product-title { + font-size: 24px; + } + .desktop .product-figure img { + max-width: 100%; + } + .desktop .product-description { + position: absolute; + padding: 25px 15px; + left: 0; + bottom: 0; + width: 100%; + transform: translateY(100%); + z-index: 2; + } + .desktop .product:hover .product-body::before { + opacity: .82; + } + .desktop .product:hover .product-info { + transform: translateY(-74%); + } + .desktop .product:hover .product-description { + transform: none; + } +} + +@media (min-width: 1200px) { + .desktop .product-description { + padding-top: 35px; + padding-bottom: 35px; + } + .product-panel { + padding: 28px 30px; + } +} + +.ie-10 .product-share-list, +.ie-11 .product-share-list, +.ie-edge .product-share-list { + justify-content: flex-end; + min-width: 150px; +} + +.single-product { + text-align: left; + color: #151515; +} + +.single-product .button { + min-width: 176px; +} + +.single-product * + .group-inline { + margin-top: 20px; +} + +.single-product hr + .group-middle { + margin-top: 0; +} + +.single-product .group-inline + p { + margin-top: 16px; +} + +@media (min-width: 768px) { + .single-product .group-inline + p { + margin-top: 26px; + } +} + +.single-product-title { + letter-spacing: .01em; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.single-product-price { + font-weight: 400; + letter-spacing: .025em; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + color: #00aeef; +} + +.single-product-rating { + font-size: 0; + line-height: 0; +} + +.single-product-rating .icon { + font-size: 25px; + color: #f6db41; +} + +.single-product-info .icon { + color: rgba(21, 21, 21, 0.1); +} + +.list-description { + text-align: left; + font-weight: 400; + color: #151515; +} + +.list-description li span:first-child { + margin-right: 6px; +} + +.list-description li span:last-child { + color: #777777; +} + +.list-description li + li { + margin-top: 2px; +} + +* + .list-description { + margin-top: 20px; +} + +.list-description + .group-middle { + margin-top: 20px; +} + +@media (min-width: 768px) { + * + .list-description { + margin-top: 30px; + } +} + +.box-radio { + text-align: left; + padding: 15px; + border: 1px solid #f2f8ff; +} + +.radio-panel-content { + height: 0; + max-height: 0; + opacity: 0; + letter-spacing: .05em; + color: #9b9b9b; +} + +.radio-panel .radio-inline { + font-size: 14px; + font-weight: 500; + letter-spacing: .1em; + text-transform: uppercase; + color: #151515; +} + +.radio-panel .radio-inline.active + .radio-panel-content { + opacity: 1; + height: 100%; + max-height: 100%; + margin-top: 5px; + transition: opacity .3s ease-out; +} + +.radio-panel-content { + font-weight: 400; +} + +* + .box-radio { + margin-top: 20px; +} + +.radio-panel + .radio-panel { + margin-top: 15px; +} + +@media (min-width: 576px) { + .box-radio { + padding: 25px; + } +} + +@media (min-width: 768px) { + .radio-panel .radio-inline { + font-size: 16px; + } + * + .box-radio { + margin-top: 30px; + } + .radio-panel + .radio-panel { + margin-top: 20px; + } +} + +@media (min-width: 992px) { + * + .box-radio { + margin-top: 40px; + } +} + +/** @section Comments */ +.comment { + position: relative; + text-align: left; + padding-bottom: 30px; + font-weight: 400; + letter-spacing: .05em; + border-bottom: 1px solid #f2f8ff; + color: #151515; +} + +.comment > .comment { + margin-top: 35px; + padding-top: 35px; + border-top: 1px solid #f2f8ff; + padding-bottom: 0; + border-bottom: none; +} + +.comment-image { + max-width: 60px; +} + +.comment-author { + text-transform: none; + font-weight: 500; +} + +.comment-time { + color: #777777; +} + +.comment-form { + text-align: left; +} + +.comment-form .unit-body { + flex-grow: 1; +} + +.comment-form * + .form-wrap { + margin-top: 20px; +} + +.tab-content .comment { + padding-bottom: 0; + border-bottom: none; +} + +* + .comment { + margin-top: 30px; +} + +* + .comment-form { + margin-top: 30px; +} + +.comment-form + .button { + margin-top: 30px; +} + +* + .comment-text { + margin-top: 12px; +} + +.comment + h6 { + margin-top: 30px; +} + +.comment + .comment { + margin-top: 30px; +} + +@media (min-width: 576px) { + .comment-image { + max-width: 80px; + } +} + +@media (min-width: 768px) { + .comment { + padding-bottom: 45px; + } + .comment > .comment { + margin-top: 45px; + padding-top: 45px; + margin-left: 70px; + } + .comment-image { + max-width: 100%; + } + .comment + h6 { + margin-top: 40px; + } + .comment + .comment { + margin-top: 45px; + } + * + .comment-form { + margin-top: 45px; + } +} + +@media (min-width: 1200px) { + .comment > .comment { + margin-left: 145px; + } +} + +.box-rating { + font-size: 0; + line-height: 0; +} + +.box-rating > * { + vertical-align: middle; + font-size: 19px; + color: #f6db41; +} + +.comment-classic { + position: relative; + text-align: left; + padding-bottom: 30px; + border-bottom: 1px solid #f2f8ff; +} + +.comment-classic > .comment-classic { + margin-top: 35px; + padding-top: 35px; + border-top: 1px solid #f2f8ff; + padding-bottom: 0; + border-bottom: none; +} + +.comment-classic-image { + border-radius: 5px; + max-width: 60px; +} + +.comment-classic-author { + color: #151515; + font-weight: 500; + text-transform: none; +} + +.comment-classic-time { + color: #151515; + font-weight: 400; +} + +.comment-classic-link { + font-size: 15px; + font-weight: 500; + color: #151515; +} + +.comment-classic-link .icon { + font-size: 24px; + color: rgba(21, 21, 21, 0.5); +} + +.comment-classic-link a, .comment-classic-link a:focus, .comment-classic-link a:active { + color: inherit; +} + +.comment-classic-link a:hover { + color: #00aeef; +} + +.comment-classic-link > * { + vertical-align: middle; +} + +.comment-classic-link > * + * { + margin-left: 6px; +} + +* + .comment-classic { + margin-top: 30px; +} + +* + .comment-classic-text { + margin-top: 6px; +} + +* + .comment-classic-panel { + margin-top: 10px; +} + +.comment-classic + .comment-classic { + margin-top: 30px; +} + +@media (min-width: 576px) { + .comment-classic-image { + max-width: 80px; + } +} + +@media (min-width: 768px) { + .comment-classic { + padding-bottom: 45px; + } + .comment-classic > .comment-classic { + margin-top: 45px; + padding-top: 45px; + margin-left: 90px; + } + .comment-classic-image { + max-width: 100%; + } + * + .comment-classic { + margin-top: 50px; + } + * + .comment-classic-panel { + margin-top: 20px; + } + .comment-classic + .comment-classic { + margin-top: 45px; + } +} + +/** @section Team */ +.team { + position: relative; + text-align: center; + color: #ffffff; +} + +.team-1 .team-position { + color: #00aeef; + font-weight: 500; +} + +.team-1 .team-list-social a:hover, +.team-1 .team-name a:hover { + color: #8dc63f; +} + +.team-image { + width: 100%; + transition: all .3s ease; +} + +.team-content { + display: flex; + align-items: flex-end; + justify-content: center; + overflow: hidden; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 15px; + pointer-events: none; + z-index: 1; +} + +.team-content > div > * { + pointer-events: auto; +} + +.team-content::before { + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%); + transition: all .3s ease-in-out; + opacity: .6; + z-index: -1; +} + +.team-position { + font-size: 13px; + font-weight: 500; + letter-spacing: .12em; + text-transform: uppercase; + color: rgba(255, 255, 255, 0.5); +} + +.team-name { + letter-spacing: .025em; + text-transform: none; + color: #ffffff; +} + +.team-name a:hover { + color: #00aeef; +} + +.team-list-social { + color: #ffffff; +} + +.team-list-social .icon, .team-list-social .icon:focus, .team-list-social .icon:active { + color: inherit; +} + +.team-list-social .icon:hover { + color: #00aeef; +} + +* + .team-name { + margin-top: 4px; +} + +* + .team-list-social { + margin-top: 12px; +} + +@media (min-width: 768px) { + .team-content { + padding: 20px 15px; + } + .team-position { + font-size: 15px; + } + * + .team-name { + margin-top: 8px; + } + * + .team-list-social { + margin-top: 18px; + } +} + +@media (min-width: 992px) { + .desktop .team-image { + filter: grayscale(100%); + } + .desktop .team-content::before { + opacity: 0; + visibility: hidden; + } + .desktop .team-position, + .desktop .team-name, + .desktop .team-list-social { + opacity: 0; + visibility: hidden; + transition: all .3s ease-in-out; + } + .desktop .team:hover .team-image { + filter: none; + } + .desktop .team:hover .team-content::before { + opacity: .6; + visibility: visible; + transform: none; + } + .desktop .team:hover .team-position, + .desktop .team:hover .team-name, + .desktop .team:hover .team-list-social { + opacity: 1; + visibility: visible; + } + .desktop .team:hover .team-name { + transition-delay: .1s; + } + .desktop .team:hover .team-position, + .desktop .team:hover .team-list-social { + transition-delay: .2s; + } +} + +@media (min-width: 1200px) { + .team-content { + padding-bottom: 30px; + } +} + +.team-modern { + background: #f5f5f5; + transition: all .3s ease-in-out; +} + +.team-modern-name { + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + color: #000000; + font-weight: 500; + text-transform: uppercase; +} + +@media (min-width: 992px) { + .team-modern-name { + font-size: 24px; + } +} + +.team-modern-figure { + position: relative; + overflow: hidden; + display: block; +} + +.team-modern-figure a { + display: inherit; +} + +.team-modern-figure img { + width: 100%; + transition: all .3s ease-in-out; +} + +.team-modern-figure img.processed { + position: absolute; + opacity: .25; +} + +.team-modern-content { + position: relative; + padding: 30px 15px 20px; +} + +.team-modern-position { + font-size: 13px; + font-weight: 500; + letter-spacing: .075em; + text-transform: uppercase; + color: rgba(21, 21, 21, 0.5); +} + +.team-modern-share { + position: absolute; + top: 0; + left: 50%; + transform: translate(-50%, -60%); +} + +.team-modern-list-social .icon, +.team-modern-share-button { + text-align: center; + width: 40px; + height: 40px; + font-size: 20px; + line-height: 40px; + border-radius: 50%; + box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.25); +} + +.team-modern-list-social .icon, .team-modern-list-social .icon:focus, .team-modern-list-social .icon:active, +.team-modern-share-button, +.team-modern-share-button:focus, +.team-modern-share-button:active { + color: #151515; + background: #ffffff; +} + +.team-modern-list-social .icon:hover, +.team-modern-share-button:hover { + color: #00aeef; +} + +.team-modern-share-button { + cursor: pointer; + transition: all .3s ease-in-out; +} + +.team-modern-share-button::before { + content: '\f504'; + font-family: "Material Design Icons"; +} + +.team-modern-share-button.active::before { + content: '\f69a'; +} + +.team-modern-share-button.active ~ .team-modern-list-social li { + opacity: 1; + visibility: visible; + transform: none; +} + +.team-modern-list-social { + position: absolute; + bottom: calc( 100% + 15px); + left: 0; +} + +.team-modern-list-social li { + opacity: 0; + visibility: hidden; + transition: all .3s ease; +} + +.team-modern-list-social li:nth-child(odd) { + transform: translate3d(50%, 0, 0); +} + +.team-modern-list-social li:nth-child(even) { + transform: translate3d(-50%, 0, 0); +} + +.team-modern-list-social li + li { + margin-top: 15px; +} + +* + .team-modern-position { + margin-top: 2px; +} + +@media (min-width: 768px) { + .team-modern-content { + padding: 40px 15px 30px; + } + .team-modern-position { + font-size: 15px; + } + .team-modern-list-social .icon, + .team-modern-share-button { + width: 55px; + height: 55px; + font-size: 25px; + line-height: 55px; + } +} + +@media (min-width: 992px) { + .desktop .team-modern { + background: transparent; + } + .desktop .team-modern-figure img.processed { + opacity: 0; + } + .desktop .team-modern:hover { + background: #f5f5f5; + } + .desktop .team-modern:hover .team-modern-figure img.processed { + opacity: .25; + } +} + +.team-classic { + position: relative; + color: #ffffff; + background: rgba(255, 255, 255, 0.06); +} + +.team-classic-image { + width: 100%; + transition: all .3s ease; +} + +.team-classic-content { + position: relative; + padding: 15px; + z-index: 1; +} + +.team-classic-name { + font-weight: 500; + color: #ffffff; +} + +.team-classic-name a:hover { + color: #00aeef; +} + +.team-classic-position { + letter-spacing: .075em; + color: #00aeef; +} + +.team-classic-list-social { + color: #ffffff; +} + +.team-classic-list-social .icon { + font-size: 22px; +} + +.team-classic-list-social .icon, .team-classic-list-social .icon:focus, .team-classic-list-social .icon:active { + color: inherit; +} + +.team-classic-list-social .icon:hover { + color: #00aeef; +} + +* + .team-classic-position { + margin-top: 8px; +} + +* + .team-classic-overlay { + margin-top: 10px; +} + +@media (min-width: 768px) { + .team-classic-content { + padding: 20px 15px; + } +} + +@media (min-width: 992px) { + .desktop .team-classic { + background: transparent; + } + .desktop .team-classic-content { + padding: 40px 15px; + } + .desktop .team-classic-overlay { + display: flex; + align-items: flex-end; + justify-content: center; + position: absolute; + margin-top: 0; + padding-bottom: 35px; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(255, 255, 255, 0.06); + border-bottom: 4px solid transparent; + transition: .3s ease; + z-index: -1; + } + .desktop .team-classic-list-social { + opacity: 0; + visibility: hidden; + transition: .2s ease; + } + .desktop .team-classic-image { + filter: grayscale(100%); + } + .desktop .team-classic:hover .team-classic-image { + filter: none; + } + .desktop .team-classic:hover .team-classic-overlay { + bottom: -44px; + border-bottom-color: #00aeef; + } + .desktop .team-classic:hover .team-classic-list-social { + opacity: 1; + visibility: visible; + transition-delay: .1s; + } +} + +.team-big-name { + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.team-big-position { + font-size: 15px; + font-weight: 500; + letter-spacing: .1em; + text-transform: uppercase; + color: #151515; +} + +.team-big-position::before { + display: inline-block; + vertical-align: middle; + content: ''; + width: 47px; + height: 0; + margin-right: 18px; + border-top: 1px solid #00aeef; +} + +* + .team-big-position { + margin-top: 12px; +} + +* + .team-big-text { + margin-top: 16px; +} + +* + .progress-linear-wrap { + margin-top: 20px; +} + +.team-big-position + .list-social { + margin-top: 14px; +} + +@media (min-width: 768px) { + * + .team-big-position { + margin-top: 18px; + } + * + .team-big-text { + margin-top: 26px; + } + * + .progress-linear-wrap { + margin-top: 34px; + } + .team-big-position + .list-social { + margin-top: 22px; + } +} + +.team-dana { + text-align: center; +} + +.team-dana-figure { + display: inline-block; + position: relative; + text-align: center; + padding: 0 8%; + max-width: 370px; + background: #fff4a9; + z-index: 0; +} + +.team-dana-figure::before { + position: absolute; + content: ''; + top: 5%; + right: 100%; + width: 20px; + bottom: 5%; + background: inherit; + opacity: .23; + z-index: -1; +} + +.team-dana-figure img { + margin-top: -30px; + width: 84.4%; +} + +.team-dana-text { + font-weight: 500; + letter-spacing: .12em; + text-transform: uppercase; + color: rgba(255, 255, 255, 0.6); +} + +.team-dana-text::after { + display: inline-block; + vertical-align: middle; + content: ''; + width: 44px; + height: 0; + margin-left: 12px; + border-top: 1px solid; +} + +.team-dana-name { + line-height: 1.2; + font-weight: 900; + letter-spacing: .025em; +} + +.team-dana-position { + font-weight: 300; + letter-spacing: .05em; +} + +.team-dana-list-social { + position: absolute; + display: inline-block; + top: 10%; + right: 0; + padding: 10px; + background: #ffffff; + box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.13); + transform: translateX(40%); +} + +.team-dana-list-social .list-social { + color: #8dc63f; +} + +.team-dana-list-social li + li { + margin-top: 10px; +} + +.team-dana-circle { + top: 46%; + left: 50%; + width: 80.6%; + height: auto; + padding-bottom: 80.6%; + background: rgba(255, 255, 255, 0.6); + z-index: -1; +} + +* + .team-dana-name { + margin-top: 18px; +} + +* + .team-dana-position { + margin-top: 30px; +} + +@media (min-width: 576px) { + .team-dana { + text-align: right; + } + .team-dana-figure { + display: block; + max-width: none; + } +} + +@media (min-width: 768px) { + .team-dana-name { + font-size: 60px; + } + .team-dana-list-social { + padding: 15px; + } + .team-dana-list-social li + li { + margin-top: 20px; + } +} + +@media (min-width: 992px) { + .team-dana-name { + font-size: 70px; + } + .team-dana-list-social { + padding: 25px; + } +} + +@media (min-width: 1200px) { + .team-dana-body { + padding: 70px 0; + } + .team-dana-name { + font-size: 84px; + } + .team-dana-figure::before { + bottom: 14%; + } +} + +/** @section Pricing tables */ +.pricing { + text-align: center; + display: flex; + flex-direction: column; + border: 1px solid #e7eff6; + background: #ffffff; + min-height: 100%; +} + +.pricing-2 .pricing-subtitle { + color: #00aeef; +} + +.pricing-header { + padding: 15px; + background: #f5f5f5; + border-bottom: 1px solid #e7eff6; +} + +.pricing-title { + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.pricing-subtitle { + font-size: 14px; + font-weight: 500; + letter-spacing: .075em; + text-transform: uppercase; + color: #00aeef; +} + +.pricing-body { + display: flex; + flex-direction: column; + justify-content: space-between; + flex-grow: 1; + padding: 20px 15px; +} + +.pricing-price { + font-weight: 300; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.pricing-list { + font-weight: 400; +} + +.pricing-list li + li { + margin-top: 8px; +} + +.pricing-brand { + font-size: 0; +} + +.pricing-brand img { + width: auto; + max-height: 30px; +} + +.pricing-information .icon { + font-size: 20px; + color: #151515; +} + +.pricing-information-text { + line-height: 1.5; + font-weight: 400; +} + +.pricing-text-1 { + font-size: 12px; + font-weight: 500; + letter-spacing: .12em; + text-transform: uppercase; + color: rgba(21, 21, 21, 0.6); +} + +* + .pricing-subtitle { + margin-top: 4px; +} + +* + .pricing-list { + margin-top: 20px; +} + +* + .pricing-brand { + margin-top: 15px; +} + +* + .pricing-text-1 { + margin-top: 4px; +} + +* + .pricing-information { + margin-top: 15px; +} + +* + .pricing-information-text { + margin-top: 6px; +} + +.pricing-price + .button { + margin-top: 15px; +} + +@media (min-width: 768px) { + .pricing-body { + padding: 30px 15px; + } + .pricing-list li + li { + margin-top: 12px; + } + * + .pricing-list { + margin-top: 30px; + } + * + .pricing-brand { + margin-top: 25px; + } + * + .pricing-information { + margin-top: 25px; + } + .pricing-price + .button { + margin-top: 25px; + } +} + +@media (min-width: 992px) { + .pricing-header { + padding: 20px 15px; + } + .pricing-body { + padding: 40px 15px; + } + .pricing-list li + li { + margin-top: 18px; + } + * + .pricing-list { + margin-top: 45px; + } + .pricing-price + .button { + margin-top: 35px; + } +} + +.pricing-classic { + position: relative; + text-align: center; + padding: 40px 10px 30px; + font-weight: 400; + border-radius: 5px; + color: #ffffff; + background: #373737; + z-index: 1; +} + +.pricing-classic-1 { + box-shadow: 0 19px 40px 0 rgba(0, 0, 0, 0.19); +} + +.pricing-classic-2 { + background: #4a4b52; +} + +.pricing-classic-2 .pricing-classic-label { + background: #00aeef; +} + +.pricing-classic-2 .pricing-classic-label::before { + background: #cc3221; +} + +.pricing-classic-2 .pricing-classic-price { + color: #00aeef; + background: #404148; +} + +.pricing-classic-title { + font-weight: 700; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + text-transform: uppercase; + color: #ffffff; +} + +.pricing-classic-subtitle { + color: rgba(255, 255, 255, 0.4); +} + +.pricing-classic-price { + display: inline-block; + padding: 0 10px; + height: 95px; + min-width: 95px; + line-height: 95px; + font-weight: 700; + border-radius: 100px; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + color: #00aeef; + background: #414244; +} + +.pricing-classic-list li + li { + margin-top: 6px; +} + +.pricing-classic-label { + position: absolute; + top: 10px; + right: -12px; + padding: 0 7px; + font-size: 12px; + font-weight: 700; + letter-spacing: .1em; + line-height: 2; + text-transform: uppercase; + border-radius: 5px; + white-space: nowrap; + color: #ffffff; + background: #00aeef; +} + +.pricing-classic-label::before { + position: absolute; + content: ''; + right: 0; + bottom: 2px; + width: 12px; + height: 14px; + background: #00aeef; + transform: skewY(-45deg); + border-bottom-right-radius: 2px; + transform-origin: 100% 50%; + z-index: -1; +} + +* + .pricing-classic-price { + margin-top: 12px; +} + +* + .pricing-classic-list { + margin-top: 10px; +} + +.pricing-classic-list + .button { + margin-top: 30px; +} + +@media (min-width: 768px) { + .pricing-classic { + padding: 40px 10px; + } + .pricing-classic-price { + height: 105px; + min-width: 105px; + line-height: 105px; + } + .pricing-classic-label { + top: 42px; + font-size: 14px; + } + * + .pricing-classic-subtitle { + margin-top: 10px; + } + * + .pricing-classic-price { + margin-top: 22px; + } + * + .pricing-classic-list { + margin-top: 20px; + } + .pricing-classic-list + .button { + margin-top: 40px; + } +} + +@media (min-width: 992px) { + .pricing-classic-price { + height: 117px; + min-width: 117px; + line-height: 117px; + } +} + +@media (min-width: 1200px) { + .pricing-classic { + padding: 40px 15px 50px; + } + .pricing-classic-1 { + padding-top: 60px; + padding-bottom: 70px; + } +} + +/** @section Video */ +.video { + position: relative; + display: inline-block; + z-index: 0; +} + +.video-1 .video-image { + opacity: 1; +} + +.video-image { + width: 100%; +} + +.video-link { + position: absolute; + text-align: center; + top: 50%; + left: 50%; + width: 70px; + height: 70px; + font-size: 26px; + line-height: 70px; + border-radius: 50%; + color: #00aeef; + transform: translate(-50%, -50%); + z-index: 1; +} + +.video-link::before, .video-link::after { + display: inline-block; + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + transition: all .2s ease; + z-index: -1; +} + +.video-link::before { + background: rgba(255, 255, 255, 0.34); + transform: scale(1.15); +} + +.video-link::after { + background: #ffffff; +} + +.video-link .icon { + font-size: inherit; + line-height: inherit; +} + +.video-link:hover { + color: #00aeef; +} + +.video-link:hover::before { + transform: scale(2); + background: transparent; +} + +.video-link:hover::after { + transform: scale(0.8); + background: rgba(255, 255, 255, 0.7); +} + +* + .video { + margin-top: 30px; +} + +@media (min-width: 768px) { + .video-1 { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 50%; + } + .video-1 .video-figure { + position: relative; + overflow: hidden; + width: 100%; + height: 100%; + } + .video-1 .video-image { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + min-height: 100%; + min-width: 100%; + width: auto; + height: auto; + max-width: none; + z-index: -1; + } + @supports (object-fit: cover) { + .video-1 .video-image { + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: none; + object-fit: cover; + object-position: center center; + } + } +} + +@media (min-width: 992px) { + .video-1 .video-link { + left: 0; + } + .video-link { + width: 90px; + height: 90px; + font-size: 30px; + line-height: 90px; + } +} + +@media (min-width: 1200px) { + .video-1 .video-link { + width: 120px; + height: 120px; + font-size: 40px; + line-height: 120px; + } +} + +.video-classic { + text-align: center; + display: inline-block; + color: #ffffff; + z-index: 1; +} + +.video-classic-link { + position: relative; + text-align: inherit; + display: inline-block; + width: 50px; + height: 50px; + font-size: 22px; + line-height: 50px; + border-radius: 50%; + transition: .25s ease; + z-index: 1; +} + +.video-classic-link, .video-classic-link:focus, .video-classic-link:active { + color: rgba(255, 255, 255, 0.4); +} + +.video-classic-link:hover { + color: #ffffff; +} + +.video-classic-link:hover::before { + transform: scale(0.8); +} + +.video-classic-link::before { + display: inline-block; + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + border: 1px solid; + transition: transform .2s ease; + z-index: -1; +} + +.video-classic-link .icon { + font-size: inherit; + line-height: inherit; +} + +.video-classic-title { + font-weight: 700; + letter-spacing: .075em; + text-transform: uppercase; +} + +@media (min-width: 576px) { + .video-classic-link { + width: 100px; + height: 100px; + font-size: 26px; + line-height: 100px; + } + * + .video-classic-title { + margin-top: 10px; + } +} + +@media (min-width: 768px) { + * + .video-classic-title { + margin-top: 20px; + } +} + +@media (min-width: 992px) { + .video-classic-link { + width: 128px; + height: 128px; + line-height: 128px; + } +} + +.video-modern { + position: relative; + display: inline-block; + z-index: 0; +} + +.video-modern-1 .video-modern-link { + top: 25px; + right: 25px; + width: 48px; + height: 48px; + font-size: 18px; + line-height: 48px; + transform: none; +} + +.video-modern-1 .video-modern-link::before { + background: rgba(0, 0, 0, 0.2); +} + +.video-modern-image { + width: 100%; +} + +.video-modern-link { + position: absolute; + text-align: center; + top: 27%; + right: 11%; + width: 60px; + height: 60px; + font-size: 22px; + line-height: 60px; + border-radius: 50%; + transform: translate(50%, -50%); + z-index: 1; +} + +.video-modern-link, .video-modern-link:focus, .video-modern-link:active, .video-modern-link:hover { + color: #ffffff; +} + +.video-modern-link::before { + display: inline-block; + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + background: #8dc63f; + transition: all .2s ease; + z-index: -1; +} + +.video-modern-link .icon { + font-size: inherit; + line-height: inherit; +} + +.video-modern-link:hover::before { + transform: scale(1.2); +} + +* + .video-modern { + margin-top: 30px; +} + +@media (min-width: 768px) { + .video-modern-link { + width: 77px; + height: 77px; + font-size: 26px; + line-height: 77px; + } +} + +.video-creative { + text-align: center; + max-width: 440px; + margin-left: 6%; + padding: 6.2% 6.2% 6.2% 0; + background: #ebebeb; +} + +.video-creative-figure { + position: relative; + display: inline-block; + margin-left: -14px; + color: #ffffff; + background: #ec530b; +} + +.video-creative-figure img { + width: 100%; + transition: all .3s ease-in-out; +} + +.video-creative-figure img.processed { + position: absolute; +} + +.video-creative-caption { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.video-creative-link { + position: relative; + text-align: center; + display: inline-block; + width: 50px; + height: 50px; + font-size: 22px; + line-height: 50px; + border-radius: 50%; + transition: .25s ease; + z-index: 1; +} + +.video-creative-link, .video-creative-link:focus, .video-creative-link:active { + color: #ffffff; +} + +.video-creative-link:hover { + color: #ffffff; +} + +.video-creative-link:hover::before { + transform: scale(0.8); +} + +.video-creative-link::before { + display: inline-block; + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + background: rgba(255, 255, 255, 0.4); + transition: transform .2s ease; + z-index: -1; +} + +.video-creative-link .icon { + font-size: inherit; + line-height: inherit; +} + +.video-creative-title { + font-size: 15px; + font-weight: 700; + letter-spacing: .075em; + text-transform: uppercase; +} + +@media (min-width: 576px) { + .video-creative-link { + width: 100px; + height: 100px; + font-size: 26px; + line-height: 100px; + } + * + .video-creative-title { + margin-top: 10px; + } +} + +@media (min-width: 768px) { + * + .video-creative-title { + margin-top: 20px; + } +} + +@media (min-width: 992px) { + .video-creative-link { + width: 128px; + height: 128px; + line-height: 128px; + } +} + +@media (min-width: 1200px) { + .video-creative { + margin-left: auto; + } +} + +.video-minimal { + display: inline-block; + text-align: center; +} + +.video-minimal-link { + display: inline-block; + width: 50px; + height: 50px; + font-size: 22px; + line-height: 50px; +} + +.video-minimal-link, .video-minimal-link:focus, .video-minimal-link:active { + color: #ffffff; + background: #00aeef; +} + +.video-minimal-link:hover { + color: #151515; + background: #ffffff; +} + +.video-minimal-link .icon { + font-size: inherit; + line-height: inherit; +} + +@media (min-width: 992px) { + .video-minimal-link { + width: 60px; + height: 60px; + font-size: 28px; + line-height: 60px; + } +} + +/** @section Events */ +.event-modern { + text-align: center; + color: #151515; +} + +.event-modern-info { + line-height: 1; + font-weight: 400; + letter-spacing: .1em; + text-transform: uppercase; +} + +.event-modern-info li > * { + display: inline-block; + vertical-align: middle; +} + +.event-modern-info .icon { + font-size: 1.5em; + color: #00aeef; + margin-right: 8px; +} + +.event-modern-time { + position: relative; + z-index: 0; +} + +.event-modern-title { + position: absolute; + top: 50%; + left: 50%; + font-size: 4.5em; + line-height: 1; + font-weight: 900; + letter-spacing: .075em; + text-transform: uppercase; + font-family: "Playfair Display", serif; + color: rgba(21, 21, 21, 0.05); + transform: translate(-50%, -50%); + white-space: nowrap; + z-index: -1; +} + +* + .event-modern { + margin-top: 30px; +} + +* + .event-modern-time { + margin-top: 20px; +} + +.event-modern-time + .button { + margin-top: 40px; +} + +@media (min-width: 576px) { + .event-modern-title { + font-size: 7em; + } +} + +@media (min-width: 768px) { + .event-modern-title { + font-size: 9em; + } + * + .event-modern-time { + margin-top: 30px; + } + .event-modern-time + .button { + margin-top: 50px; + } +} + +@media (min-width: 992px) { + .event-modern-title { + font-size: 11em; + } + * + .event-modern-time { + margin-top: 40px; + } + .event-modern-time + .button { + margin-top: 70px; + } +} + +@media (min-width: 1200px) { + .event-modern-title { + font-size: 13.75em; + } + .event-modern-time + .button { + margin-top: 90px; + } +} + +.event-minimal { + position: relative; + text-align: left; + padding: 20px 0; +} + +.event-minimal::before { + position: absolute; + content: ''; + right: 0; + bottom: 0; + height: 0; + width: 100vw; + border-top: 1px solid #d7d7d7; +} + +.event-minimal:first-child { + padding-top: 0; +} + +.event-minimal:last-child { + padding-bottom: 0; +} + +.event-minimal:last-child::before { + display: none; +} + +.event-minimal-caption { + display: flex; + align-items: center; + flex-wrap: wrap; + margin-left: -20px; +} + +.event-minimal-caption > * { + margin-left: 20px; +} + +.event-minimal-icon { + font-size: 28px; + line-height: 1; + color: #00aeef; + transition: .3s ease-in-out; +} + +.event-minimal-time { + color: #00aeef; + transition: .3s ease-in-out; +} + +* + .event-minimal-text { + margin-top: 15px; +} + +@media (min-width: 768px) { + .event-minimal { + padding: 30px 0; + } +} + +@media (min-width: 992px) { + .desktop .event-minimal-icon { + opacity: 0; + } + .desktop .event-minimal-time, + .desktop .event-minimal-title { + color: inherit; + } + .desktop .event-minimal:hover .event-minimal-icon { + opacity: 1; + } + .desktop .event-minimal:hover .event-minimal-time { + color: #00aeef; + } + .desktop .event-minimal:hover .event-minimal-title { + color: #151515; + } +} + +@media (min-width: 1200px) { + .event-minimal { + padding: 45px 0; + } + * + .event-minimal-text { + margin-top: 25px; + } +} + +.event-route { + position: relative; +} + +.event-route img { + width: 100%; +} + +.event-route-point { + display: flex; + align-items: center; + justify-content: center; + width: 16px; + height: 16px; + border-radius: 50%; + background: #00aeef; +} + +.event-route-point::before { + position: absolute; + display: inline-block; + content: ''; + top: 50%; + left: 50%; + width: 100%; + height: 100%; + border-radius: inherit; + background: rgba(0, 174, 239, 0.34); + transform: translate3d(-50%, -50%, 0) scale(1.625); + animation: point 1s infinite linear; +} + +.event-route-extreme-point { + text-align: center; + width: 34px; + padding: 6px 4px 2px; + font-size: 18px; + line-height: 1; + font-weight: 500; + color: #ffffff; + background: #3d3d3d; +} + +.event-route-extreme-point::before { + position: absolute; + content: ''; + top: 100%; + left: 0; + width: 0; + height: 0; + border-style: solid; + border-width: 10px 17px 0 17px; + border-color: #3d3d3d transparent transparent transparent; +} + +.event-route-extreme-point .event-route-caption { + top: -8px; +} + +.event-route-caption { + text-align: left; + position: absolute; + top: -16px; + right: calc(100% + 20px); + padding: 5px 10px; + border-radius: 4px; + background: #ffffff; + white-space: nowrap; + box-shadow: 0 13px 49px 0 rgba(0, 0, 0, 0.35); + transform: translateX(-10px); + transition: .3s ease; + visibility: hidden; + opacity: 0; +} + +.event-route-caption::before { + position: absolute; + content: ''; + top: 20px; + left: 100%; + width: 0; + height: 0; + border-style: solid; + border-width: 10px 10px 0 0; + border-color: #ffffff transparent transparent transparent; +} + +.event-route-title { + font-weight: 400; + letter-spacing: .01em; + text-transform: none; +} + +.event-route-text { + font-weight: 400; + letter-spacing: .01em; + color: rgba(21, 21, 21, 0.7); +} + +[class*='event-route-point'] { + position: absolute; + transform: translate3d(-50%, -50%, 0); + cursor: pointer; +} + +[class*='event-route-point']:hover .event-route-caption { + opacity: 1; + visibility: visible; + transform: none; +} + +.event-route-point-1 { + top: 13.6%; + left: 34.7%; +} + +.event-route-point-2 { + top: 30.4%; + left: 48.9%; +} + +.event-route-point-3 { + top: 46.1%; + left: 44.2%; +} + +.event-route-point-4 { + top: 69.2%; + left: 41.2%; +} + +.event-route-point-5 { + top: 86.6%; + left: 49.6%; +} + +.event-route-point-6 { + top: 86.8%; + left: 70.6%; +} + +.event-route-info > span { + letter-spacing: .1em; +} + +.event-route-info-text { + line-height: 1; + font-weight: 500; + letter-spacing: .1em; + text-transform: uppercase; + color: rgba(21, 21, 21, 0.7); +} + +* + .event-route-text { + margin-top: 0; +} + +@media (max-width: 575.98px) { + .event-route-caption-1 { + right: auto; + left: calc(100% + 20px); + } + .event-route-caption-1::before { + right: 100%; + left: auto; + border-width: 0 10px 10px 0; + border-color: transparent #ffffff transparent transparent; + } +} + +@media (min-width: 576px) { + .event-route-caption { + padding: 10px 15px; + right: calc(100% + 20px); + } +} + +@media (min-width: 992px) { + .event-route-caption { + padding: 15px 30px 15px 20px; + } + .event-route-info-text { + margin: 10px 0 0 10px; + } +} + +@media (min-width: 1600px) { + .event-route-1 { + margin-left: -130px; + margin-right: -15px; + } +} + +.event-joan { + text-align: center; + padding: 20px; + font-weight: 400; + background: #ffffff; + transition: .3s ease-in-out; +} + +.event-joan-title a:hover { + color: inherit; + text-decoration: underline; +} + +.event-joan-name { + color: #151515; +} + +.event-joan-name > * { + display: inline-block; + vertical-align: middle; +} + +.event-joan-name .icon { + font-size: 24px; + margin-right: 10px; + color: rgba(21, 21, 21, 0.7); +} + +* + .event-joan-title { + margin-top: 12px; +} + +* + .event-joan-name { + margin-top: 18px; +} + +@media (min-width: 576px) { + .event-joan { + text-align: left; + } +} + +@media (min-width: 992px) { + .event-joan { + padding: 40px 20px; + } + .desktop .event-joan:hover { + background: #f5f5f5; + } +} + +@media (min-width: 1200px) { + .event-joan { + padding: 55px 50px; + } +} + +.event-terri { + text-align: left; +} + +.event-terri-text { + color: #151515; +} + +.event-terri-info { + font-weight: 400; + letter-spacing: .01em; +} + +.event-terri-info .icon { + font-size: inherit; + line-height: inherit; + margin-right: 10px; + color: #151515; +} + +.event-terri-info-item { + position: relative; + z-index: 1; +} + +.event-terri-info-item::before { + position: absolute; + content: ''; + left: 0; + bottom: 3%; + height: 40%; + width: 100%; + background: #fff4a9; + z-index: -1; +} + +.event-terri-info-green::before { + background: #c5e6d9; +} + +.event-terri-info-red::before { + background: #fad1dc; +} + +* + .event-terri-title { + margin-top: 20px; +} + +* + .event-terri-text { + margin-top: 10px; +} + +* + .event-terri-info { + margin-top: 20px; +} + +@media (min-width: 768px) { + * + .event-terri-title { + margin-top: 34px; + } + * + .event-terri-text { + margin-top: 18px; + } + * + .event-terri-info { + margin-top: 30px; + } +} + +.event-eva { + text-align: left; + font-weight: 400; +} + +.event-eva-title { + color: #151515; +} + +.event-eva-title a, .event-eva-title a:focus, .event-eva-title a:active { + color: inherit; +} + +.event-eva-title a:hover { + color: #00aeef; +} + +.event-eva-date { + display: flex; + align-items: center; + justify-content: center; + text-align: center; + padding: 2px 4px 6px; + width: 64px; + height: 64px; + font-size: 13px; + line-height: 1.2; + letter-spacing: .01em; + text-transform: uppercase; + border: 1px solid #e7eff6; +} + +.event-eva-location .icon { + font-size: inherit; + line-height: inherit; + margin-right: 10px; + color: rgba(21, 21, 21, 0.4); +} + +.event-eva-wrap > * { + padding: 20px 0; +} + +.event-eva-wrap > *:first-child { + padding-top: 0; +} + +.event-eva-wrap > *:last-child { + padding-bottom: 0; +} + +.event-eva-wrap > * + * { + border-top: 1px solid #e7eff6; +} + +* + .event-eva-wrap { + margin-top: 30px; +} + +* + .event-eva-location { + margin-top: 6px; +} + +@media (min-width: 768px) { + * + .event-eva-wrap { + margin-top: 40px; + } +} + +@media (min-width: 992px) { + .event-eva-wrap > * { + padding: 30px 0; + } + * + .event-eva-wrap { + margin-top: 60px; + } +} + +.event-lucy { + text-align: left; + display: flex; + justify-content: space-between; +} + +.event-lucy-title { + font-weight: 400; + letter-spacing: .01em; + text-transform: none; +} + +.event-lucy-date > * { + line-height: 1.1875; +} + +.event-lucy-days { + display: inline-block; + padding: 0 5px; + font-weight: 700; + letter-spacing: 0; + color: #151515; + margin-right: 10px; + background: rgba(21, 21, 21, 0.12); + text-transform: uppercase; +} + +.event-lucy-time { + font-weight: 500; + letter-spacing: .01em; + color: rgba(21, 21, 21, 0.4); + text-transform: uppercase; +} + +.event-lucy-wrap { + position: relative; + max-width: 380px; +} + +.event-lucy-wrap::before, .event-lucy-wrap::after { + display: none; + position: absolute; + right: 0; + font-size: 30px; + line-height: 1; + font-family: "Material Design Icons"; + color: rgba(21, 21, 21, 0.3); + transform: translateX(50%); +} + +.event-lucy-wrap::before { + content: '\f239'; + top: -5px; +} + +.event-lucy-wrap::after { + content: '\f236'; + bottom: -5px; +} + +.event-lucy-wrap > span { + display: none; + position: absolute; + top: 50%; + right: 0; + height: 55%; + border-left: 1px solid rgba(21, 21, 21, 0.15); + transform: translateY(-50%); +} + +.event-lucy-scroll { + position: relative; + overflow-x: hidden; + overflow-Y: auto; + scrollbar-width: thin; + -webkit-overflow-scrolling: touch; + max-height: 130px; + padding-right: 20px; +} + +.event-lucy-scroll::-webkit-scrollbar { + width: 20px; +} + +.event-lucy-scroll::-webkit-scrollbar-track { + background-color: transparent; + background-position: 50%; + background-repeat: no-repeat; + background-image: url(../images/scroll-line.png); +} + +.event-lucy-scroll::-webkit-scrollbar-thumb { + background-color: transparent; + background-position: 50%; + background-repeat: no-repeat; + background-image: url(../images/scroll-thumb.png); +} + +.event-lucy-scroll::-webkit-scrollbar-button { + background-color: transparent; + background-size: cover; + background-position: 50%; + background-repeat: no-repeat; +} + +.event-lucy-scroll::-webkit-scrollbar-button:start:decrement { + background-image: url(../images/scroll-arrow-up.png); +} + +.event-lucy-scroll::-webkit-scrollbar-button:end:increment { + background-image: url(../images/scroll-arrow-down.png); +} + +* + .event-lucy-wrap { + margin-top: 40px; +} + +* + .event-lucy { + margin-top: 15px; +} + +@media (min-width: 576px) { + .event-lucy { + align-items: center; + } + .event-lucy-date > * { + display: inline-block; + vertical-align: middle; + } + * + .event-lucy { + margin-top: 25px; + } + * + .event-lucy-wrap { + margin-top: 50px; + } +} + +@media (min-width: 768px) { + .event-lucy-wrap { + max-width: 420px; + } + .event-lucy-scroll { + max-height: 140px; + } +} + +@media (min-width: 992px) { + .event-lucy-wrap { + max-width: 520px; + } + .event-lucy-scroll { + max-height: 160px; + } + .event-lucy-title { + padding-left: 70px; + text-indent: -70px; + } + .event-lucy-title::before { + display: inline-block; + vertical-align: middle; + content: ''; + height: 0; + width: 40px; + margin-right: 30px; + border-top: 1px solid #e7eff6; + } + * + .event-lucy-wrap { + margin-top: 65px; + } + * + .event-lucy { + margin-top: 34px; + } +} + +.context-dark .event-lucy-days, .bg-gray-700 .event-lucy-days, .bg-gray-800 .event-lucy-days, .bg-gray-5 .event-lucy-days, .bg-gray-13 .event-lucy-days, .bg-gray-14 .event-lucy-days, .bg-gray-17 .event-lucy-days, .bg-gray-19 .event-lucy-days, .bg-gray-21 .event-lucy-days, .bg-primary .event-lucy-days, .bg-secondary .event-lucy-days, .bg-gradient-1 .event-lucy-days { + color: #ffffff; + background: rgba(255, 255, 255, 0.12); +} + +.context-dark .event-lucy-time, .bg-gray-700 .event-lucy-time, .bg-gray-800 .event-lucy-time, .bg-gray-5 .event-lucy-time, .bg-gray-13 .event-lucy-time, .bg-gray-14 .event-lucy-time, .bg-gray-17 .event-lucy-time, .bg-gray-19 .event-lucy-time, .bg-gray-21 .event-lucy-time, .bg-primary .event-lucy-time, .bg-secondary .event-lucy-time, .bg-gradient-1 .event-lucy-time { + color: rgba(255, 255, 255, 0.4); +} + +.context-dark .event-lucy-title::before, .bg-gray-700 .event-lucy-title::before, .bg-gray-800 .event-lucy-title::before, .bg-gray-5 .event-lucy-title::before, .bg-gray-13 .event-lucy-title::before, .bg-gray-14 .event-lucy-title::before, .bg-gray-17 .event-lucy-title::before, .bg-gray-19 .event-lucy-title::before, .bg-gray-21 .event-lucy-title::before, .bg-primary .event-lucy-title::before, .bg-secondary .event-lucy-title::before, .bg-gradient-1 .event-lucy-title::before { + border-top-color: rgba(255, 255, 255, 0.3); +} + +.context-dark .event-lucy-wrap::before, .bg-gray-700 .event-lucy-wrap::before, .bg-gray-800 .event-lucy-wrap::before, .bg-gray-5 .event-lucy-wrap::before, .bg-gray-13 .event-lucy-wrap::before, .bg-gray-14 .event-lucy-wrap::before, .bg-gray-17 .event-lucy-wrap::before, .bg-gray-19 .event-lucy-wrap::before, .bg-gray-21 .event-lucy-wrap::before, .bg-primary .event-lucy-wrap::before, .bg-secondary .event-lucy-wrap::before, .bg-gradient-1 .event-lucy-wrap::before, .context-dark .event-lucy-wrap::after, .bg-gray-700 .event-lucy-wrap::after, .bg-gray-800 .event-lucy-wrap::after, .bg-gray-5 .event-lucy-wrap::after, .bg-gray-13 .event-lucy-wrap::after, .bg-gray-14 .event-lucy-wrap::after, .bg-gray-17 .event-lucy-wrap::after, .bg-gray-19 .event-lucy-wrap::after, .bg-gray-21 .event-lucy-wrap::after, .bg-primary .event-lucy-wrap::after, .bg-secondary .event-lucy-wrap::after, .bg-gradient-1 .event-lucy-wrap::after { + color: rgba(255, 255, 255, 0.3); +} + +.context-dark .event-lucy-wrap > span, .bg-gray-700 .event-lucy-wrap > span, .bg-gray-800 .event-lucy-wrap > span, .bg-gray-5 .event-lucy-wrap > span, .bg-gray-13 .event-lucy-wrap > span, .bg-gray-14 .event-lucy-wrap > span, .bg-gray-17 .event-lucy-wrap > span, .bg-gray-19 .event-lucy-wrap > span, .bg-gray-21 .event-lucy-wrap > span, .bg-primary .event-lucy-wrap > span, .bg-secondary .event-lucy-wrap > span, .bg-gradient-1 .event-lucy-wrap > span { + border-left-color: rgba(255, 255, 255, 0.15); +} + +.event-sally { + display: flex; + align-items: center; + text-align: left; + padding: 26px 0; + font-size: 14px; + line-height: 1.83333; + font-weight: 400; + letter-spacing: .01em; + color: #808081; +} + +.event-sally + .event-sally { + border-top: 1px solid #e7eff6; +} + +.event-sally:first-child { + padding-top: 0; +} + +.event-sally:last-child { + padding-bottom: 0; +} + +.event-sally .button { + padding-left: 15px; + padding-right: 15px; +} + +.event-sally-wrap { + padding: 26px 10px 26px 15px; + border: 1px solid #e7eff6; +} + +.event-sally-scroll { + overflow-x: hidden; + overflow-y: auto; + scrollbar-width: thin; + height: 300px; + padding-right: 16px; +} + +.event-sally-scroll::-webkit-scrollbar { + width: 20px; +} + +.event-sally-scroll::-webkit-scrollbar-track { + background: linear-gradient(90deg, transparent 0%, transparent 40%, #e8e8e8 40%, #e8e8e8 60%, transparent 60%, transparent 100%); +} + +.event-sally-scroll::-webkit-scrollbar-thumb { + background-image: radial-gradient(circle closest-side, #00aeef 90%, transparent); +} + +.event-sally-body { + display: flex; + flex-wrap: wrap; + align-items: center; + flex-grow: 1; +} + +.event-sally-body > div + div { + padding-left: 15px; + border-left: 1px solid #e7eff6; +} + +.event-sally-time { + letter-spacing: 0; +} + +.event-sally-title { + font-weight: 400; + letter-spacing: .01em; + text-transform: none; +} + +.event-sally-info { + margin-left: -20px; +} + +.event-sally-info > * { + margin-left: 20px; +} + +.event-sally-info-item > * { + vertical-align: middle; +} + +.event-sally-info-item .icon { + margin-right: 6px; + font-size: 22px; +} + +@media (min-width: 576px) { + .event-sally { + font-size: 16px; + } + .event-sally-body { + justify-content: space-between; + } +} + +@media (min-width: 768px) { + .event-sally { + font-size: 18px; + } + .event-sally-wrap { + padding-left: 30px; + } + .event-sally-body > div + div { + padding-left: 30px; + } + .event-sally-inner-1 { + min-width: 24.9%; + } + .event-sally-inner-2 { + min-width: 48%; + } + .event-sally-info > li { + display: inline-block; + } +} + +@media (min-width: 1200px) { + .event-sally-body { + justify-content: flex-start; + } +} + +/** @group Plugins */ +/** @section Animate */ +.animated { + animation-duration: .7s; + animation-fill-mode: both; + opacity: 1; +} + +.animated.infinite { + animation-iteration-count: infinite; +} + +.animated.hinge { + animation-duration: 2s; +} + +html:not(.lt-ie10) .not-animated { + opacity: 0; +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +.fadeIn { + animation-name: fadeIn; +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + transform: translate3d(0, 40px, 0); + } + 100% { + opacity: 1; + transform: none; + } +} + +.fadeInUp { + animation-name: fadeInUp; +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + transform: translate3d(0, -40px, 0); + } + 100% { + opacity: 1; + transform: none; + } +} + +.fadeInDown { + animation-name: fadeInDown; +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + transform: translate3d(-40px, 0, 0); + } + 100% { + opacity: 1; + transform: none; + } +} + +.fadeInLeft { + animation-name: fadeInLeft; +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + transform: translate3d(40px, 0, 0); + } + 100% { + opacity: 1; + transform: none; + } +} + +.fadeInRight { + animation-name: fadeInRight; +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} + +.fadeOut { + animation-name: fadeOut; +} + +@keyframes slideInUp { + 0% { + transform: translate3d(0, 100%, 0); + visibility: visible; + } + 100% { + transform: translate3d(0, 0, 0); + } +} + +.slideInUp { + animation-name: slideInUp; +} + +@keyframes slideInDown { + 0% { + transform: translate3d(0, -100%, 0); + visibility: visible; + } + 100% { + transform: translate3d(0, 0, 0); + } +} + +.slideInDown { + animation-name: slideInDown; +} + +@keyframes slideInLeft { + 0% { + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + 100% { + transform: translate3d(0, 0, 0); + } +} + +.slideInLeft { + animation-name: slideInLeft; +} + +@keyframes slideInRight { + 0% { + transform: translate3d(100%, 0, 0); + visibility: visible; + } + 100% { + transform: translate3d(0, 0, 0); + } +} + +.slideInRight { + animation-name: slideInRight; +} + +@keyframes slideOutDown { + 0% { + transform: translate3d(0, 0, 0); + } + 100% { + visibility: hidden; + transform: translate3d(0, 100%, 0); + } +} + +.slideOutDown { + animation-name: slideOutDown; +} + +.slideInCustom { + animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); + animation-duration: 3s; +} + +/** @section Preloader */ +.preloader { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + z-index: 10000; + display: flex; + justify-content: center; + align-items: center; + padding: 20px; + background: #ffffff; + transition: .3s all ease; +} + +.preloader.loaded { + opacity: 0; + visibility: hidden; +} + +.cssload-container { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; +} + +.load-circle-item { + display: flex; + justify-content: center; + align-items: center; + position: absolute; + width: 100px; + height: 100px; +} + +.load-circle { + width: 20px; + height: 20px; + border-radius: 50%; +} + +.load-circle-item:nth-child(1) { + animation: right-1 4s infinite cubic-bezier(0, 0, 0.49, 1.02); + animation-delay: 100ms; +} + +@keyframes right-1 { + 10% { + transform: rotate(250deg) translate(0, 0px); + } + 50%, 65% { + transform: rotate(250deg) translateX(-100px); + } + 100% { + transform: rotate(250deg) translate(0, 0px); + } +} + +.load-circle-item:nth-child(1) > * { + background: #00aeef; +} + +.load-circle-item:nth-child(2) { + animation: right-2 4s infinite cubic-bezier(0, 0, 0.49, 1.02); + animation-delay: 200ms; +} + +@keyframes right-2 { + 10% { + transform: rotate(375deg) translate(0, 0px); + } + 50%, 65% { + transform: rotate(375deg) translateX(-100px); + } + 100% { + transform: rotate(375deg) translate(0, 0px); + } +} + +.load-circle-item:nth-child(2) > * { + background: #00aeef; +} + +.load-circle-item:nth-child(3) { + animation: right-3 4s infinite cubic-bezier(0, 0, 0.49, 1.02); + animation-delay: 300ms; +} + +@keyframes right-3 { + 10% { + transform: rotate(500deg) translate(0, 0px); + } + 50%, 65% { + transform: rotate(500deg) translateX(-100px); + } + 100% { + transform: rotate(500deg) translate(0, 0px); + } +} + +.load-circle-item:nth-child(3) > * { + background: #00aeef; +} + +.load-circle-item:nth-child(4) { + animation: right-4 4s infinite cubic-bezier(0, 0, 0.49, 1.02); + animation-delay: 400ms; +} + +@keyframes right-4 { + 10% { + transform: rotate(625deg) translate(0, 0px); + } + 50%, 65% { + transform: rotate(625deg) translateX(-100px); + } + 100% { + transform: rotate(625deg) translate(0, 0px); + } +} + +.load-circle-item:nth-child(4) > * { + background: #8dc63f; +} + +.load-circle-item:nth-child(5) { + animation: right-5 4s infinite cubic-bezier(0, 0, 0.49, 1.02); + animation-delay: 500ms; +} + +@keyframes right-5 { + 10% { + transform: rotate(750deg) translate(0, 0px); + } + 50%, 65% { + transform: rotate(750deg) translateX(-100px); + } + 100% { + transform: rotate(750deg) translate(0, 0px); + } +} + +.load-circle-item:nth-child(5) > * { + background: #8dc63f; +} + +.load-circle-item:nth-child(6) { + animation: right-6 4s infinite cubic-bezier(0, 0, 0.49, 1.02); + animation-delay: 600ms; +} + +@keyframes right-6 { + 10% { + transform: rotate(875deg) translate(0, 0px); + } + 50%, 65% { + transform: rotate(875deg) translateX(-100px); + } + 100% { + transform: rotate(875deg) translate(0, 0px); + } +} + +.load-circle-item:nth-child(6) > * { + background: #8dc63f; +} + +.load-circle-item:nth-child(7) { + animation: right-7 4s infinite cubic-bezier(0, 0, 0.49, 1.02); + animation-delay: 700ms; +} + +@keyframes right-7 { + 10% { + transform: rotate(1000deg) translate(0, 0px); + } + 50%, 65% { + transform: rotate(1000deg) translateX(-100px); + } + 100% { + transform: rotate(1000deg) translate(0, 0px); + } +} + +.load-circle-item:nth-child(7) > * { + background: #f6db41; +} + +.load-circle-item:nth-child(8) { + animation: right-8 4s infinite cubic-bezier(0, 0, 0.49, 1.02); + animation-delay: 800ms; +} + +@keyframes right-8 { + 10% { + transform: rotate(1125deg) translate(0, 0px); + } + 50%, 65% { + transform: rotate(1125deg) translateX(-100px); + } + 100% { + transform: rotate(1125deg) translate(0, 0px); + } +} + +.load-circle-item:nth-child(8) > * { + background: #f6db41; +} + +.load-circle-item:nth-child(9) { + animation: right-9 4s infinite cubic-bezier(0, 0, 0.49, 1.02); + animation-delay: 900ms; +} + +@keyframes right-9 { + 10% { + transform: rotate(1250deg) translate(0, 0px); + } + 50%, 65% { + transform: rotate(1250deg) translateX(-100px); + } + 100% { + transform: rotate(1250deg) translate(0, 0px); + } +} + +.load-circle-item:nth-child(9) > * { + background: #f6db41; +} + +/** @section ToTop */ +.ui-to-top { + position: fixed; + overflow: hidden; + text-align: center; + right: 15px; + bottom: 15px; + z-index: 100; + width: 50px; + height: 50px; + font-size: 20px; + line-height: 46px; + border-radius: 50%; + color: #ffffff; + background: #00aeef; + text-decoration: none; + transition: .45s all ease-in-out; + transform: translate3d(0, 100px, 0); +} + +.ui-to-top:hover { + color: #ffffff; + background: #111111; + text-decoration: none; +} + +.ui-to-top:focus { + color: #ffffff; +} + +.ui-to-top.active { + transform: translate3d(0, 0, 0); +} + +html.mobile .ui-to-top, +html.tablet .ui-to-top { + display: none !important; +} + +@media (min-width: 1200px) { + .ui-to-top { + right: 40px; + bottom: 40px; + width: 60px; + height: 60px; + font-size: 20px; + line-height: 56px; + } +} + +/** @section RD Navbar */ +@keyframes rd-navbar-slide-down { + 0% { + transform: translateY(-100%); + } + 100% { + transform: translateY(0); + } +} + +@keyframes rd-navbar-slide-up { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-100%); + } +} + +.rd-navbar-wrap, .rd-navbar, +.rd-menu, +.rd-navbar-nav, +.rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .sidebar-classic-wrap, .rd-navbar-classic.rd-navbar-static .rd-navbar-main, .rd-navbar-modern.rd-navbar-static .rd-navbar-main, .rd-navbar-creative.rd-navbar-static .rd-navbar-main, .rd-navbar-creative.rd-navbar-static .rd-navbar-elements > *, .rd-navbar-minimal.rd-navbar-static .rd-navbar-main, .rd-navbar-jean.rd-navbar-static .rd-navbar-main { + transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); +} + +.rd-navbar--no-transition, .rd-navbar--no-transition * { + transition: none !important; +} + +.rd-navbar, +.rd-navbar.rd-navbar--is-clone { + display: none; +} + +.rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone, +.rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone { + display: none; +} + +.rd-navbar { + position: relative; + display: none; + background: #ffffff; + z-index: 2; +} + +.rd-navbar-toggle { + display: inline-block; + position: relative; + width: 48px; + height: 48px; + line-height: 48px; + cursor: pointer; + color: #00aeef; + background-color: transparent; + border: none; + display: none; + padding: 1px 6px; +} + +.rd-navbar-toggle span { + position: relative; + display: block; + margin: auto; + transition: .3s all ease; +} + +.rd-navbar-toggle span:after, .rd-navbar-toggle span:before { + content: ""; + position: absolute; + left: 0; + top: -8px; + transition: .3s all ease; +} + +.rd-navbar-toggle span:after { + top: 8px; +} + +.rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span { + width: 24px; + height: 2px; + background-color: #00aeef; + backface-visibility: hidden; + border-radius: 0; +} + +.rd-navbar-toggle.active span { + background: transparent; +} + +.rd-navbar-toggle.active span:before, .rd-navbar-toggle.active span:after { + transform-origin: 50% 50%; + top: 0; +} + +.rd-navbar-toggle.active span:before { + transform: rotate(45deg); +} + +.rd-navbar-toggle.active span:after { + transform: rotate(-45deg); +} + +.rd-navbar-collapse-toggle { + display: inline-block; + position: relative; + width: 48px; + height: 48px; + line-height: 48px; + cursor: pointer; + color: #151515; + display: none; +} + +.rd-navbar-collapse-toggle span { + top: 50%; + margin-top: -3px; +} + +.rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { + position: absolute; + width: 6px; + height: 6px; + line-height: 6px; + text-align: center; + background: #151515; + left: 50%; + margin-left: -3px; + border-radius: 50%; + transition: .3s all ease; +} + +.rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { + content: ''; +} + +.rd-navbar-collapse-toggle span:before { + bottom: 100%; + margin-bottom: 3px; +} + +.rd-navbar-collapse-toggle span:after { + top: 100%; + margin-top: 3px; +} + +.rd-navbar-collapse-toggle.active span { + transform: scale(0.7); +} + +.rd-navbar-collapse-toggle.active span:before { + transform: translateY(18px); +} + +.rd-navbar-collapse-toggle.active span:after { + transform: translateY(-18px); +} + +.rd-navbar-brand a { + display: block; +} + +.rd-navbar-search { + position: relative; + display: inline-flex; +} + +.rd-navbar-search .form-input { + padding-right: 50px; +} + +.rd-navbar-search .rd-search-form-submit { + position: absolute; + top: 0; + bottom: 0; + right: 0; + width: 50px; + padding: 0; + margin: 0; + border: none; + cursor: pointer; + background-color: transparent; + color: #c8c8c8; + transition: .33s; +} + +.rd-navbar-search .rd-search-form-submit:hover { + color: #00aeef; +} + +.rd-navbar-search-toggle { + background: none; + border: none; + display: inline-block; + padding: 0; + outline: none; + outline-offset: 0; + cursor: pointer; + -webkit-appearance: none; +} + +.rd-navbar-search-toggle::-moz-focus-inner { + border: none; + padding: 0; +} + +.rd-navbar-dropdown { + display: none; +} + +.mac-os .rd-navbar a { + -webkit-font-smoothing: antialiased; +} + +/* +* @subsection RD Navbar Static +*/ +.rd-navbar-static { + display: block; +} + +.rd-navbar-static .rd-nav-item { + display: inline-block; +} + +.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-static .rd-nav-item.opened .rd-nav-link { + color: #00aeef; + background: transparent; +} + +.rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle { + color: #00aeef; +} + +.rd-navbar-static .rd-nav-item.active .rd-nav-link { + color: #00aeef; + background: transparent; +} + +.rd-navbar-static .rd-nav-item.active > .rd-navbar-submenu-toggle { + color: #00aeef; +} + +.rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle::before, +.rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle::before, +.rd-navbar-static .rd-nav-item .rd-nav-link:hover + .rd-navbar-submenu-toggle::before { + transform: rotate(180deg); +} + +.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle { + display: none; + margin-left: 4px; + font-size: 16px; + font-weight: 700; + font-family: "Material Design Icons"; + cursor: pointer; +} + +.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle::before { + position: relative; + display: inline-block; + transition: .22s; + content: '\f236'; +} + +.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle:hover { + color: #00aeef; +} + +.rd-navbar-static .rd-nav-item > .rd-navbar-submenu { + margin-top: 20px; +} + +.rd-navbar-static .rd-nav-item + .rd-nav-item { + margin-left: 25px; +} + +@media (min-width: 1200px) { + .rd-navbar-static .rd-nav-item + .rd-nav-item { + margin-left: 40px; + } +} + +.rd-navbar-static .rd-nav-link { + position: relative; + display: inline-block; + color: #151515; + font-size: 13px; + line-height: 1.2; + font-weight: 500; + letter-spacing: .075em; + text-transform: uppercase; + transition: .25s; +} + +.rd-navbar-static .rd-nav-link:hover { + color: #00aeef; +} + +.rd-navbar-static .rd-menu { + z-index: 15; + position: absolute; + display: block; + visibility: hidden; + opacity: 0; + text-align: left; + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08); +} + +.rd-navbar-static .rd-navbar-dropdown { + position: absolute; + top: calc(100% - 10px); + width: 250px; + margin-left: -20px; + background: #ffffff; + transform: translate3d(0, 30px, 0); + z-index: 5; +} + +.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown { + top: -1px; + left: 100%; + z-index: 2; + margin-top: -15px; + margin-left: 15px; + transform: translate3d(30px, 0, 0); +} + +.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown.rd-navbar-open-left { + left: auto; + right: 100%; + margin-left: 0; + margin-right: 15px; + transform: translate3d(-30px, 0, 0); +} + +@media (min-width: 1200px) { + .rd-navbar-static .rd-navbar-dropdown { + width: 290px; + margin-left: -30px; + } +} + +.rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link, .rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link { + color: #00aeef; +} + +.rd-navbar-static .rd-dropdown-item + .rd-dropdown-item { + border-top: 1px solid #e7eff6; +} + +.rd-navbar-static .rd-dropdown-link { + color: #151515; +} + +.rd-navbar-static .rd-dropdown-link:hover { + color: #00aeef; +} + +.rd-navbar-static .rd-navbar-dropdown li > a { + display: block; + position: relative; + text-align: left; + padding: 18px 20px; +} + +.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-dropdown li > a:focus, .rd-navbar-static .rd-navbar-dropdown li > a:active { + color: #151515; +} + +.rd-navbar-static .rd-navbar-dropdown li > a:hover { + color: #00aeef; +} + +.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-dropdown li > a::before { + transition: all .3s ease-in-out; +} + +.rd-navbar-static .rd-navbar-dropdown li > a::before { + display: inline-block; + position: absolute; + content: ''; + top: 50%; + left: 0; + height: 50%; + width: 4px; + background: #00aeef; + transform: translateY(-50%); + visibility: hidden; + opacity: 0; +} + +@media (min-width: 1200px) { + .rd-navbar-static .rd-navbar-dropdown li > a { + padding: 27px 30px; + } +} + +.rd-navbar-static .rd-navbar-dropdown li.focus > a::before, +.rd-navbar-static .rd-navbar-dropdown li.opened > a::before, +.rd-navbar-static .rd-navbar-dropdown li > a:hover::before { + height: 100%; + opacity: 1; + visibility: visible; +} + +.rd-navbar-static .rd-dropdown-link, +.rd-navbar-static .rd-megamenu-list-link { + font-size: 13px; + line-height: 1.2; + font-weight: 500; + letter-spacing: .1em; + text-transform: uppercase; +} + +@media (min-width: 1200px) { + .rd-navbar-static .rd-dropdown-link, + .rd-navbar-static .rd-megamenu-list-link { + font-size: 13px; + } +} + +.rd-navbar-static .rd-navbar-megamenu { + display: flex; + top: calc(100% - 10px); + left: 50%; + width: 100%; + max-width: 1170px; + padding: 35px 190px 16px 30px; + background: #ffffff; + transform: translate3d(-50%, 30px, 0); +} + +@media (min-width: 1200px) { + .rd-navbar-static .rd-navbar-megamenu { + padding: 40px 225px 16px 40px; + } +} + +.rd-navbar-static .rd-megamenu-image { + position: absolute; + overflow: hidden; + content: ''; + top: 0; + right: 0; + bottom: 0; + width: 160px; +} + +@media (min-width: 1200px) { + .rd-navbar-static .rd-megamenu-image { + width: 180px; + } +} + +.rd-navbar-static .rd-megamenu-link { + display: block; + width: 100%; + height: 100%; + background-image: url(../images/map-1-182x381.jpg); + background-position: 50%; + background-size: cover; + transition: all .3s ease; +} + +.rd-navbar-static .rd-megamenu-link:hover { + transform: scale(1.2); +} + +.rd-navbar-static .rd-megamenu-item { + flex-basis: 50%; + flex-grow: 1; +} + +.rd-navbar-static .rd-megamenu-item + .rd-megamenu-item { + padding-left: 30px; +} + +@media (min-width: 1200px) { + .rd-navbar-static .rd-megamenu-item + .rd-megamenu-item { + padding-left: 40px; + } +} + +.rd-navbar-static .rd-megamenu-title { + border-left: 4px solid; + font-size: 14px; + line-height: 20px; + font-weight: 700; + padding-left: 10px; + text-transform: uppercase; + letter-spacing: .12em; + color: #00aeef; +} + +.rd-navbar-static .rd-megamenu-title a, .rd-navbar-static .rd-megamenu-title a:focus, .rd-navbar-static .rd-megamenu-title a:active { + color: inherit; +} + +.rd-navbar-static .rd-megamenu-title a:hover { + color: #151515; +} + +@media (min-width: 1200px) { + .rd-navbar-static .rd-megamenu-title { + font-size: 15px; + } +} + +.rd-navbar-static * + .rd-megamenu-title { + margin-top: 30px; +} + +.rd-navbar-static .rd-megamenu-list-item { + padding: 10px 0; +} + +.rd-navbar-static .rd-megamenu-list-item + .rd-megamenu-list-item { + border-top: 1px solid #e7eff6; +} + +@media (min-width: 1200px) { + .rd-navbar-static .rd-megamenu-list-item { + padding: 16px 0; + } +} + +.rd-navbar-static .rd-megamenu-list-link { + text-align: left; + color: #000000; + background: transparent; +} + +.rd-navbar-static .rd-megamenu-list-link:hover { + color: #00aeef; + background: transparent; +} + +.rd-navbar-static * + .rd-megamenu-list { + margin-top: 18px; +} + +.rd-navbar-static .rd-navbar-submenu.focus > .rd-menu, .rd-navbar-static .rd-navbar-submenu.opened > .rd-menu { + opacity: 1; + visibility: visible; +} + +.rd-navbar-static .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-submenu.opened > .rd-navbar-dropdown { + transform: none; +} + +.rd-navbar-static .rd-navbar-submenu.focus > .rd-navbar-megamenu, .rd-navbar-static .rd-navbar-submenu.opened > .rd-navbar-megamenu { + transform: translate3d(-50%, 0, 0); +} + +.rd-navbar-static .rd-navbar-search.active .rd-search { + visibility: visible; + opacity: 1; +} + +.rd-navbar-static .rd-search { + position: absolute; + top: 100%; + right: 0; + width: 270px; + opacity: 0; + visibility: hidden; + transition: .3s; + margin-top: 20px; + z-index: 2; +} + +.rd-navbar-static * + .rd-navbar-search { + margin-left: 40px; +} + +.rd-navbar-static .rd-navbar-search-toggle { + display: inline-flex; + color: #151515; +} + +.rd-navbar-static .rd-navbar-search-toggle span { + display: inline-block; + position: relative; + width: 32px; + height: 32px; + font-size: 26px; + line-height: 32px; + text-align: center; + cursor: pointer; + background: none; + border: none; + outline: none; + padding: 0; +} + +.rd-navbar-static .rd-navbar-search-toggle span, .rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after { + transition: .3s all ease-in-out; +} + +.rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rd-navbar-static .rd-navbar-search-toggle span::before { + content: ""; + transform: rotate(0deg) scale(1); + opacity: 1; + visibility: visible; + font-family: "Material Design Icons"; +} + +.rd-navbar-static .rd-navbar-search-toggle span::after { + content: ""; + transform: rotate(-90deg) scale(0.4); + opacity: 0; + visibility: hidden; + font-family: "Material Design Icons"; +} + +.rd-navbar-static .rd-navbar-search-toggle.active span::before { + opacity: 0; + visibility: hidden; + transform: rotate(90deg) scale(0.4); +} + +.rd-navbar-static .rd-navbar-search-toggle.active span::after { + transform: rotate(0deg) scale(1); + opacity: 1; + visibility: visible; +} + +.rd-navbar-static .rd-navbar-search-toggle:hover { + color: #00aeef; +} + +.rd-navbar-static.rd-navbar--is-clone { + display: block; + transform: translate3d(0, -100%, 0); +} + +.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck { + transform: translate3d(0, 0, 0); +} + +.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone { + position: fixed; + left: 0; + top: 0; + right: 0; + z-index: 1080; +} + +.rd-navbar-static .rd-navbar-brand { + display: flex; + align-items: center; + min-height: 70px; +} + +.rd-navbar-static .rd-navbar-brand a { + display: block; +} + +.ie-10 .rd-navbar-static .rd-navbar-brand, +.ie-11 .rd-navbar-static .rd-navbar-brand, +.ie-edge .rd-navbar-static .rd-navbar-brand { + height: 70px; +} + +/* +* +* RD Navbar Fixed +*/ +.rd-navbar-fixed { + display: block; + z-index: auto; +} + +.rd-navbar-fixed .rd-navbar-toggle { + display: inline-block; +} + +.rd-navbar-fixed .rd-navbar-brand { + position: relative; + margin-left: 6px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + text-align: left; + font-size: 22px; + line-height: 46px; +} + +.rd-navbar-fixed .rd-navbar-brand img { + max-width: 140px; + max-height: 50px; +} + +.rd-navbar-fixed .rd-navbar-panel { + position: fixed; + left: 0; + top: 0; + right: 0; + z-index: 1080; + display: flex; + align-items: center; + height: 56px; + padding: 4px; +} + +.rd-navbar-fixed .rd-navbar-nav-wrap { + position: fixed; + left: 0; + top: -56px; + bottom: -56px; + z-index: 1079; + width: 270px; + padding: 112px 0 81px; + overflow-y: auto; + overflow-x: hidden; + -webkit-overflow-scrolling: touch; + font-size: 14px; + line-height: 34px; + transform: translateX(-110%); +} + +.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar { + width: 4px; +} + +.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb { + background: rgba(255, 255, 255, 0.6); + border: none; + border-radius: 0; + opacity: .2; +} + +.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track { + background: #00aeef; + border: none; + border-radius: 0; +} + +.rd-navbar-fixed .rd-navbar-nav-wrap.active { + transform: translateX(0); +} + +.rd-navbar-fixed .rd-navbar-nav { + display: block; + margin: 15px 0; + height: auto; + text-align: left; +} + +.rd-navbar-fixed .rd-nav-item { + text-align: left; +} + +.rd-navbar-fixed .rd-nav-item + .rd-nav-item { + margin-top: 4px; +} + +.rd-navbar-fixed .rd-nav-link { + display: block; + padding: 9px 56px 9px 15px; + font-weight: 700; + letter-spacing: .075em; + text-transform: uppercase; +} + +.rd-navbar-fixed li.opened > .rd-navbar-dropdown { + padding: 4px 0 0; +} + +.rd-navbar-fixed li.opened > .rd-navbar-megamenu { + padding-top: 15px; + padding-bottom: 15px; +} + +.rd-navbar-fixed li.opened > .rd-menu { + opacity: 1; + height: auto; +} + +.rd-navbar-fixed li.opened > .rd-navbar-submenu-toggle::after { + transform: rotate(180deg); +} + +.rd-navbar-fixed .rd-menu { + display: none; + transition: opacity 0.3s, height 0.4s ease; + opacity: 0; + height: 0; + overflow: hidden; +} + +.rd-navbar-fixed .rd-navbar-submenu { + position: relative; +} + +.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown .rd-navbar-submenu-toggle:after { + height: 34px; + line-height: 34px; +} + +.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a { + padding-left: 30px; +} + +.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a, +.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a { + padding-left: 46px; +} + +.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, +.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu { + display: block; +} + +.rd-navbar-fixed .rd-megamenu-list > li > a, +.rd-navbar-fixed .rd-navbar-dropdown > li > a { + display: block; + padding: 9px 56px 9px 16px; + font-size: 12px; + line-height: 1.5; + font-weight: 500; + letter-spacing: .1em; +} + +.rd-navbar-fixed .rd-megamenu-list > li + li, +.rd-navbar-fixed .rd-navbar-dropdown > li + li { + margin-top: 3px; +} + +.rd-navbar-fixed .rd-megamenu-list > li > a { + padding-left: 30px; +} + +.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title { + position: relative; + display: block; + border-bottom: 1px solid; + margin: 0 15px; + padding-bottom: 5px; + font-size: 16px; + line-height: 1.5; +} + +.rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-list { + margin-top: 11px; +} + +.rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-title { + margin-top: 20px; +} + +.rd-navbar-fixed .rd-navbar-megamenu > li + li { + margin-top: 20px; +} + +.rd-navbar-fixed .rd-navbar-submenu-toggle { + cursor: pointer; +} + +.rd-navbar-fixed .rd-navbar-submenu-toggle::after { + content: '\f107'; + position: absolute; + top: 0; + right: 0; + width: 56px; + height: 52px; + font: 700 14px "FontAwesome"; + line-height: 52px; + text-align: center; + transition: 0.4s all ease; + z-index: 2; + cursor: pointer; +} + +.rd-navbar-fixed .rd-navbar-collapse-toggle { + display: block; + top: 4px; + z-index: 1081; +} + +.rd-navbar-fixed .rd-navbar-collapse { + position: fixed; + right: 0; + top: 56px; + z-index: 1079; + transform: translate3d(0, -10px, 0); + padding: 15px; + width: auto; + border-radius: 0; + text-align: left; + font-size: 14px; + opacity: 0; + visibility: hidden; + transition: .3s; +} + +.rd-navbar-fixed .rd-navbar-collapse.active { + transform: translate3d(0, 0, 0); + opacity: 1; + visibility: visible; +} + +.rd-navbar-fixed .rd-navbar-collapse .list-inline > li { + display: block; +} + +.rd-navbar-fixed .rd-navbar-collapse .list-inline > li + li { + margin-top: 10px; +} + +.rd-navbar-fixed .rd-navbar-main-element { + position: absolute; + float: left; +} + +.rd-navbar-fixed .rd-navbar-search .rd-search { + position: fixed; + right: 0; + left: 0; + top: 56px; + z-index: 1079; + width: 100%; + opacity: 0; + visibility: hidden; + transition: .3s; + transform: translate3d(0, -10px, 0); +} + +.rd-navbar-fixed .rd-navbar-search .rd-search-results-live { + display: none; +} + +.rd-navbar-fixed .rd-navbar-search .form-input { + padding-right: 50px; +} + +.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { + position: absolute; + top: 0; + bottom: 0; + right: 0; + width: 50px; + padding: 0; + margin: 0; + border: none; + background-color: transparent; +} + +.rd-navbar-fixed .rd-navbar-search.active .rd-search { + opacity: 1; + visibility: visible; + transform: none; +} + +.rd-navbar-fixed .rd-navbar-search-toggle { + display: inline-flex; +} + +.rd-navbar-fixed .rd-navbar-search-toggle span { + display: inline-block; + position: relative; + width: 48px; + height: 48px; + font-size: 26px; + line-height: 48px; + text-align: center; + cursor: pointer; + background: none; + border: none; + outline: none; + padding: 0; +} + +.rd-navbar-fixed .rd-navbar-search-toggle span, .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after { + transition: .3s all ease-in-out; +} + +.rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.rd-navbar-fixed .rd-navbar-search-toggle span::before { + content: ""; + transform: rotate(0deg) scale(1); + opacity: 1; + visibility: visible; + font-family: "Material Design Icons"; +} + +.rd-navbar-fixed .rd-navbar-search-toggle span::after { + content: ""; + transform: rotate(-90deg) scale(0.4); + opacity: 0; + visibility: hidden; + font-family: "Material Design Icons"; +} + +.rd-navbar-fixed .rd-navbar-search-toggle.active span::before { + opacity: 0; + visibility: hidden; + transform: rotate(90deg) scale(0.4); +} + +.rd-navbar-fixed .rd-navbar-search-toggle.active span::after { + transform: rotate(0deg) scale(1); + opacity: 1; + visibility: visible; +} + +.rd-navbar-fixed [class*='rd-navbar-fixed-element'] { + position: fixed; + top: 4px; + z-index: 1080; +} + +.rd-navbar-fixed .rd-navbar-fixed-element-1 { + right: 0; +} + +.rd-navbar-fixed .rd-navbar-fixed-element-2 { + right: 46px; +} + +.rd-navbar-fixed.rd-navbar--is-clone { + display: none; +} + +.rd-navbar-fixed .rd-navbar-fixed--visible { + display: block; +} + +.rd-navbar-fixed .rd-navbar-fixed--hidden { + display: none; +} + +.rd-navbar-fixed .rd-navbar-panel { + color: #151515; + box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); + background: #ffffff; +} + +.rd-navbar-fixed .rd-navbar-nav-wrap { + color: #ffffff; + background: #ffffff; + box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); +} + +.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, .rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, .rd-navbar-fixed .rd-nav-item.active .rd-nav-link, .rd-navbar-fixed .rd-nav-item.opened .rd-nav-link { + color: #ffffff; + background: #00aeef; +} + +.rd-navbar-fixed .rd-nav-item:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.active > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.opened > .rd-navbar-submenu-toggle { + color: #ffffff; +} + +.rd-navbar-fixed .rd-nav-link { + color: #151515; +} + +.rd-navbar-fixed .rd-megamenu-list > li > a, +.rd-navbar-fixed .rd-navbar-dropdown > li > a { + color: #151515; +} + +.rd-navbar-fixed .rd-megamenu-list > li:hover > a, +.rd-navbar-fixed .rd-megamenu-list > li.focus > a, +.rd-navbar-fixed .rd-megamenu-list > li.active > a, +.rd-navbar-fixed .rd-megamenu-list > li.opened > a, +.rd-navbar-fixed .rd-navbar-dropdown > li:hover > a, +.rd-navbar-fixed .rd-navbar-dropdown > li.focus > a, +.rd-navbar-fixed .rd-navbar-dropdown > li.active > a, +.rd-navbar-fixed .rd-navbar-dropdown > li.opened > a { + color: #ffffff; + background: #00aeef; +} + +.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title { + color: #00aeef; +} + +.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a, .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:focus, .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:active { + color: inherit; +} + +.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:hover { + color: #151515; +} + +.rd-navbar-fixed .rd-navbar-submenu-toggle { + color: #151515; +} + +.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { + color: #c8c8c8; +} + +.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover { + color: #00aeef; +} + +.rd-navbar-fixed .rd-navbar-search-toggle { + color: #151515; +} + +.rd-navbar-fixed .rd-navbar-search-toggle:hover { + color: #00aeef; +} + +.rd-navbar-fixed .rd-navbar-collapse { + background-color: #ffffff; + box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); +} + +.rd-navbar-fixed .rd-navbar-collapse, +.rd-navbar-fixed .rd-navbar-collapse a { + color: #151515; +} + +html.rd-navbar-fixed-linked .page { + padding-top: 56px; +} + +/* +* +* RD Navbar Sidebar +*/ +.rd-navbar-sidebar { + display: block; + background: #ffffff; +} + +.rd-navbar-sidebar .rd-navbar-main-outer { + padding-left: 15px; + padding-right: 15px; +} + +.rd-navbar-sidebar .rd-navbar-main { + position: relative; + display: flex; + align-items: center; + justify-content: space-between; + padding: 22px 60px 22px 0; + margin-left: auto; + margin-right: auto; + transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); +} + +.rd-navbar-sidebar .rd-navbar-main-element { + display: flex; + align-items: center; +} + +.rd-navbar-sidebar .rd-navbar-main-element > * + * { + margin-left: 20px; +} + +.rd-navbar-sidebar .rd-navbar-toggle { + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + display: block; + z-index: 1102; +} + +.rd-navbar-sidebar .rd-navbar-panel { + min-width: 200px; + text-align: center; +} + +.rd-navbar-sidebar .rd-navbar-brand img { + width: auto; + height: auto; + max-width: 200px; + max-height: 200px; +} + +.rd-navbar-sidebar .rd-navbar-nav-wrap { + position: fixed; + top: 0; + bottom: 0; + right: 0; + z-index: 1101; + width: 450px; + padding: 94px 0 0 0; + background: #ffffff; + transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); + transform: translateX(100%); + box-shadow: 0 0 13px 0 rgba(200, 200, 200, 0.16); +} + +.rd-navbar-sidebar .rd-navbar-nav-wrap.active { + transition-delay: .1s; + transform: translateX(0); +} + +.rd-navbar-sidebar .rd-navbar-nav { + height: calc(100vh - 100px); + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + border-top: 1px solid #d7d7d7; +} + +.rd-navbar-sidebar .rd-nav-item { + position: relative; + display: block; + padding: 19px 30px 19px 40px; +} + +.rd-navbar-sidebar .rd-nav-item.active .rd-nav-link { + color: #00aeef; +} + +.rd-navbar-sidebar .rd-nav-item .rd-nav-link, +.rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle { + font-size: 18px; +} + +.rd-navbar-sidebar .rd-nav-item + .rd-nav-item { + border-top: 1px solid #d7d7d7; +} + +.rd-navbar-sidebar .rd-nav-item:last-child { + border-bottom: 1px solid #d7d7d7; + margin-bottom: 30px; +} + +.rd-navbar-sidebar .rd-nav-link { + max-width: calc(100% - 30px); + word-break: break-all; + font-size: 18px; + line-height: 1.4; + text-transform: none; + color: #c8c8c8; +} + +.rd-navbar-sidebar .rd-nav-link:hover { + color: #00aeef; +} + +.rd-navbar-sidebar .rd-navbar-submenu .opened > .rd-navbar-submenu-toggle::after { + transform: rotate(180deg); +} + +.rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-dropdown, +.rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-megamenu { + display: none; + opacity: 0; + visibility: hidden; + will-change: opacity, visibility; + transition: opacity .2s; +} + +.rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-dropdown, +.rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-megamenu { + display: block; + opacity: 1; + visibility: visible; +} + +.rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu > .rd-navbar-dropdown, +.rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu > .rd-navbar-megamenu { + transform: translateY(30px); +} + +.rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu.opened > .rd-navbar-dropdown, +.rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu.opened > .rd-navbar-megamenu { + transform: translateY(0); +} + +.rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu .rd-navbar-submenu > .rd-navbar-dropdown { + transform: translateX(-20px); +} + +.rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu .rd-navbar-submenu.opened > .rd-navbar-dropdown { + transform: translateX(0); +} + +.rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle, +.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle { + position: absolute; + top: 0; + right: 0; + padding-top: inherit; + padding-right: inherit; + padding-left: 10px; + margin-bottom: inherit; + display: inline-block; + width: 30px; + margin-left: 5px; + text-align: center; + cursor: pointer; + color: #151515; +} + +.rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle:hover, +.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle:hover { + color: #00aeef; +} + +.rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle::after, +.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle::after { + content: '\f107'; + position: relative; + display: inline-block; + font-family: "FontAwesome"; + font-size: inherit; + line-height: inherit; + text-align: center; + vertical-align: middle; + transition: 0.4s all ease; + z-index: 2; + will-change: transform; +} + +.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle { + font-size: 14px; + color: #c8c8c8; + margin-left: 7px; +} + +.rd-navbar-sidebar .rd-menu { + margin-top: 31px; +} + +.rd-navbar-sidebar .rd-navbar-dropdown, +.rd-navbar-sidebar .rd-megamenu-list { + font-size: 14px; +} + +.rd-navbar-sidebar .rd-navbar-dropdown li > a, +.rd-navbar-sidebar .rd-megamenu-list li > a { + display: block; + position: relative; + text-align: left; + padding: 18px 20px; +} + +.rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a:focus, .rd-navbar-sidebar .rd-navbar-dropdown li > a:active, +.rd-navbar-sidebar .rd-megamenu-list li > a, +.rd-navbar-sidebar .rd-megamenu-list li > a:focus, +.rd-navbar-sidebar .rd-megamenu-list li > a:active { + color: #151515; +} + +.rd-navbar-sidebar .rd-navbar-dropdown li > a:hover, +.rd-navbar-sidebar .rd-megamenu-list li > a:hover { + color: #00aeef; +} + +.rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a::before, +.rd-navbar-sidebar .rd-megamenu-list li > a, +.rd-navbar-sidebar .rd-megamenu-list li > a::before { + transition: all .3s ease-in-out; +} + +.rd-navbar-sidebar .rd-navbar-dropdown li > a::before, +.rd-navbar-sidebar .rd-megamenu-list li > a::before { + display: inline-block; + position: absolute; + content: ''; + top: 50%; + left: 0; + height: 50%; + width: 4px; + background: #00aeef; + transform: translateY(-50%); + visibility: hidden; + opacity: 0; +} + +@media (min-width: 1200px) { + .rd-navbar-sidebar .rd-navbar-dropdown li > a, + .rd-navbar-sidebar .rd-megamenu-list li > a { + padding: 27px 30px; + } +} + +.rd-navbar-sidebar .rd-navbar-dropdown li.focus > a::before, +.rd-navbar-sidebar .rd-navbar-dropdown li.opened > a::before, +.rd-navbar-sidebar .rd-navbar-dropdown li > a:hover::before, +.rd-navbar-sidebar .rd-megamenu-list li.focus > a::before, +.rd-navbar-sidebar .rd-megamenu-list li.opened > a::before, +.rd-navbar-sidebar .rd-megamenu-list li > a:hover::before { + height: 100%; + opacity: 1; + visibility: visible; +} + +.rd-navbar-sidebar .rd-navbar-megamenu { + max-width: 450px; + margin-bottom: -30px; +} + +.rd-navbar-sidebar .rd-navbar-megamenu > * { + margin-bottom: 30px; +} + +.rd-navbar-sidebar .rd-navbar-megamenu > li { + display: inline-block; + vertical-align: top; + width: 45%; +} + +.rd-navbar-sidebar .rd-megamenu-title { + display: none; +} + +.rd-navbar-sidebar .rd-megamenu-list { + margin-top: 0; +} + +.rd-navbar-sidebar .rd-megamenu-list > li + li { + margin-top: 10px; +} + +.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a { + padding-right: 0; +} + +.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a::before { + display: none; +} + +.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a:hover { + padding-left: 0; +} + +.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.focus > a { + padding-left: 0; +} + +.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle { + color: #00aeef; +} + +.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle::after { + top: 1px; +} + +.rd-navbar-sidebar .rd-navbar-dropdown > li + li { + margin-top: 10px; +} + +.rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown { + margin-top: 25px; +} + +.rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown { + margin-top: 10px; + padding-left: 15px; +} + +.rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown > li > a { + font-size: 12px; +} + +@media (min-width: 1200px) { + .rd-navbar-sidebar .rd-navbar-megamenu { + margin-bottom: -30px; + } + .rd-navbar-sidebar .rd-navbar-megamenu > * { + margin-bottom: 30px; + } + .rd-navbar-sidebar .rd-navbar-dropdown > li + li, + .rd-navbar-sidebar .rd-megamenu-list > li + li { + margin-top: 18px; + } +} + +@media (min-width: 1200px) { + .rd-navbar-sidebar .rd-navbar-nav-wrap { + width: auto; + left: calc(50% + 600px - 80px); + } +} + +.rd-navbar-sidebar.rd-navbar--is-clone { + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1000; + transform: translateY(-101%); +} + +.rd-navbar-sidebar.rd-navbar--is-clone.rd-navbar--is-stuck { + transform: translateY(0); +} + +.rd-navbar-sidebar.rd-navbar--is-stuck { + position: fixed; + left: 0; + right: 0; + top: 0; + z-index: 1000; + box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1); +} + +.rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-main { + padding-top: 11px; + padding-bottom: 11px; +} + +.sidebar-wrap { + position: fixed; + text-align: center; + display: flex; + flex-direction: column; + padding-top: 90px; + top: 0; + bottom: 0; + right: 0; + width: 270px; + color: #151515; + background: #ffffff; + box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); + transform: translateX(101%); + transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); + z-index: 1; +} + +@media (min-width: 768px) { + .sidebar-wrap { + width: 300px; + } +} + +@media (min-width: 1200px) { + .sidebar-wrap { + width: 370px; + } +} + +.sidebar-wrap.active { + transform: none; +} + +.sidebar { + flex-grow: 1; + height: 100%; + padding: 0 20px 30px; + overflow-y: auto; +} + +.sidebar img { + width: 100%; +} + +.sidebar-title { + font-weight: 400; + letter-spacing: 0; + text-transform: none; +} + +.sidebar-panel { + border-top: 1px solid #dddddd; + background: #f5f5f5; +} + +.sidebar-panel .list-social { + display: flex; +} + +.sidebar-panel .list-social li { + padding: 16px 5px; + flex-grow: 1; +} + +.sidebar-panel .list-social li + li { + border-left: 1px solid #dddddd; +} + +@media (min-width: 1200px) { + .sidebar-panel .list-social li { + padding: 24px 10px; + } +} + +.rd-navbar-fixed .sidebar-wrap { + padding-top: 70px; + z-index: 1080; +} + +.sidebar-classic-wrap { + font-weight: 400; + color: #151515; +} + +.rd-navbar-static .sidebar-classic-wrap { + position: fixed; + display: flex; + flex-direction: column; + top: 0; + bottom: 0; + left: 0; + width: 210px; + pointer-events: none; + z-index: -1; +} + +@media (min-width: 1200px) { + .rd-navbar-static .sidebar-classic-wrap { + width: 240px; + } +} + +@media (min-width: 1600px) { + .rd-navbar-static .sidebar-classic-wrap { + width: 300px; + } +} + +.rd-navbar-static .sidebar-classic-wrap.active { + pointer-events: auto; +} + +.rd-navbar-static .sidebar-classic-wrap.active::before { + transform: none; +} + +.rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li { + opacity: 1; + transform: none; +} + +.rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(1) { + transition-delay: 0.2s; +} + +.rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(2) { + transition-delay: 0.3s; +} + +.rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(3) { + transition-delay: 0.4s; +} + +.rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(4) { + transition-delay: 0.5s; +} + +.rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(5) { + transition-delay: 0.6s; +} + +.rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(6) { + transition-delay: 0.7s; +} + +.rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(7) { + transition-delay: 0.8s; +} + +.rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(8) { + transition-delay: 0.9s; +} + +.rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(9) { + transition-delay: 1s; +} + +.rd-navbar-static .sidebar-classic-wrap.active .contacts-classic li:nth-child(10) { + transition-delay: 1.1s; +} + +.rd-navbar-static .sidebar-classic-wrap.active .sidebar-classic-panel { + opacity: 1; + transform: none; + transition-delay: .4s; +} + +.rd-navbar-static .sidebar-classic-wrap::before { + position: absolute; + content: ''; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #e7eff6; + box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); + transform: translateY(-100%) translateY(90px) skewY(-45deg); + transform-origin: 100% 50%; + transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); + z-index: -1; +} + +@media (min-width: 1200px) { + .rd-navbar-static .sidebar-classic-wrap::before { + transform: translateY(-100%) translateY(110px) skewY(-45deg); + } +} + +.rd-navbar-static .sidebar-classic { + flex-grow: 1; + padding: 84% 15px 20px; +} + +.rd-navbar-static .sidebar-classic .button-primary { + display: block; + color: #ffffff; +} + +@media (min-width: 992px) { + .rd-navbar-static .sidebar-classic .button-primary { + display: none; + } +} + +@media (min-width: 1200px) { + .rd-navbar-static .sidebar-classic { + padding: 94% 20px 30px; + } +} + +@media (min-width: 1600px) { + .rd-navbar-static .sidebar-classic { + padding-left: 55px; + padding-right: 55px; + } +} + +.rd-navbar-static .sidebar-classic-panel { + text-align: center; + padding: 20px 10px; + background: #f5f5f5; + border-top: 1px solid #dddddd; + transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); + transform: translateY(100%); + opacity: 0; +} + +@media (min-width: 1200px) { + .rd-navbar-static .sidebar-classic-panel { + padding: 30px 15px; + } +} + +@media (min-width: 1600px) { + .rd-navbar-static .sidebar-classic-panel { + padding: 44px 15px; + } +} + +.rd-navbar-static .contacts-classic li { + opacity: 0; + transform: translateX(-100%); + transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); +} + +.rd-navbar-static .contacts-classic > li + li { + margin-top: 20px; +} + +@media (min-width: 1200px) { + .rd-navbar-static .contacts-classic > li + li { + margin-top: 40px; + } +} + +.rd-navbar-fixed .sidebar-classic-wrap { + position: fixed; + top: 56px; + right: 0; + width: 270px; + padding: 20px 30px; + color: #151515; + background: #ffffff; + box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); + transform: translateY(-30px); + visibility: hidden; + opacity: 0; + z-index: 100; +} + +.rd-navbar-fixed .sidebar-classic-wrap.active { + opacity: 1; + visibility: visible; + transform: none; +} + +.rd-navbar-fixed .sidebar-classic-panel { + margin-top: 20px; +} + +.sidebar-toggle { + text-align: center; + border: none; + color: #151515; + background: transparent; + cursor: pointer; + font-size: 0; + line-height: 0; +} + +.rd-navbar-basket { + position: relative; + top: -2px; + font-size: 30px; + padding-right: 22px; + line-height: 1; +} + +.rd-navbar-basket, .rd-navbar-basket:focus, .rd-navbar-basket:active { + color: #151515; +} + +.rd-navbar-basket:hover { + color: #00aeef; +} + +.rd-navbar-basket span { + display: inline-block; + text-align: center; + position: absolute; + top: -2px; + right: 0; + height: 20px; + min-width: 20px; + padding: 2px 4px 0; + font-size: 14px; + line-height: 18px; + letter-spacing: 0; + font-weight: 400; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + border-radius: 50%; + color: #ffffff; + background: #00aeef; +} + +.rd-navbar-static .sidebar-toggle { + position: relative; + width: 48px; + height: 48px; + padding: 10px 7px; + transition: all .1s ease; +} + +.rd-navbar-static .sidebar-toggle::before, .rd-navbar-static .sidebar-toggle::after, +.rd-navbar-static .sidebar-toggle span { + display: inline-block; + height: 0; + border-top: 2px solid; + transition: all .3s ease; +} + +.rd-navbar-static .sidebar-toggle::before, .rd-navbar-static .sidebar-toggle::after { + position: absolute; + left: 50%; + content: ''; + width: 34px; + transform: translateX(-50%); +} + +.rd-navbar-static .sidebar-toggle::before { + top: 10px; +} + +.rd-navbar-static .sidebar-toggle::after { + bottom: 10px; +} + +.rd-navbar-static .sidebar-toggle span { + width: 25px; +} + +.rd-navbar-static .sidebar-toggle:hover span { + transform: scaleX(0.5); +} + +.rd-navbar-static .sidebar-toggle.active span { + opacity: 0; +} + +.rd-navbar-static .sidebar-toggle.active::before { + top: 50%; + transform: translate(-50%, -50%) rotate(45deg); +} + +.rd-navbar-static .sidebar-toggle.active::after { + bottom: 50%; + transform: translate(-50%, 50%) rotate(-45deg); +} + +.rd-navbar-static .sidebar-toggle-1.active { + opacity: 0; + visibility: hidden; +} + +.rd-navbar-static .sidebar-toggle-2 { + position: absolute; + display: inline-block; + top: 45px; + right: 13px; + opacity: 0; + visibility: hidden; + transform: translateY(-50%); + z-index: 2; +} + +.rd-navbar-static .sidebar-toggle-2.active { + opacity: 1; + visibility: visible; + transition: .15s ease-in-out .15s; +} + +.rd-navbar-fixed .sidebar-toggle { + display: flex; + align-items: center; + flex-direction: column; + justify-content: space-between; + width: 40px; + height: 48px; + padding: 10px 7px; + z-index: 1082; +} + +.rd-navbar-fixed .sidebar-toggle::before, .rd-navbar-fixed .sidebar-toggle::after, +.rd-navbar-fixed .sidebar-toggle span { + display: inline-block; + width: 6px; + height: 6px; + border-radius: 50%; + background: #151515; + transition: all .3s ease; +} + +.rd-navbar-fixed .sidebar-toggle::before, .rd-navbar-fixed .sidebar-toggle::after { + content: ''; +} + +.rd-navbar-fixed .sidebar-toggle.active span { + transform: scale(1.4); +} + +.rd-navbar-fixed .sidebar-toggle.active::before, .rd-navbar-fixed .sidebar-toggle.active::after { + transform: scale(0.6); +} + +.rd-navbar-fixed .sidebar-toggle-2 { + display: none; +} + +.rd-navbar-fixed .rd-navbar-basket { + padding-top: 7px; + padding-bottom: 11px; +} + +.rd-navbar-fixed .rd-navbar-basket span { + top: 5px; +} + +.contacts-default { + font-size: 18px; + line-height: 1.2; + font-weight: 400; + color: #151515; +} + +.contacts-default a { + display: inline-block; +} + +.contacts-default a, .contacts-default a:focus, .contacts-default a:active { + color: inherit; +} + +.contacts-default a:hover { + color: #00aeef; +} + +.contacts-default-text { + font-size: 14px; + color: rgba(21, 21, 21, 0.4); +} + +.contacts-default-text + * { + margin-top: 6px; +} + +.contacts-creative { + text-align: left; + color: #151515; + font-weight: 400; + max-width: 240px; + margin-left: auto; + margin-right: auto; +} + +.contacts-creative .icon { + font-size: 22px; + line-height: 1.5; + color: rgba(21, 21, 21, 0.5); +} + +.contacts-creative a, .contacts-creative a:focus, .contacts-creative a:active { + color: inherit; +} + +.contacts-creative a:hover { + color: #00aeef; +} + +.contacts-creative > li + li { + margin-top: 10px; +} + +* + .contacts-creative { + margin-top: 30px; +} + +@media (min-width: 768px) { + .contacts-creative .icon { + font-size: 26px; + } +} + +@media (max-width: 991.98px) { + .contacts-creative-2 { + margin-left: 0; + margin-right: 0; + max-width: none; + } +} + +@media (min-width: 992px) { + .contacts-creative .icon { + font-size: 30px; + } + * + .contacts-creative { + margin-top: 50px; + } +} + +@media (min-width: 1200px) { + .contacts-creative > li + li { + margin-top: 20px; + } + .contacts-creative-2 .icon { + font-size: 35px; + } + * + .contacts-creative { + margin-top: 60px; + } +} + +@media (min-width: 1600px) { + * + .contacts-creative { + margin-top: 75px; + } +} + +.context-dark .contacts-creative-2, .bg-gray-700 .contacts-creative-2, .bg-gray-800 .contacts-creative-2, .bg-gray-5 .contacts-creative-2, .bg-gray-13 .contacts-creative-2, .bg-gray-14 .contacts-creative-2, .bg-gray-17 .contacts-creative-2, .bg-gray-19 .contacts-creative-2, .bg-gray-21 .contacts-creative-2, .bg-primary .contacts-creative-2, .bg-secondary .contacts-creative-2, .bg-gradient-1 .contacts-creative-2 { + color: rgba(255, 255, 255, 0.4); +} + +.context-dark .contacts-creative-2 .icon, .bg-gray-700 .contacts-creative-2 .icon, .bg-gray-800 .contacts-creative-2 .icon, .bg-gray-5 .contacts-creative-2 .icon, .bg-gray-13 .contacts-creative-2 .icon, .bg-gray-14 .contacts-creative-2 .icon, .bg-gray-17 .contacts-creative-2 .icon, .bg-gray-19 .contacts-creative-2 .icon, .bg-gray-21 .contacts-creative-2 .icon, .bg-primary .contacts-creative-2 .icon, .bg-secondary .contacts-creative-2 .icon, .bg-gradient-1 .contacts-creative-2 .icon { + color: #ffffff; +} + +/** +* +* RD Navbar Classic +* ===================================================== +*/ +.rd-navbar-classic.rd-navbar-static { + box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); +} + +.rd-navbar-classic.rd-navbar-static .rd-navbar-main-outer { + padding-left: 15px; + padding-right: 15px; +} + +.rd-navbar-classic.rd-navbar-static .rd-navbar-main { + position: relative; + display: flex; + align-items: center; + justify-content: space-between; + max-width: 1770px; + padding: 10px 0; + margin-left: auto; + margin-right: auto; +} + +@media (min-width: 1200px) { + .rd-navbar-classic.rd-navbar-static .rd-navbar-main { + padding: 20px 0; + } +} + +.rd-navbar-classic.rd-navbar-static .rd-navbar-main > * + * { + margin-left: 30px; +} + +.rd-navbar-classic.rd-navbar-static .rd-navbar-main-element { + display: flex; + align-items: center; +} + +.rd-navbar-classic.rd-navbar-static .rd-nav-link { + font-size: 13px; + letter-spacing: .12em; +} + +@media (min-width: 1200px) { + .rd-navbar-classic.rd-navbar-static .rd-nav-link { + font-size: 13px; + } +} + +.rd-navbar-classic.rd-navbar-static .rd-navbar-brand img { + max-width: 160px; + max-height: 70px; +} + +.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { + padding: 2px 0; +} + +.rd-navbar-classic.rd-navbar-static .button .icon { + display: none; +} + +.rd-navbar-classic.rd-navbar-fixed .contacts-classic li + li { + margin-top: 15px; +} + +.rd-navbar-classic.rd-navbar-fixed .rd-navbar-button { + display: none; +} + +.rd-navbar-classic.rd-navbar-fixed .rd-navbar-fixed-element-2 { + top: 14px; + right: 5px; +} + +@media (min-width: 576px) { + .rd-navbar-classic.rd-navbar-fixed .rd-navbar-fixed-element-2 { + top: 8px; + } +} + +@media (max-width: 1199.98px) { + .rd-navbar-classic .button { + font-size: 14px; + padding: 7px 15px; + } +} + +@media (max-width: 575.98px) { + .rd-navbar-classic .button { + font-size: 10px; + } +} + +.rd-navbar-classic * + .button { + margin-top: 0; +} + +@media (min-width: 2000px) { + .rd-navbar-classic-1.rd-navbar-static .rd-navbar-main-outer { + padding-left: 75px; + padding-right: 75px; + } +} + +.rd-navbar-classic-1.rd-navbar-static .rd-navbar-main .sidebar-toggle { + margin: 0; +} + +@media (min-width: 2000px) { + .rd-navbar-classic-1.rd-navbar-static .rd-navbar-main { + max-width: none; + } +} + +.rd-navbar-classic-1.rd-navbar-static:not(.rd-navbar--is-stuck) { + position: absolute; + top: 0; + right: 0; + left: 0; + box-shadow: none; + background: #ffffff; + z-index: 1080; +} + +.rd-navbar-classic-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.focus .rd-nav-link, .rd-navbar-classic-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.opened .rd-nav-link, .rd-navbar-classic-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.active .rd-nav-link { + color: #00aeef; +} + +.rd-navbar-classic-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link { + color: #56585a; +} + +.rd-navbar-classic-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link:hover { + color: #00aeef; +} + +.rd-navbar-classic-1.rd-navbar-static.rd-navbar--is-stuck .sidebar-toggle, .rd-navbar-classic-1.rd-navbar-static.rd-navbar--is-clone .sidebar-toggle { + opacity: 0; + visibility: hidden; + transition-delay: 0s; +} + +.rd-navbar-classic-1.rd-navbar-static.rd-navbar--is-stuck .sidebar-classic-wrap, .rd-navbar-classic-1.rd-navbar-static.rd-navbar--is-clone .sidebar-classic-wrap { + transform: translateY(-100%); +} + +.rd-navbar-classic-1.rd-navbar-static .sidebar-toggle { + position: absolute; + top: 94%; + left: -4px; + transition: all .3s ease-in-out .25s; +} + +.rd-navbar-classic-1.rd-navbar-fixed .rd-navbar-fixed-element-2 { + right: 44px; +} + +.ie-10 .rd-navbar-classic.rd-navbar-static .rd-navbar-main, +.ie-11 .rd-navbar-classic.rd-navbar-static .rd-navbar-main, +.ie-edge .rd-navbar-classic.rd-navbar-static .rd-navbar-main { + justify-content: flex-start; +} + +.ie-10 .rd-navbar-classic.rd-navbar-static .rd-navbar-main > * + *, +.ie-11 .rd-navbar-classic.rd-navbar-static .rd-navbar-main > * + *, +.ie-edge .rd-navbar-classic.rd-navbar-static .rd-navbar-main > * + * { + margin-left: auto; +} + +.ios .rd-navbar-classic.rd-navbar-fixed .button .icon, +.mac-os .rd-navbar-classic.rd-navbar-fixed .button .icon { + position: relative; + right: -1px; +} + +/** +* +* RD Navbar Modern +* ===================================================== +*/ +.rd-navbar-modern.rd-navbar-static { + box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-aside-outer, +.rd-navbar-modern.rd-navbar-static .rd-navbar-main-outer { + padding-left: 15px; + padding-right: 15px; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-aside-outer { + background: #f5f5f5; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-aside, +.rd-navbar-modern.rd-navbar-static .rd-navbar-main { + display: flex; + align-items: center; + justify-content: space-between; + max-width: 1170px; + margin-left: auto; + margin-right: auto; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-aside > * + *, +.rd-navbar-modern.rd-navbar-static .rd-navbar-main > * + * { + margin-left: 30px; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-aside { + font-size: 15px; + padding: 10px 0; + color: #151515; + font-weight: 400; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-aside a, .rd-navbar-modern.rd-navbar-static .rd-navbar-aside a:focus, .rd-navbar-modern.rd-navbar-static .rd-navbar-aside a:active { + color: inherit; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-aside a:hover { + color: #00aeef; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-main { + position: relative; + padding: 10px 0; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-elements, +.rd-navbar-modern.rd-navbar-static .rd-navbar-main-element { + display: flex; + align-items: center; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-elements > * + *, +.rd-navbar-modern.rd-navbar-static .rd-navbar-main-element > * + * { + margin-left: 10px; +} + +@media (min-width: 1200px) { + .rd-navbar-modern.rd-navbar-static .rd-navbar-elements > * + *, + .rd-navbar-modern.rd-navbar-static .rd-navbar-main-element > * + * { + margin-left: 22px; + } +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-brand img { + max-width: 210px; + max-height: 70px; +} + +.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer { + display: none; +} + +.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { + padding: 2px 0; +} + +.rd-navbar-modern.rd-navbar-fixed .rd-navbar-fixed-element-2 { + right: 40px; +} + +.rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) { + box-shadow: none; + background: rgba(255, 255, 255, 0.08); + z-index: 1080; +} + +.rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-aside-outer { + background: #ffffff; +} + +.rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.focus .rd-nav-link, .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.opened .rd-nav-link, .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.active .rd-nav-link { + color: #00aeef; +} + +.rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link { + color: #151515; +} + +.rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link:hover { + color: #00aeef; +} + +.rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-aside, +.rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .sidebar-toggle { + color: #151515; +} + +.rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .sidebar-toggle-2 { + color: #151515; +} + +.rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket, .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket:focus, .rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket:active { + color: #151515; +} + +.rd-navbar-modern-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket:hover { + color: #00aeef; +} + +.rd-navbar-modern-2.rd-navbar-static:not(.rd-navbar--is-stuck) { + background: #f5f5f5; +} + +@media (min-width: 1200px) { + .rd-navbar-modern-2.rd-navbar-static .rd-navbar-main { + padding: 18px 0; + } +} + +/** +* +* RD Navbar Creative +* ===================================================== +*/ +.rd-navbar-creative.rd-navbar-static { + border-bottom: 1px solid #f2f8ff; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-main-outer { + padding-left: 15px; + padding-right: 15px; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-main { + display: flex; + align-items: center; + justify-content: space-between; + max-width: 1770px; + margin-left: auto; + margin-right: auto; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-main > * + * { + margin-left: 30px; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-main { + position: relative; +} + +@media (min-width: 1600px) { + .rd-navbar-creative.rd-navbar-static .rd-navbar-nav-wrap { + flex-basis: 54%; + } +} + +@media (min-width: 1200px) { + .rd-navbar-creative.rd-navbar-static .rd-nav-item + .rd-nav-item { + margin-left: 30px; + } +} + +@media (min-width: 1400px) { + .rd-navbar-creative.rd-navbar-static .rd-nav-item + .rd-nav-item { + margin-left: 40px; + } +} + +@media (min-width: 1200px) { + .rd-navbar-creative.rd-navbar-static .rd-nav-link { + font-size: 14px; + } +} + +@media (min-width: 1400px) { + .rd-navbar-creative.rd-navbar-static .rd-nav-link { + font-size: 16px; + } +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-elements { + display: flex; + align-items: stretch; + align-self: stretch; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-elements > * { + display: inherit; + align-items: center; + padding: 20px 15px; + border-left: 1px solid #f2f8ff; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-elements > *:last-child { + display: none; + padding-left: 20px; + padding-right: 0; +} + +@media (min-width: 1200px) { + .rd-navbar-creative.rd-navbar-static .rd-navbar-elements > *:last-child { + display: block; + } +} + +@media (min-width: 1400px) { + .rd-navbar-creative.rd-navbar-static .rd-navbar-elements > * { + padding: 20px; + } + .rd-navbar-creative.rd-navbar-static .rd-navbar-elements > *:last-child { + padding-left: 30px; + } +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-brand img { + max-width: 180px; + max-height: 70px; +} + +.rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-elements > *, .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone .rd-navbar-elements > * { + padding-top: 13px; + padding-bottom: 13px; +} + +.rd-navbar-creative.rd-navbar-fixed .rd-navbar-fixed-element-2 { + right: 40px; +} + +.rd-navbar-creative.rd-navbar-fixed .contacts-default { + display: none; +} + +.rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) { + position: absolute; + top: 0; + right: 0; + left: 0; + background: transparent; + border-color: rgba(255, 255, 255, 0.16); + z-index: 1080; +} + +.rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-elements > * { + border-color: rgba(255, 255, 255, 0.16); +} + +.rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.focus .rd-nav-link, .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.opened .rd-nav-link, .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.active .rd-nav-link { + color: #00aeef; +} + +.rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link { + color: #ffffff; +} + +.rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link:hover { + color: #00aeef; +} + +.rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .contacts-default, +.rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .sidebar-toggle { + color: #ffffff; +} + +.rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket, .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket:focus, .rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket:active { + color: #ffffff; +} + +.rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket:hover { + color: #00aeef; +} + +.rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-basket span { + color: #151515; + background: #ffffff; +} + +.rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .contacts-default-text { + color: rgba(255, 255, 255, 0.4); +} + +.rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .brand-logo-dark { + display: none; +} + +.rd-navbar-creative-1.rd-navbar-static:not(.rd-navbar--is-stuck) .brand-logo-light { + display: block; +} + +.rd-navbar-creative-2.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.focus .rd-nav-link, .rd-navbar-creative-2.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.opened .rd-nav-link, .rd-navbar-creative-2.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.active .rd-nav-link { + color: #ff796c; +} + +.rd-navbar-creative-2.rd-navbar-static:not(.rd-navbar--is-stuck) .contacts-default a:hover, +.rd-navbar-creative-2.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link:hover { + color: #ff796c; +} + +/** +* +* RD Navbar Minimal +* ===================================================== +*/ +.rd-navbar-minimal.rd-navbar-static { + box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); +} + +.rd-navbar-minimal.rd-navbar-static .rd-navbar-main-outer { + padding-left: 15px; + padding-right: 15px; +} + +.rd-navbar-minimal.rd-navbar-static .rd-navbar-main { + display: flex; + align-items: center; + justify-content: space-between; + max-width: 1770px; + margin-left: auto; + margin-right: auto; +} + +.rd-navbar-minimal.rd-navbar-static .rd-navbar-main > * + * { + margin-left: 30px; +} + +.rd-navbar-minimal.rd-navbar-static .rd-navbar-main { + position: relative; + padding: 10px 0; +} + +@media (min-width: 1200px) { + .rd-navbar-minimal.rd-navbar-static .rd-navbar-main { + padding: 20px 0; + } +} + +.rd-navbar-minimal.rd-navbar-static .rd-navbar-main-left, +.rd-navbar-minimal.rd-navbar-static .rd-navbar-main-right { + display: flex; + align-items: center; +} + +.rd-navbar-minimal.rd-navbar-static .rd-navbar-main-left > * + * { + margin-left: 30px; +} + +.rd-navbar-minimal.rd-navbar-static .rd-navbar-main-right > * + * { + margin-left: 30px; +} + +@media (min-width: 1200px) { + .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-right > * + * { + margin-left: 40px; + } +} + +.rd-navbar-minimal.rd-navbar-static .rd-navbar-brand img { + max-width: 200px; + max-height: 70px; +} + +.rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { + padding: 2px 0; +} + +.rd-navbar-minimal.rd-navbar-static .button .icon { + display: none; +} + +.rd-navbar-minimal.rd-navbar-fixed .rd-navbar-brand img { + width: auto; +} + +.rd-navbar-minimal.rd-navbar-fixed .rd-navbar-fixed-element-2 { + top: 8px; + right: 44px; +} + +.rd-navbar-minimal.rd-navbar-fixed .button { + font-size: 14px; + width: 40px; + height: 40px; + line-height: 26px; + padding: 5px; + border-radius: 4px; +} + +.rd-navbar-minimal.rd-navbar-fixed .button .icon { + font-size: 24px; + line-height: inherit; +} + +.rd-navbar-minimal.rd-navbar-fixed .button, .rd-navbar-minimal.rd-navbar-fixed .button:focus { + color: #ffffff; + background: #00aeef; + border-color: #00aeef; +} + +.rd-navbar-minimal.rd-navbar-fixed .button:hover, .rd-navbar-minimal.rd-navbar-fixed .button:active, .rd-navbar-minimal.rd-navbar-fixed .button.active { + color: #ffffff; + background: #373737; + border-color: #373737; +} + +.rd-navbar-minimal.rd-navbar-fixed .button-text { + display: none; +} + +@media (max-width: 1199.98px) { + .rd-navbar-minimal .button { + font-size: 14px; + padding: 7px 15px; + } +} + +.rd-navbar-minimal * + .button { + margin-top: 0; +} + +@media (min-width: 1600px) { + .rd-navbar-minimal-1.rd-navbar-static .rd-navbar-main { + padding: 37px 0; + } +} + +.rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) { + position: absolute; + top: 0; + right: 0; + left: 0; + box-shadow: none; + background: transparent; + z-index: 1080; +} + +.rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.focus .rd-nav-link, .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.opened .rd-nav-link, .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.active .rd-nav-link { + color: #00aeef; +} + +.rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link { + color: #ffffff; +} + +.rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link:hover { + color: #00aeef; +} + +.rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .sidebar-toggle { + color: #ffffff; +} + +.rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .brand-logo-dark { + display: none; +} + +.rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .brand-logo-light { + display: block; +} + +.rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button, .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button:focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.1); + border-color: transparent; +} + +.rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button:hover, .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button:active, .rd-navbar-minimal-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button.active { + color: #ffffff; + background: #00aeef; + border-color: #00aeef; +} + +/** +* +* RD Navbar Jean +* ===================================================== +*/ +.rd-navbar-jean.rd-navbar-static { + box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); +} + +.rd-navbar-jean.rd-navbar-static .rd-navbar-main-outer { + padding-left: 15px; + padding-right: 15px; +} + +.rd-navbar-jean.rd-navbar-static .rd-navbar-main { + position: relative; + display: flex; + align-items: center; + justify-content: space-between; + max-width: 1770px; + padding: 10px 0; + margin-left: auto; + margin-right: auto; +} + +@media (min-width: 1200px) { + .rd-navbar-jean.rd-navbar-static .rd-navbar-main { + padding: 20px 0; + } +} + +.rd-navbar-jean.rd-navbar-static .rd-navbar-main > * + * { + margin-left: 30px; +} + +.rd-navbar-jean.rd-navbar-static .rd-navbar-main-element { + display: flex; + align-items: center; +} + +.rd-navbar-jean.rd-navbar-static .rd-navbar-main-element > * + * { + margin-left: 20px; +} + +.rd-navbar-jean.rd-navbar-static .rd-navbar-nav-wrap { + display: flex; + align-items: center; +} + +.rd-navbar-jean.rd-navbar-static .rd-navbar-nav { + opacity: 0; + visibility: hidden; + transition: .3s ease-in-out; +} + +.rd-navbar-jean.rd-navbar-static .rd-navbar-nav.active { + opacity: 1; + visibility: visible; +} + +.rd-navbar-jean.rd-navbar-static .rd-navbar-nav.active ~ .rd-navbar-nav-text { + opacity: 0; + visibility: hidden; +} + +.rd-navbar-jean.rd-navbar-static .rd-navbar-nav-text { + position: absolute; + font-size: 14px; + font-weight: 700; + letter-spacing: .12em; + text-transform: uppercase; + transition: .3s ease-in-out; +} + +@media (min-width: 1200px) { + .rd-navbar-jean.rd-navbar-static .rd-navbar-nav-text { + font-size: 15px; + } +} + +.rd-navbar-jean.rd-navbar-static .rd-nav-link { + font-size: 14px; + letter-spacing: .12em; +} + +@media (min-width: 1200px) { + .rd-navbar-jean.rd-navbar-static .rd-nav-link { + font-size: 15px; + } +} + +.rd-navbar-jean.rd-navbar-static .rd-navbar-brand img { + max-width: 160px; + max-height: 70px; +} + +.rd-navbar-jean.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-jean.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { + padding: 2px 0; +} + +.rd-navbar-jean.rd-navbar-static .button .icon { + display: none; +} + +.rd-navbar-jean.rd-navbar-fixed .rd-navbar-fixed-element-2 { + top: 8px; + right: 5px; +} + +.rd-navbar-jean.rd-navbar-fixed .button { + font-size: 14px; + width: 40px; + height: 40px; + line-height: 26px; + padding: 5px; + border-radius: 4px; +} + +.rd-navbar-jean.rd-navbar-fixed .button .icon { + font-size: 24px; + line-height: inherit; +} + +.rd-navbar-jean.rd-navbar-fixed .button, .rd-navbar-jean.rd-navbar-fixed .button:focus { + color: #ffffff; + background: #00aeef; + border-color: #00aeef; +} + +.rd-navbar-jean.rd-navbar-fixed .button:hover, .rd-navbar-jean.rd-navbar-fixed .button:active, .rd-navbar-jean.rd-navbar-fixed .button.active { + color: #ffffff; + background: #373737; + border-color: #373737; +} + +.rd-navbar-jean.rd-navbar-fixed .button-text { + display: none; +} + +@media (max-width: 1199.98px) { + .rd-navbar-jean .button { + font-size: 14px; + padding: 7px 15px; + } +} + +.rd-navbar-jean * + .button { + margin-top: 0; +} + +.rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) { + position: absolute; + top: 0; + right: 0; + left: 0; + box-shadow: none; + background: transparent; + z-index: 1080; +} + +.rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.focus .rd-nav-link, .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.opened .rd-nav-link, .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-item.active .rd-nav-link { + color: #00aeef; +} + +.rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link { + color: #ffffff; +} + +.rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-nav-link:hover { + color: #00aeef; +} + +.rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-nav-text, +.rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .sidebar-toggle { + color: #ffffff; +} + +.rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .brand-logo-dark { + display: none; +} + +.rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .brand-logo-light { + display: block; +} + +.rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button, .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button:focus { + color: #ffffff; + background: transparent; + border-color: #ffffff; +} + +.rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button:hover, .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button:active, .rd-navbar-jean-1.rd-navbar-static:not(.rd-navbar--is-stuck) .button.active { + color: #00aeef; + background: #ffffff; + border-color: #ffffff; +} + +.rd-navbar-jean-1.rd-navbar-fixed .sidebar-toggle, +.rd-navbar-jean-1.rd-navbar-fixed .rd-navbar-nav-text { + display: none; +} + +.rd-navbar-jean-1.rd-navbar-fixed .rd-navbar-fixed-element-1 { + top: 8px; + right: 10px; +} + +.rd-navbar-jean-2.rd-navbar-static { + box-shadow: none; + background: transparent; +} + +.rd-navbar-jean-2.rd-navbar-static:not(.rd-navbar--is-stuck) { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1080; +} + +@media (min-width: 1600px) { + .rd-navbar-jean-2.rd-navbar-static .rd-navbar-panel { + padding-left: 3.9%; + } +} + +@media (min-width: 1600px) { + .rd-navbar-jean-2.rd-navbar-static .rd-navbar-main-element { + padding-left: 8%; + } +} + +.rd-navbar-jean-2.rd-navbar-static .rd-nav-link { + color: #ffffff; +} + +.rd-navbar-jean-2.rd-navbar-static .rd-nav-link:hover { + color: #00aeef; +} + +.rd-navbar-jean-2.rd-navbar-static .rd-navbar-nav-text, +.rd-navbar-jean-2.rd-navbar-static .sidebar-toggle { + color: #ffffff; +} + +.rd-navbar-jean-2.rd-navbar-static.rd-navbar--is-stuck { + background: #2d2c2c; +} + +.rd-navbar-jean-2.rd-navbar-static .brand-logo-dark { + display: none; +} + +.rd-navbar-jean-2.rd-navbar-static .brand-logo-light { + display: block; +} + +.rd-navbar-jean-2.rd-navbar-static .button, .rd-navbar-jean-2.rd-navbar-static .button:focus { + color: #ffffff; + background: transparent; + border-color: #ffffff; +} + +.rd-navbar-jean-2.rd-navbar-static .button:hover, .rd-navbar-jean-2.rd-navbar-static .button:active, .rd-navbar-jean-2.rd-navbar-static .button.active { + color: #00aeef; + background: #ffffff; + border-color: #ffffff; +} + +.rd-navbar-jean-2.rd-navbar-fixed .sidebar-toggle, +.rd-navbar-jean-2.rd-navbar-fixed .rd-navbar-nav-text { + display: none; +} + +.rd-navbar-jean-2.rd-navbar-fixed .rd-navbar-fixed-element-1 { + top: 8px; + right: 10px; +} + +.ie-10 .rd-navbar-jean.rd-navbar-static .rd-navbar-nav-wrap, +.ie-11 .rd-navbar-jean.rd-navbar-static .rd-navbar-nav-wrap, +.ie-edge .rd-navbar-jean.rd-navbar-static .rd-navbar-nav-wrap { + align-items: flex-start; + flex-direction: row-reverse; +} + +/* +* +* RD Navbar Fullwidth +*/ +.rd-navbar-fullwidth { + display: block; +} + +.rd-navbar-fullwidth .rd-navbar-nav > li + li { + margin-left: 20px; +} + +.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-main { + padding: 10px 0; +} + +/** @section Swiper */ +.swiper-container { + display: flex; + margin: 0 auto; + position: relative; + overflow: hidden; + min-height: 100vh; + height: auto; + width: 100%; + /* Fix of Webkit flickering */ + z-index: 1; +} + +.swiper-container-no-flexbox .swiper-slide { + float: left; +} + +.swiper-container-vertical > .swiper-wrapper { + flex-direction: column; +} + +.swiper-wrapper { + position: relative; + z-index: 1; + display: flex; + align-self: stretch; + align-items: stretch; + width: 100%; + height: auto; + min-height: inherit; + transition-property: transform; + box-sizing: content-box; +} + +.swiper-container { + flex-shrink: 0; +} + +.swiper-container-android .swiper-slide, +.swiper-wrapper { + transform: translate3d(0, 0, 0); +} + +.swiper-container-multirow > .swiper-wrapper { + flex-wrap: wrap; +} + +.swiper-container-free-mode > .swiper-wrapper { + transition-timing-function: ease-out; + margin: 0 auto; +} + +/* a11y */ +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} + +/* IE10 Windows Phone 8 Fixes */ +.swiper-wp8-horizontal { + touch-action: pan-y; +} + +.swiper-wp8-vertical { + touch-action: pan-x; +} + +/* Coverflow */ +.swiper-container-coverflow .swiper-wrapper { + /* Windows 8 IE 10 fix */ +} + +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + transition-timing-function: ease-out; +} + +.swiper-container-fade .swiper-slide { + pointer-events: none; +} + +.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-lazy-preloader { + width: 42px; + height: 42px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -21px; + margin-top: -21px; + z-index: 10; + transform-origin: 50%; + 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"); +} + +@keyframes swiper-preloader-spin { + 100% { + transform: rotate(360deg); + } +} + +.swiper-slide > .vide__body, +.swiper-slide > .parallax_cnt { + height: 100%; +} + +.swiper-button-prev, +.swiper-button-next { + display: none; + text-align: center; + position: absolute; + top: 50%; + width: 65px; + height: 65px; + font-size: 32px; + line-height: 65px; + color: #151515; + background: rgba(255, 255, 255, 0.14); + border-radius: 50%; + transform: translateY(-50%); + will-change: transform; + transition: .3s ease-in; + cursor: pointer; + z-index: 10; +} + +.swiper-button-prev::before, +.swiper-button-next::before { + display: inline-block; + transition: .3s ease; +} + +.swiper-button-prev:hover, +.swiper-button-next:hover { + background: rgba(255, 255, 255, 0.4); +} + +.swiper-button-prev:hover::before, +.swiper-button-next:hover::before { + transform: scale(1.2); +} + +@media (min-width: 992px) { + .swiper-button-prev, + .swiper-button-next { + display: block; + } +} + +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} + +.swiper-button-prev { + left: 30px; +} + +.swiper-button-prev:before { + font-family: "Material Design Icons"; + content: "\f237"; +} + +@media (min-width: 1200px) { + .swiper-button-prev { + left: 5%; + } +} + +.swiper-button-next { + right: 30px; +} + +.swiper-button-next:before { + font-family: "Material Design Icons"; + content: "\f238"; +} + +@media (min-width: 1200px) { + .swiper-button-next { + right: 5%; + } +} + +.swiper-slider.swiper-container-rtl .swiper-button-prev::before { + content: "\f061"; +} + +.swiper-slider.swiper-container-rtl .swiper-button-next::before { + content: "\f060"; +} + +.swiper-pagination { + position: absolute; + display: block; + text-align: center; + font-size: 0; + line-height: 0; + transition: .3s; + transform: translate3d(0, 0, 0); + z-index: 10; +} + +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} + +.swiper-pagination .swiper-pagination-bullet { + width: 10px; + height: 10px; + display: inline-block; + border-radius: 100%; + background: #ffffff; + transition: .2s; +} + +.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination .swiper-pagination-bullet:hover { + background: #00aeef; +} + +.swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} + +@media (min-width: 992px) { + .swiper-pagination { + display: none; + } +} + +.swiper-pagination-black .swiper-pagination-bullet { + background: rgba(0, 0, 0, 0.6); +} + +.swiper-pagination-black .swiper-pagination-bullet.swiper-pagination-bullet-active { + background: black; +} + +.swiper-container-vertical > .swiper-pagination { + right: 10px; + top: 50%; + transform: translate3d(0px, -50%, 0); +} + +.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { + margin: 5px 0; + display: block; +} + +.swiper-container-horizontal > .swiper-pagination { + bottom: 30px; + left: 0; + width: 100%; +} + +.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { + margin: 0 20px; +} + +.swiper-slide { + position: relative; + overflow: hidden; + display: flex; + align-items: flex-start; + justify-content: center; + flex-shrink: 0; + width: 100%; + height: 100%; + white-space: nowrap; + background-position: 50%; +} + +.swiper-slide-caption { + width: 100%; + white-space: normal; +} + +@media (max-width: 991.98px) { + .swiper-slide-caption { + padding-bottom: 70px; + } +} + +.swiper-slide-custom { + background: inherit; + transform: scale(1.1) rotate(2deg); + transition: 5s ease; + pointer-events: none; +} + +.swiper-slide-active .swiper-slide-custom { + transform: none; +} + +.swiper-slider-1 .swiper-wrapper { + position: absolute; + height: 100%; + top: 0; + left: 0; +} + +.swiper-slider-1 .swiper-content { + position: relative; + display: flex; + align-items: center; + width: inherit; + min-height: inherit; + padding: 50px 0; + z-index: 1; +} + +@media (min-width: 768px) { + .swiper-slider-1 .swiper-content { + padding: 100px 0; + } +} + +@media (min-width: 992px) { + .swiper-slider-1 .swiper-content { + padding: 120px 0; + } +} + +@media (min-width: 992px) and (max-width: 1199.98px) { + .rd-navbar-static-linked .swiper-slider-1 .swiper-content { + padding-left: 230px; + } +} + +@media (min-width: 1200px) { + .swiper-slider-1 .swiper-content { + padding: 140px 0 140px 250px; + } +} + +@media (min-width: 1600px) { + .swiper-slider-1 .swiper-content { + padding-left: 350px; + padding-right: 350px; + } +} + +.swiper-slider-1 .swiper-title { + font-weight: 700; +} + +.swiper-slider-1 .swiper-subtitle { + padding-left: 80px; + text-indent: -80px; + line-height: 1.5; +} + +.swiper-slider-1 .swiper-subtitle::before { + display: inline-block; + vertical-align: bottom; + content: ''; + height: 0; + width: 50px; + margin-right: 30px; + text-indent: 0; + border-top: 1px solid rgba(255, 255, 255, 0.27); +} + +.swiper-slider-1 .swiper-subtitle span { + display: block; + text-indent: 0; +} + +@media (min-width: 768px) { + .swiper-slider-1 .swiper-subtitle { + padding-left: 120px; + text-indent: -120px; + } + .swiper-slider-1 .swiper-subtitle::before { + width: 90px; + } +} + +@media (min-width: 992px) { + .swiper-slider-1 .swiper-subtitle { + padding-left: 160px; + text-indent: -160px; + } + .swiper-slider-1 .swiper-subtitle::before { + width: 130px; + } +} + +.swiper-slider-1 .swiper-slider-image { + position: absolute; + bottom: -4%; + right: -8%; + width: 65%; + margin-top: 0; + pointer-events: none; + z-index: 1; +} + +.swiper-slider-1 * + .swiper-subtitle { + margin-top: 14px; +} + +@media (min-width: 768px) { + .swiper-slider-1 * + .swiper-subtitle { + margin-top: 24px; + } +} + +.swiper-slider-2 .swiper-title { + line-height: 1.27; + font-weight: 900; + letter-spacing: .05em; + text-transform: uppercase; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.swiper-slider-2 .swiper-subtitle { + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.swiper-slider-2 * + .swiper-subtitle { + margin-top: 16px; +} + +.swiper-slider-2 * + .swiper-button { + margin-top: 30px; +} + +@media (min-width: 768px) { + .swiper-slider-2 * + .swiper-subtitle { + margin-top: 26px; + } + .swiper-slider-2 * + .swiper-button { + margin-top: 40px; + } +} + +@media (min-width: 1200px) { + .swiper-slider-2 .swiper-title { + font-size: 95px; + } + .swiper-slider-2 * + .swiper-button { + margin-top: 60px; + } +} + +.swiper-slider-3 .video-classic { + position: absolute; + display: inline-flex; + align-items: center; + justify-content: center; + left: 0; + bottom: 70px; + width: 100%; +} + +.swiper-slider-3 .video-classic-link { + margin-right: 10px; +} + +.swiper-slider-3 .swiper-title { + line-height: 1.2; + font-weight: 900; + letter-spacing: .025em; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.swiper-slider-3 .swiper-title::before { + display: block; + content: ''; + width: 86px; + height: 0; + margin-bottom: 20px; + border-top: 1px solid #00aeef; +} + +.swiper-slider-3 .swiper-subtitle { + line-height: 1.71; + font-weight: 300; + letter-spacing: .05em; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.swiper-slider-3 * + .swiper-subtitle { + margin-top: 12px; +} + +.swiper-slider-3 * + .swiper-button { + margin-top: 30px; +} + +@media (max-width: 575.98px) { + .swiper-slider-3 .swiper-slide-caption { + padding-bottom: 160px; + } +} + +@media (min-width: 576px) { + .swiper-slider-3 .video-classic { + display: inline-block; + top: 50%; + right: 5%; + bottom: auto; + left: auto; + width: auto; + transform: translateY(-50%); + } + .swiper-slider-3 .video-classic-link { + margin-right: auto; + } +} + +@media (min-width: 768px) { + .swiper-slider-3 .swiper-pagination { + display: block; + width: auto; + top: 50%; + right: 5%; + left: auto; + bottom: auto; + transform: translateY(-50%); + } + .swiper-slider-3 .swiper-pagination .swiper-pagination-bullet { + display: block; + margin: 45px 0; + } + .swiper-slider-3 .video-classic { + right: 15%; + } + .swiper-slider-3 .swiper-title { + font-size: 60px; + } + .swiper-slider-3 .swiper-title::before { + margin-bottom: 30px; + } + .swiper-slider-3 * + .swiper-subtitle { + margin-top: 20px; + } + .swiper-slider-3 * + .swiper-button { + margin-top: 40px; + } +} + +@media (min-width: 992px) { + .swiper-slider-3 .swiper-title { + font-size: 70px; + } + .swiper-slider-3 .swiper-title::before { + margin-bottom: 40px; + } + .swiper-slider-3 * + .swiper-subtitle { + margin-top: 30px; + } + .swiper-slider-3 * + .swiper-button { + margin-top: 50px; + } +} + +@media (min-width: 1200px) { + .swiper-slider-3 .swiper-pagination { + right: 10%; + } + .swiper-slider-3 .video-classic { + right: 21%; + } + .swiper-slider-3 .swiper-title { + font-size: 84px; + } +} + +.swiper-slider-4 { + min-height: 20.83333vw; +} + +.swiper-slider-4 .swiper-button-prev, +.swiper-slider-4 .swiper-button-next { + align-items: center; + width: auto; + height: auto; + font-size: 36px; + line-height: 1; + font-weight: 400; + border-radius: 0; + background: transparent; +} + +.swiper-slider-4 .swiper-button-prev::before, +.swiper-slider-4 .swiper-button-next::before { + font-family: 'Linearicons'; +} + +.swiper-slider-4 .swiper-button-prev::after, +.swiper-slider-4 .swiper-button-next::after { + display: inline-block; + padding: 0 4px; + font-size: 13px; + text-transform: uppercase; + transition: .3s ease; +} + +.swiper-slider-4 .swiper-button-prev:hover::before, +.swiper-slider-4 .swiper-button-next:hover::before { + transform: scaleY(0.8); +} + +.swiper-slider-4 .swiper-button-prev:hover::after, +.swiper-slider-4 .swiper-button-next:hover::after { + padding: 0; +} + +.swiper-slider-4 .swiper-button-prev { + left: 15px; +} + +.swiper-slider-4 .swiper-button-prev::before { + content: '\ec3b'; +} + +.swiper-slider-4 .swiper-button-prev::after { + content: 'prev'; +} + +.swiper-slider-4 .swiper-button-next { + right: 15px; + flex-direction: row-reverse; +} + +.swiper-slider-4 .swiper-button-next::before { + content: '\ec3c'; +} + +.swiper-slider-4 .swiper-button-next::after { + content: 'next'; +} + +.swiper-slider-4 .swiper-title { + font-weight: 700; + font-family: "Playfair Display", serif; + display: inline-block; +} + +.swiper-slider-4 .swiper-title-2 { + font-weight: 300; + letter-spacing: 0; + text-transform: none; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.swiper-slider-4 .swiper-subtitle { + font-weight: 300; + letter-spacing: .05em; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.swiper-slider-4 * + .swiper-title { + margin-top: 20px; +} + +.swiper-slider-4 * + .swiper-title-2 { + margin-top: 10px; +} + +.swiper-slider-4 * + .swiper-button { + margin-top: 30px; +} + +@media (min-width: 768px) { + .swiper-slider-4 .swiper-title { + font-size: 50px; + line-height: 1.2; + } + .swiper-slider-4 .swiper-title-2 { + max-width: 440px; + } +} + +@media (min-width: 992px) { + .swiper-slider-4 { + min-height: 40.625vw; + } + .swiper-slider-4 .swiper-slide-caption { + padding-left: 100px; + padding-right: 100px; + } + .swiper-slider-4 .swiper-button-prev, + .swiper-slider-4 .swiper-button-next { + display: inline-flex; + } + .swiper-slider-4 .swiper-title { + font-size: 60px; + } + .swiper-slider-4 * + .swiper-title { + margin-top: 30px; + } + .swiper-slider-4 * + .swiper-title-2 { + margin-top: 28px; + } + .swiper-slider-4 * + .swiper-button { + margin-top: 40px; + } +} + +@media (min-width: 1200px) { + .swiper-slider-4 .swiper-title { + font-size: 67px; + line-height: 80px; + } +} + +.swiper-slider-5 { + overflow: visible; +} + +.swiper-slider-5 .swiper-wrapper { + position: absolute; + height: 100%; + top: 0; + left: 0; +} + +.swiper-slider-5 .swiper-content { + position: relative; + display: flex; + align-items: center; + width: inherit; + min-height: inherit; + z-index: 1; +} + +@media (min-width: 992px) and (max-width: 1199.98px) { + .rd-navbar-static-linked .swiper-slider-5 .swiper-content { + padding-top: 160px; + } +} + +@media (min-width: 1200px) { + .swiper-slider-5 .swiper-content { + padding-top: 180px; + padding-bottom: 0; + } +} + +@media (min-width: 1600px) { + .swiper-slider-5 .swiper-content { + padding-top: 230px; + } +} + +.swiper-slider-6 .swiper-wrapper { + position: absolute; + height: 100%; + top: 0; + left: 0; +} + +.swiper-slider-6 .swiper-content { + position: relative; + display: flex; + width: inherit; + min-height: inherit; + padding: 50px 0; + z-index: 1; +} + +.swiper-slider-6 .swiper-content::before { + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(0, 0, 0, 0.3); + pointer-events: none; +} + +@media (min-width: 992px) and (max-width: 1199.98px) { + .rd-navbar-static-linked .swiper-slider-6 .swiper-content { + padding: 90px 0 70px; + } +} + +@media (min-width: 1200px) { + .swiper-slider-6 .swiper-content { + padding: 130px 0 90px; + } + .swiper-slider-6 .swiper-content::before { + display: none; + } +} + +.swiper-slider-6 .swiper-box { + position: relative; + max-width: 280px; + padding: 0 15px 30px 0; + color: #ffffff; + z-index: 0; +} + +.swiper-slider-6 .swiper-box::before { + position: absolute; + content: ''; + right: 0; + bottom: 0; + height: 200%; + width: 100vw; + background: rgba(112, 132, 129, 0.3); + pointer-events: none; + z-index: -1; +} + +.swiper-slider-6 .swiper-box .video-minimal { + position: absolute; + right: 0; + bottom: 0; + transform: translate(35%, 35%); +} + +.swiper-slider-6 .swiper-title { + font-size: 40px; + line-height: 1.4; + font-weight: 600; + letter-spacing: .025em; + text-transform: uppercase; + color: rgba(255, 255, 255, 0.5); +} + +.swiper-slider-6 .swiper-title span { + position: relative; +} + +.swiper-slider-6 .swiper-title span::before { + position: absolute; + content: ''; + bottom: -7%; + left: 0; + width: 100%; + height: 19%; + background: rgba(255, 255, 255, 0.25); +} + +.swiper-slider-6 .list-social { + color: rgba(255, 255, 255, 0.4); +} + +.swiper-slider-6 .list-social a:hover { + color: #ffffff; +} + +@media (max-width: 575.98px) { + .swiper-slider-6 .list-social li { + display: inline-block; + vertical-align: middle; + } + .swiper-slider-6 .list-social li + li { + margin-left: 30px; + } +} + +@media (min-width: 576px) { + .swiper-slider-6 .swiper-box { + max-width: 300px; + } + .swiper-slider-6 .swiper-title { + font-size: 40px; + } + .swiper-slider-6 .list-social { + position: absolute; + top: 0; + right: 0; + } + .swiper-slider-6 .list-social li + li { + margin-top: 34px; + } +} + +@media (min-width: 768px) { + .swiper-slider-6 .swiper-box { + max-width: 380px; + padding: 0 15px 40px 0; + } + .swiper-slider-6 .swiper-title { + font-size: 50px; + } +} + +@media (min-width: 992px) { + .swiper-slider-6 .swiper-box { + max-width: 400px; + padding: 20px 20px 50px 0; + } + .swiper-slider-6 .swiper-title { + font-size: 60px; + } + .swiper-slider-6 .list-social { + top: 40%; + right: 15px; + transform: translateY(-50%); + } + .swiper-slider-6 .contacts-creative { + position: absolute; + bottom: 0; + right: 15px; + } +} + +@media (min-width: 1200px) { + .swiper-slider-6 .swiper-box { + max-width: 430px; + padding-left: 15px; + padding-right: 30px; + } + .swiper-slider-6 .swiper-box::before { + background: #708481; + } + .swiper-slider-6 .swiper-title { + font-size: 70px; + } +} + +@media (min-width: 1600px) { + .swiper-slider-6 .swiper-box { + max-width: 29.4%; + padding: 20px 2% 70px 3.9%; + } +} + +.mobile .swiper-pagination-bullet, +.tablet .swiper-pagination-bullet { + position: relative; +} + +.mobile .swiper-pagination-bullet::after, +.tablet .swiper-pagination-bullet::after { + position: absolute; + content: ''; + top: 50%; + left: 50%; + width: 30px; + height: 30px; + transform: translate3d(-50%, -50%, 0); + opacity: 0; +} + +.swiper-slider-1 { + height: auto; + min-height: 100vh; + flex-direction: column-reverse; +} + +@media (min-width: 992px) { + .swiper-slider-1 { + min-height: calc(100vh + 60px); + } +} + +.swiper-slider-1 .swiper-pagination { + position: static; + padding-bottom: 30px; +} + +@media (min-width: 992px) { + .swiper-slider-1 .swiper-pagination { + display: inline-flex; + width: auto; + position: absolute; + right: 7%; + top: 50%; + left: auto; + bottom: auto; + transform: translateY(-50%); + flex-direction: column; + } +} + +.swiper-slider-1 .swiper-pagination-bullet { + background: #baced0; +} + +.swiper-slider-1.swiper-container-horizontal .swiper-pagination-bullet { + position: relative; +} + +@media (min-width: 992px) { + .swiper-slider-1.swiper-container-horizontal .swiper-pagination-bullet { + margin: 0; + } +} + +.swiper-slider-1.swiper-container-horizontal .swiper-pagination-bullet:before { + content: ''; + padding: 0; + transition: padding .25s ease; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + border: none; + border-radius: 50%; + transition-delay: 100ms; +} + +.swiper-slider-1.swiper-container-horizontal .swiper-pagination-bullet-active:before, .swiper-slider-1.swiper-container-horizontal .swiper-pagination-bullet:hover:before { + content: ''; + padding: 13px; + transition: padding .25s ease; + border: 2px solid #00aeef; +} + +@media (min-width: 992px) { + .swiper-slider-1.swiper-container-horizontal .swiper-pagination-bullet + .swiper-pagination-bullet { + margin-top: 36px; + } +} + +.swiper-slider-1 .swiper-button-prev, +.swiper-slider-1 .swiper-button-next { + display: none; +} + +/** @section Google Map */ +.google-map-markers { + display: none; +} + +.google-map-container { + width: 100%; +} + +.google-map { + height: 300px; + width: 100%; +} + +@media (min-width: 768px) { + .google-map { + height: 400px; + } +} + +@media (min-width: 992px) { + .google-map { + height: 570px; + } +} + +.google-map-style-1 { + position: relative; + z-index: 1; +} + +.google-map-style-1 .google-map-container { + margin-top: 50px; +} + +@media (max-width: 575.98px) { + .google-map-style-1 { + padding-bottom: 0; + } +} + +@media (min-width: 576px) { + .google-map-style-1 .google-map-container { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin-top: 0; + z-index: -1; + } + .google-map-style-1 .google-map { + height: 100%; + } +} + +/** @section Search Results */ +.rd-search-results-live { + position: absolute; + left: 0; + right: 0; + top: 100%; + max-height: 600px; + overflow-y: auto; + margin: -3px 0 0; + text-align: left; + z-index: 998; +} + +.rd-search-results-live #search-results { + position: relative; + padding: 16px 0 0; + color: #151515; + background: #f5f5f5; + opacity: 0; + visibility: hidden; + transform-origin: 50% 0; + transform: scale(1, 0.9); + transition: .3s all ease; +} + +.rd-search-results-live #search-results::before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + z-index: -1; + border: 1px solid #d7d7d7; + border-top: 0; +} + +.rd-search-results-live #search-results.active { + opacity: 1; + visibility: visible; + transform: scale(1, 1); +} + +.rd-search-results-live .search-quick-result { + padding-left: 15px; + padding-right: 15px; + font-family: "Playfair Display", serif; + font-size: 14px; + font-weight: 700; + line-height: 30px; + text-transform: uppercase; + color: #151515; +} + +.rd-search-results-live .search-list { + margin-top: 11px; +} + +.rd-search-results-live .search-list li:only-child { + padding: 0 15px 15px; +} + +.rd-search-results-live .search-link { + color: #c8c8c8; +} + +.rd-search-results-live .search-link:hover { + color: #00aeef; +} + +.rd-search-results-live .search-error { + font-size: 14px; + line-height: 1.6; +} + +.rd-search-results-live .search-title { + position: relative; + font-family: "Playfair Display", serif; + font-size: 14px; + font-weight: 700; + color: #151515; +} + +.rd-search-results-live .search-title a:hover { + color: #00aeef; +} + +.rd-search-results-live .search-list-item-all { + margin-top: 18px; + width: 100%; +} + +.rd-search-results-live .search-submit { + position: relative; + overflow: hidden; + z-index: 0; + display: block; + padding: 8px; + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-size: 14px; + font-weight: 700; + letter-spacing: 0.05em; + text-transform: uppercase; + text-align: center; + color: #ffffff; + background: #00aeef; +} + +.rd-search-results-live .search-submit:hover { + color: #ffffff; + background: #c8c8c8; +} + +.rd-search-results-live .match { + display: none; +} + +.not-empty ~ .rd-search-results-live { + visibility: visible; + opacity: 1; +} + +.rd-search-results-live p { + font-size: 11px; +} + +.rd-search-results-live p * { + margin: 0; +} + +.rd-search-results-live .search-list-item { + padding: 0 15px; +} + +.rd-search-results-live * + p { + margin-top: 5px; +} + +.rd-search-results-live .search-list-item + .search-list-item { + margin-top: 17px; +} + +.rd-search-results .search-list { + counter-reset: li; + text-align: left; + padding-left: 0; + font-size: 18px; + list-style-type: none; + overflow: hidden; +} + +.rd-search-results .search-list li div { + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + white-space: nowrap; +} + +.rd-search-results .search-list li:only-child::before { + display: none; +} + +.rd-search-results .search-list-item { + position: relative; + padding-left: 40px; + font-size: 16px; + color: #9b9b9b; +} + +.rd-search-results .search-list-item::before { + content: counter(li, decimal-leading-zero) "."; + counter-increment: li; + position: absolute; + left: 0; + top: 0; + font-size: 16px; + line-height: 1.66667; + font-weight: 300; + color: #000000; +} + +.rd-search-results .search-list-item + .search-list-item { + margin-top: 40px; +} + +.rd-search-results .search-title { + font-size: 16px; + color: #000000; +} + +.rd-search-results .search { + color: #ffffff; + padding: 0 .25em; + background: #00aeef; +} + +.rd-search-results .match { + padding: 5px; + font-size: 12px; + line-height: 1.7; + letter-spacing: .1em; + text-transform: uppercase; + color: #000000; +} + +.rd-search-results .match em { + margin: 0; + font-style: normal; +} + +.rd-search-results p * { + margin: 0; +} + +.rd-search-results * + .match { + margin-top: 10px; +} + +@media (min-width: 768px) { + .rd-search-results .search-title { + font-size: 18px; + } + .rd-search-results .search-list-item::before { + font-size: 18px; + } + .rd-search-results * + p { + margin-top: 12px; + } +} + +@media (min-width: 992px) { + .rd-search-results .search-list-item { + padding-left: 40px; + } +} + +* + .rd-search-results { + margin-top: 40px; +} + +@media (min-width: 768px) { + * + .rd-search-results { + margin-top: 55px; + } +} + +.rd-search-classic { + position: relative; +} + +.rd-search-classic .form-input { + padding-right: 50px; +} + +.rd-search-classic .form-input, +.rd-search-classic .form-label { + letter-spacing: 0; +} + +.rd-search-classic .rd-search-submit { + background: none; + border: none; + display: inline-block; + padding: 0; + outline: none; + outline-offset: 0; + cursor: pointer; + -webkit-appearance: none; + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 50px; + padding-top: 3px; + padding-right: 2px; + margin: 0; + text-align: center; + color: #c8c8c8; + font-size: 0; + line-height: 0; +} + +.rd-search-classic .rd-search-submit::-moz-focus-inner { + border: none; + padding: 0; +} + +.rd-search-classic .rd-search-submit:before { + position: relative; + top: -1px; + content: '\e014'; + font: 400 20px 'fl-chapps'; + line-height: 1; + transition: .33s all ease; +} + +.rd-search-classic .rd-search-submit:hover { + color: #00aeef; +} + +.rd-search.rd-search-inline { + position: relative; +} + +.rd-search.rd-search-inline .form-input { + padding-right: 60px; +} + +.rd-search.rd-search-inline .button-link { + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 60px; + right: 0; + margin: 0; + font-size: 21px; + color: #c8c8c8; + transition: .33s; +} + +.rd-search.rd-search-inline .button-link::before { + display: block; + margin: auto; +} + +.rd-search.rd-search-inline .button-link:hover { + color: #00aeef; +} + +.rd-search.rd-search-inline.form-sm .form-input { + padding-right: 50px; +} + +.rd-search.rd-search-inline.form-sm .button-link { + width: 50px; + font-size: 18px; +} + +.rd-search.rd-search-inline.form-lg .form-input { + padding-right: 70px; +} + +.rd-search.rd-search-inline.form-lg .button-link { + width: 70px; +} + +.form-search .form-input, +.form-search .form-label { + padding-right: 60px; +} + +.button-search { + text-align: center; + position: absolute; + padding: 5px; + top: 0; + right: 0; + bottom: 0; + width: 60px; + border: none; + font-size: 22px; + line-height: 1; + transition: all .3s ease-in-out; + cursor: pointer; +} + +.button-search, .button-search:focus { + color: #151515; + background: transparent; +} + +.button-search:hover, .button-search:active { + color: #00aeef; +} + +/** @section Isotope */ +.isotope { + z-index: 0; + display: block; + transition: .3s ease; +} + +.isotope-sizer { + height: 0; + margin-top: -1px; + margin-bottom: 0; +} + +.isotope-item { + display: block; + will-change: transform; + backface-visibility: hidden; + transition: .1s opacity ease-in; +} + +.isotope-filters { + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +* + .isotope { + margin-top: 28px; +} + +/** @section Nav custom */ +.tabs-custom { + text-align: left; +} + +.tabs-custom .nav-tabs { + font-size: 0; + line-height: 0; + word-spacing: 0; + border: 0; +} + +.tabs-custom .nav-tabs:before, .tabs-custom .nav-tabs:after { + display: none; +} + +.tabs-custom .nav-item { + float: none; + border: 0; + cursor: pointer; + transition: .33s all ease; +} + +.tabs-custom .nav-link { + margin: 0; + border-radius: 0; + border: 0; +} + +.tabs-custom .nav-link.active { + cursor: default; + border: 0; +} + +.tab-content > .tab-pane { + display: block; + visibility: hidden; + height: 0; + overflow: hidden; +} + +.tab-content > .active { + visibility: visible; + height: auto; + overflow: visible; +} + +* + .tabs-horizontal.tabs-corporate { + margin-top: 25px; +} + +* + .tabs-vertical.tabs-corporate { + margin-top: 40px; +} + +@media (min-width: 768px) { + * + .tabs-vertical.tabs-corporate { + margin-top: 60px; + } +} + +@media (min-width: 1200px) { + * + .tabs-vertical.tabs-corporate { + margin-top: 80px; + } +} + +.tabs-line .nav-tabs { + position: relative; +} + +.tabs-line .nav-link { + text-transform: uppercase; + font-size: 13px; + font-weight: 500; + line-height: 1.4; + text-align: center; + vertical-align: middle; +} + +.tabs-line * + .tab-content { + margin-top: 20px; +} + +@media (max-width: 991.98px) { + .tabs-line .nav-tabs { + max-width: 100%; + border: 1px solid #e5e7e9; + } + .tabs-line .nav-item { + margin: -1px; + } + .tabs-line .nav-link { + padding: 7px 10px; + color: #808081; + background: transparent; + border-bottom: 1px solid #e5e7e9; + } + .tabs-line .nav-link:first-child { + border-top: 1px solid #e5e7e9; + } + .tabs-line .nav-link:hover, + .tabs-line .nav-link.active { + color: #ffffff; + background: #00aeef; + border-color: #00aeef; + } +} + +.tabs-corporate .nav-tabs { + position: relative; + border: 1px solid #e5e7e9; +} + +.tabs-corporate .nav-item { + margin: -1px; +} + +.tabs-corporate .nav-link { + padding: 10px 10px; + text-transform: uppercase; + font-size: 12px; + font-weight: 700; + line-height: 1.4; + color: #808081; + background: transparent; + border-bottom: 1px solid #e5e7e9; + text-align: center; + vertical-align: middle; +} + +.tabs-corporate .nav-link:first-child { + border-top: 1px solid #e5e7e9; +} + +.tabs-corporate .nav-link:hover, +.tabs-corporate .nav-link.active { + color: #ffffff; + background: #00aeef; + border-color: #00aeef; +} + +.tabs-corporate .tab-content { + padding: 30px 0 0; +} + +@media (min-width: 768px) { + .tabs-horizontal.tabs-corporate .nav-tabs { + position: relative; + width: 100%; + display: block; + transform: translate3d(0, -10px, 0); + margin-bottom: -10px; + margin-left: -5px; + margin-right: -5px; + text-align: center; + border: 0; + will-change: transform; + } + .tabs-horizontal.tabs-corporate .nav-tabs > * { + margin-top: 10px; + padding-left: 5px; + padding-right: 5px; + } + .tabs-horizontal.tabs-corporate .nav-item { + display: inline-block; + will-change: transform; + } + .tabs-horizontal.tabs-corporate .nav-link { + display: block; + position: relative; + z-index: 1; + min-width: 130px; + letter-spacing: .1em; + padding: 13px 20px; + border: 2px solid #e5e7e9; + } + .tabs-horizontal.tabs-corporate .nav-link, .tabs-horizontal.tabs-corporate .nav-link::before { + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + } + .tabs-horizontal.tabs-corporate .nav-link::before { + content: ''; + position: absolute; + top: -1px; + left: -1px; + width: calc(100% + 2px); + height: calc(100% + 2px); + z-index: -1; + opacity: 0; + transform: scale3d(0.7, 1, 1); + transition: transform 0.4s, opacity 0.4s; + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + background: #00aeef; + } + .tabs-horizontal.tabs-corporate .nav-link.active, + .tabs-horizontal.tabs-corporate .nav-link:hover { + color: #ffffff; + border-color: #00aeef; + background-color: transparent; + } + .tabs-horizontal.tabs-corporate .nav-link.active::before, + .tabs-horizontal.tabs-corporate .nav-link:hover::before { + opacity: 1; + transform: translate3d(0, 0, 0) scale3d(1, 1, 1); + } + .tabs-horizontal.tabs-line .nav-tabs { + border: 0; + border-bottom: 4px solid #d7d7d7; + } + .tabs-horizontal.tabs-line .nav-item { + display: inline-block; + } + .tabs-horizontal.tabs-line .nav-item:not(:last-child) { + margin-right: 52px; + } + .tabs-horizontal.tabs-line .nav-link { + position: relative; + padding: 0 0 15px 0; + background-color: transparent; + color: #9b9b9b; + border: 0; + } + .tabs-horizontal.tabs-line .nav-link::after { + content: ''; + position: absolute; + bottom: -4px; + left: 0; + height: 4px; + width: 0; + background: #00aeef; + transition: .22s ease; + } + .tabs-horizontal.tabs-line .nav-link.active, + .tabs-horizontal.tabs-line .nav-link:hover { + color: #c8c8c8; + } + .tabs-horizontal.tabs-line .nav-link.active::after { + width: 100%; + } + .tabs-horizontal.tabs-line * + .tab-content { + margin-top: 30px; + } + .tabs-vertical { + display: flex; + align-items: flex-start; + } + .tabs-vertical .nav-tabs { + display: flex; + flex-direction: column; + align-items: stretch; + flex-shrink: 0; + max-width: 50%; + } + .tabs-vertical .nav-item { + border: 0; + width: 100%; + text-align: left; + } + .tabs-vertical .nav-link.active, + .tabs-vertical .nav-link:hover { + box-shadow: 0 9px 21px 0 rgba(30, 30, 30, 0.13); + } + .tabs-vertical .tab-content { + flex-grow: 1; + } + .tabs-vertical.tabs-corporate .nav-tabs { + width: auto; + min-width: 260px; + border: 0; + } + .tabs-vertical.tabs-corporate .nav-item { + margin: 0; + } + .tabs-vertical.tabs-corporate .nav-link { + position: relative; + padding: 17px 30px; + border: 0; + overflow: hidden; + text-align: left; + } + .tabs-vertical.tabs-corporate .nav-item + .nav-item { + margin-top: 2px; + } + .tabs-vertical.tabs-corporate .tab-content { + padding: 0 0 0 30px; + } +} + +@media (min-width: 992px) { + .tabs-horizontal.tabs-corporate .tab-content { + padding: 60px 30px 0; + } + .tabs-vertical.tabs-corporate .tab-content { + padding: 0 0 0 45px; + } +} + +.tabs-classic .nav-tabs { + display: flex; + align-items: stretch; + justify-content: center; + margin-bottom: -5px; + margin-left: -10px; +} + +.tabs-classic .nav-tabs:empty { + margin-bottom: 0; + margin-left: 0; +} + +.tabs-classic .nav-tabs > * { + margin-top: 0; + margin-bottom: 5px; + margin-left: 10px; +} + +.tabs-classic .nav-item { + border: 0; + text-align: left; +} + +.tabs-classic .nav-link { + position: relative; + padding: 5px 20px; + font-size: 13px; + line-height: 1.6; + font-weight: 700; + letter-spacing: .12em; + text-transform: uppercase; + color: rgba(21, 21, 21, 0.5); + border-radius: 50px; + z-index: 1; + transition: .3s all ease; +} + +.tabs-classic .nav-link::before { + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + opacity: 0; + background-size: 200% auto; + background-position: 0 50%; + background: #00aeef; + z-index: -1; +} + +.tabs-classic .nav-link.active, +.tabs-classic .nav-link:hover { + color: #ffffff; + background: transparent; +} + +.tabs-classic .nav-link.active::before, +.tabs-classic .nav-link:hover::before { + opacity: 1; +} + +.tabs-classic .nav-link.active::before { + background-position-x: 100%; +} + +.tabs-classic * + .tab-content { + margin-top: 25px; +} + +@media (min-width: 768px) { + .tabs-classic .nav-link { + padding: 8px 30px; + font-size: 15px; + } + .tabs-classic * + .tab-content { + margin-top: 35px; + } +} + +@media (min-width: 992px) { + .tabs-classic-2 * + .tab-content { + margin-top: 50px; + } +} + +@media (min-width: 1200px) { + .tabs-classic-2 * + .tab-content { + margin-top: 70px; + } +} + +.tabs-classic-3 .nav-link::before { + background: #00aeef; +} + +* + .tabs-classic { + margin-top: 30px; +} + +.tabs-classic + .table-custom-responsive { + margin-top: 30px; +} + +@media (min-width: 768px) { + * + .tabs-classic { + margin-top: 50px; + } + .tabs-classic + .table-custom-responsive { + margin-top: 50px; + } +} + +@media (min-width: 992px) { + * + .tabs-classic { + margin-top: 60px; + } + .tabs-classic + .table-custom-responsive { + margin-top: 60px; + } +} + +.context-dark .tabs-classic .nav-link, .bg-gray-700 .tabs-classic .nav-link, .bg-gray-800 .tabs-classic .nav-link, .bg-gray-5 .tabs-classic .nav-link, .bg-gray-13 .tabs-classic .nav-link, .bg-gray-14 .tabs-classic .nav-link, .bg-gray-17 .tabs-classic .nav-link, .bg-gray-19 .tabs-classic .nav-link, .bg-gray-21 .tabs-classic .nav-link, .bg-primary .tabs-classic .nav-link, .bg-secondary .tabs-classic .nav-link, .bg-gradient-1 .tabs-classic .nav-link { + color: rgba(255, 255, 255, 0.55); +} + +.context-dark .tabs-classic .nav-link.active, .bg-gray-700 .tabs-classic .nav-link.active, .bg-gray-800 .tabs-classic .nav-link.active, .bg-gray-5 .tabs-classic .nav-link.active, .bg-gray-13 .tabs-classic .nav-link.active, .bg-gray-14 .tabs-classic .nav-link.active, .bg-gray-17 .tabs-classic .nav-link.active, .bg-gray-19 .tabs-classic .nav-link.active, .bg-gray-21 .tabs-classic .nav-link.active, .bg-primary .tabs-classic .nav-link.active, .bg-secondary .tabs-classic .nav-link.active, .bg-gradient-1 .tabs-classic .nav-link.active, +.context-dark .tabs-classic .nav-link:hover, +.bg-gray-700 .tabs-classic .nav-link:hover, +.bg-gray-800 .tabs-classic .nav-link:hover, +.bg-gray-5 .tabs-classic .nav-link:hover, +.bg-gray-13 .tabs-classic .nav-link:hover, +.bg-gray-14 .tabs-classic .nav-link:hover, +.bg-gray-17 .tabs-classic .nav-link:hover, +.bg-gray-19 .tabs-classic .nav-link:hover, +.bg-gray-21 .tabs-classic .nav-link:hover, +.bg-primary .tabs-classic .nav-link:hover, +.bg-secondary .tabs-classic .nav-link:hover, +.bg-gradient-1 .tabs-classic .nav-link:hover { + color: #ffffff; +} + +.tabs-minimal .nav-tabs { + display: flex; + align-items: stretch; + justify-content: center; + margin-bottom: -10px; + margin-left: -30px; +} + +.tabs-minimal .nav-tabs:empty { + margin-bottom: 0; + margin-left: 0; +} + +.tabs-minimal .nav-tabs > * { + margin-top: 0; + margin-bottom: 10px; + margin-left: 30px; +} + +.tabs-minimal .nav-item { + border: 0; + text-align: left; +} + +.tabs-minimal .nav-link { + position: relative; + padding: 0; + font-size: 13px; + line-height: 1.6; + font-weight: 700; + letter-spacing: .12em; + text-transform: uppercase; + color: rgba(21, 21, 21, 0.5); + border-radius: 50px; + z-index: 1; +} + +.tabs-minimal .nav-link.active, +.tabs-minimal .nav-link:hover { + color: #00aeef; + background: transparent; +} + +.tabs-minimal .nav-link.active::before, +.tabs-minimal .nav-link:hover::before { + opacity: 1; +} + +.tabs-minimal .nav-link.active::before { + background-position-x: 100%; +} + +.tabs-minimal * + .tab-content { + margin-top: 20px; +} + +@media (min-width: 768px) { + .tabs-minimal .nav-tabs { + margin-bottom: -10px; + margin-left: -50px; + } + .tabs-minimal .nav-tabs > * { + margin-bottom: 10px; + margin-left: 50px; + } + .tabs-minimal .nav-link { + font-size: 15px; + } + .tabs-minimal * + .tab-content { + margin-top: 30px; + } +} + +.tabs-modern .nav-tabs-wrap { + padding: 10px; + border: 1px solid #f2f8ff; +} + +.tabs-modern .nav-tabs { + display: flex; + align-items: stretch; + justify-content: center; + margin-bottom: -5px; + margin-left: -30px; +} + +.tabs-modern .nav-tabs:empty { + margin-bottom: 0; + margin-left: 0; +} + +.tabs-modern .nav-tabs > * { + margin-top: 0; + margin-bottom: 5px; + margin-left: 30px; +} + +.tabs-modern .nav-item { + border: 0; + text-align: left; +} + +.tabs-modern .nav-link { + position: relative; + padding: 0; + font-size: 13px; + line-height: 1.6; + font-weight: 700; + letter-spacing: .12em; + text-transform: uppercase; + color: rgba(21, 21, 21, 0.5); + border-radius: 50px; + z-index: 1; +} + +.tabs-modern .nav-link.active, +.tabs-modern .nav-link:hover { + color: #00aeef; + background: transparent; +} + +.tabs-modern .nav-link.active::before, +.tabs-modern .nav-link:hover::before { + opacity: 1; +} + +.tabs-modern .nav-link.active::before { + background-position-x: 100%; +} + +.tabs-modern * + .tab-content { + margin-top: 20px; +} + +@media (min-width: 768px) { + .tabs-modern .nav-tabs-wrap { + padding: 20px; + } + .tabs-modern .nav-tabs { + margin-bottom: -10px; + margin-left: -50px; + } + .tabs-modern .nav-tabs > * { + margin-bottom: 10px; + margin-left: 50px; + } + .tabs-modern .nav-link { + font-size: 15px; + } + .tabs-modern * + .tab-content { + margin-top: 30px; + } +} + +@media (min-width: 992px) { + .tabs-modern .nav-tabs-wrap { + padding: 27px 40px; + } + .tabs-modern .nav-tabs { + margin-bottom: -10px; + margin-left: -70px; + } + .tabs-modern .nav-tabs > * { + margin-bottom: 10px; + margin-left: 70px; + } + .tabs-modern * + .tab-content { + margin-top: 40px; + } +} + +@media (min-width: 1200px) { + .tabs-modern .nav-tabs { + margin-bottom: -10px; + margin-left: -100px; + } + .tabs-modern .nav-tabs > * { + margin-bottom: 10px; + margin-left: 100px; + } +} + +* + .tabs-modern { + margin-top: 30px; +} + +@media (min-width: 768px) { + * + .tabs-modern { + margin-top: 40px; + } +} + +.tabs-style-1 { + position: relative; + padding-bottom: 0; + z-index: 0; +} + +.tabs-style-1 .tabs-custom { + position: relative; +} + +.tabs-style-1 .tabs-bg-1 { + position: absolute; + top: 0; + left: 19%; + bottom: 0; + width: 100vw; + z-index: -1; +} + +.tabs-style-1 .tabs-bg-2 { + position: absolute; + top: 0; + right: 30%; + bottom: 0; + width: 100vw; + z-index: -1; +} + +@media (min-width: 992px) { + .tabs-style-1 .tabs-bg-2 { + right: 25%; + } +} + +@media (min-width: 992px) { + .tabs-style-1 .tabs-bg-2 { + right: 18.5%; + } +} + +@media (min-width: 1600px) { + .tabs-style-1 .tabs-bg-2 { + right: 16.5%; + } +} + +.tabs-style-1 .nav-tabs { + position: absolute; + display: block; + text-align: center; + padding: 0 15px; + right: 0; + min-width: 30%; +} + +@media (min-width: 576px) { + .tabs-style-1 .nav-tabs { + padding: 0; + min-width: 12%; + } +} + +.tabs-style-1 .nav-item + .nav-item { + margin-top: 60px; +} + +@media (min-width: 576px) { + .tabs-style-1 .nav-item + .nav-item { + margin-top: 80px; + } +} + +.tabs-style-1 .nav-link { + padding: 0; + font-size: 14px; + line-height: 1.2; + font-weight: 400; + letter-spacing: .025em; + color: rgba(255, 255, 255, 0.5); + font-family: "Playfair Display", serif; +} + +.tabs-style-1 .nav-link::after { + display: none; + content: ''; + height: 0; + width: 40px; + margin-left: 10px; + border-top: 2px solid; + transform: translateX(100%); + transition: all .3s ease; +} + +@media (min-width: 576px) { + .tabs-style-1 .nav-link { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 16px; + } + .tabs-style-1 .nav-link::after { + display: inline-block; + } +} + +@media (min-width: 768px) { + .tabs-style-1 .nav-link { + font-size: 20px; + } +} + +@media (min-width: 1200px) { + .tabs-style-1 .nav-link { + font-size: 24px; + } + .tabs-style-1 .nav-link::after { + width: 77px; + } +} + +.tabs-style-1 .nav-link.active, +.tabs-style-1 .nav-link:hover { + color: #ffffff; + background: transparent; +} + +.tabs-style-1 .nav-link.active::after { + transform: none; +} + +.tabs-style-1 .tabs-custom { + padding: 50px 30% 50px 0; +} + +.tabs-style-1 .tabs-custom > .container { + margin-right: 0; + margin-left: auto; +} + +@media (min-width: 768px) { + .tabs-style-1 .tabs-custom { + padding: 80px 25% 80px 0; + } +} + +@media (min-width: 992px) { + .tabs-style-1 .tabs-custom { + padding: 90px 18.5% 90px 0; + } +} + +@media (min-width: 1200px) { + .tabs-style-1 .tabs-custom { + padding-bottom: 140px; + } +} + +@media (min-width: 1600px) { + .tabs-style-1 .tabs-custom { + padding-bottom: 190px; + } +} + +@media (min-width: 2000px) { + .tabs-style-1 .tabs-custom { + padding-left: 18.5%; + } + .tabs-style-1 .tabs-custom > .container { + margin-right: auto; + } +} + +.tabs-style-1 * + .row { + margin-top: 0; +} + +.tabs-style-2 .nav-tabs { + flex-wrap: nowrap; + margin-left: -20px; +} + +.tabs-style-2 .nav-tabs > * { + margin-left: 20px; +} + +@media (min-width: 768px) { + .tabs-style-2 .nav-tabs { + position: relative; + min-height: 315px; + } +} + +@media (min-width: 992px) { + .tabs-style-2 .nav-tabs { + margin-left: 40px; + } +} + +@media (min-width: 1200px) { + .tabs-style-2 .nav-tabs { + margin-left: 80px; + } +} + +@media (min-width: 768px) { + .tabs-style-2 .nav-item { + position: absolute; + width: 22.9%; + } + .tabs-style-2 .nav-item:nth-child(1) { + top: 12%; + left: 0; + } + .tabs-style-2 .nav-item:nth-child(2) { + top: 14%; + left: 75%; + } + .tabs-style-2 .nav-item:nth-child(3) { + top: 38%; + left: 37%; + } + .tabs-style-2 .nav-item:nth-child(4) { + top: 77%; + left: 11%; + } + .tabs-style-2 .nav-item:nth-child(5) { + top: 66%; + left: 66%; + } +} + +@media (min-width: 1400px) { + .tabs-style-2 .nav-item:nth-child(2) { + left: 81%; + } +} + +.tabs-style-2 .nav-link { + position: relative; + display: block; + overflow: hidden; + padding: 0; + border-radius: 50%; + opacity: .55; + transition: .2s ease; +} + +.tabs-style-2 .nav-link:hover { + opacity: 1; +} + +.tabs-style-2 .nav-link.active { + box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.23); + opacity: 1; +} + +@media (min-width: 768px) { + .tabs-style-2 .nav-link.active { + transform: scale(1.47); + } +} + +.tabs-style-2 .nav-link img { + width: 100%; + border-radius: inherit; +} + +.tabs-style-2 * + .tab-content { + margin-top: 30px; +} + +@media (min-width: 768px) { + .tabs-style-2 * + .tab-content { + margin-top: 40px; + } +} + +.mac-os .tabs-style-2 img { + will-change: transform; +} + +.tabs-trigger > div:not(.active) { + display: none; +} + +/** @section Panel custom */ +.card-group-custom { + margin-bottom: 0; +} + +.card-group-custom .card-header + .collapse > .card-body, +.card-group-custom .card-header + .collapse > .list-group { + border-top: 0; +} + +.card-group-custom .card + .card { + margin-top: 0; +} + +.card-group-custom.card-group-corporate .card + .card { + margin-top: 30px; +} + +.card-group-minimal .card-minimal + .card-minimal { + margin-top: 0; +} + +.card-custom { + display: block; + margin: 0; + background: inherit; + border: 0; + border-radius: 0; + box-shadow: none; + text-align: left; +} + +.card-custom a { + display: block; +} + +.card-custom .card-header { + padding: 0; + border-bottom: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.card-custom .card-body { + padding: 0; + border: 0; +} + +.card-custom .card-title { + margin-bottom: 0; +} + +* + .card-group-custom { + margin-top: 35px; +} + +@media (min-width: 768px) { + * + .card-group-custom { + margin-top: 50px; + } +} + +.card-corporate { + text-align: left; + box-shadow: -1px 2px 5px 0px rgba(68, 73, 83, 0.12); +} + +.card-corporate .card-title a, +.card-corporate .card-body { + background: #ffffff; +} + +.card-corporate .card-title a { + position: relative; + z-index: 1; + padding: 21px 82px 21px 32px; + font-weight: 700; + font-size: 16px; + line-height: 1.25; + letter-spacing: 0; + color: #151515; + transition: 1.3s all ease; + border-radius: 6px 6px 0 0; + border-bottom: 1px solid #dedede; +} + +.card-corporate .card-title a .card-arrow:after { + opacity: 0; + visibility: hidden; +} + +.card-corporate .card-title a.collapsed { + border-radius: 6px; + border-bottom-width: 0; +} + +.card-corporate .card-title a.collapsed .card-arrow { + border-radius: 0 6px 6px 0; +} + +.card-corporate .card-title a.collapsed .card-arrow:after { + opacity: 1; + visibility: visible; +} + +.card-corporate .card-arrow { + position: absolute; + top: 0; + bottom: -1px; + right: -1px; + z-index: 2; + width: 70px; + background: #00aeef; + border-radius: 0 6px 0 0; + transition: .33s all ease; +} + +.card-corporate .card-arrow::before, .card-corporate .card-arrow::after { + content: ''; + position: absolute; + top: 50%; + z-index: 4; + transform: translateY(-50%); + background: #ffffff; +} + +.card-corporate .card-arrow::before { + width: 14px; + height: 2px; + right: 28px; +} + +.card-corporate .card-arrow::after { + width: 2px; + height: 14px; + right: 34px; +} + +.card-corporate .collapse { + position: relative; + z-index: 1; + color: #808081; + border-radius: 0 0 6px 6px; +} + +.card-corporate .card-body { + padding: 25px 44px 25px 32px; +} + +@media (max-width: 991.98px) { + .card-corporate .card-title a, + .card-corporate .card-body { + padding-left: 25px; + } +} + +@media (min-width: 768px) { + .card-corporate .card-title a { + font-size: 18px; + } +} + +.card-minimal { + text-align: left; + border-bottom: 1px solid #e7eff6; +} + +.card-minimal .card-title a, +.card-minimal .card-body { + background: #ffffff; +} + +.card-minimal .card-title a { + position: relative; + padding: 15px 40px 15px 0; + font-size: 16px; + line-height: 1.66667; + font-weight: 500; + letter-spacing: .025em; + color: #151515; + border-bottom: 1px solid #e7eff6; + transition: all .3s ease-in-out; + z-index: 1; +} + +.card-minimal .card-title a:hover { + color: #00aeef; +} + +.card-minimal .card-title a:hover .card-arrow { + color: inherit; +} + +.card-minimal .card-title a .card-arrow:before { + opacity: 0; +} + +.card-minimal .card-title a.collapsed { + border-color: transparent; +} + +.card-minimal .card-title a.collapsed .card-arrow::before, .card-minimal .card-title a.collapsed .card-arrow::after { + transform: translate3d(-50%, -50%, 0); +} + +.card-minimal .card-title a.collapsed .card-arrow::before { + opacity: 1; +} + +.card-minimal .card-arrow { + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 30px; + color: #151515; + z-index: 2; +} + +.card-minimal .card-arrow::before, .card-minimal .card-arrow::after { + position: absolute; + display: inline-block; + content: ''; + top: 50%; + left: 50%; + border-top: 2px solid; + transform: translate3d(-50%, -50%, 0) rotate(90deg); + transition: opacity .3s ease, transform .3s ease; +} + +.card-minimal .card-arrow::before { + height: 0; + width: 18px; + border-top: 2px solid; +} + +.card-minimal .card-arrow::after { + height: 18px; + width: 0; + border-left: 2px solid; +} + +.card-minimal .collapse { + position: relative; + z-index: 1; +} + +.card-minimal .card-body { + padding: 20px 0; +} + +@media (min-width: 768px) { + .card-minimal .card-title a { + font-size: 18px; + } + .card-minimal .card-body { + padding: 30px 0; + } +} + +@media (min-width: 992px) { + .card-minimal .card-title a { + padding: 25px 40px 25px 0; + font-size: 20px; + } + .card-minimal .card-body { + padding: 40px 0; + } +} + +@media (min-width: 1200px) { + .card-minimal .card-title a { + font-size: 24px; + } +} + +.card-style-1 .card-body { + padding-top: 16px; +} + +.card-style-1 .owl-carousel.owl-hidden { + opacity: 1; +} + +.card-style-1 .owl-carousel .owl-dots { + margin-top: 20px; +} + +.card-style-1 + .card-style-1 { + margin-top: 20px; +} + +/** @section Tooltop Custom */ +.tooltip { + font-size: 16px; + line-height: 1.25; + font-weight: 400; + letter-spacing: .025em; +} + +.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { + border-top-color: #151515; +} + +.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + border-bottom-color: #151515; +} + +.tooltip-inner { + border-radius: 0; +} + +/** @section Counter */ +.counter-main > * { + display: inline; + vertical-align: top; +} + +.counter-number { + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 300; + letter-spacing: .025em; + color: rgba(21, 21, 21, 0.6); +} + +.counter-postfix { + font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + margin-left: 10px; + text-transform: uppercase; + background: #00aeef; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +* + .counter-text { + margin-top: 10px; +} + +@media (min-width: 768px) { + .counter-postfix { + line-height: 1.7; + } + * + .counter-text { + margin-top: 16px; + } +} + +@media (min-width: 1200px) { + .counter-postfix { + font-size: 36px; + line-height: 2; + } +} + +@media (min-width: 1600px) { + .counter-number { + font-size: 90px; + } +} + +.ie-10 .counter-postfix, +.ie-11 .counter-postfix, +.ie-edge .counter-postfix { + color: #00aeef; + background: none; +} + +.counter-classic-wrap .counter-classic:nth-child(odd)::before { + position: absolute; + content: ''; + top: 0; + bottom: 0; + left: -36%; + width: 150vw; + background-image: linear-gradient(90deg, #3d3d3d 0%, #2f2f2f 40%); + z-index: -1; +} + +.counter-classic { + position: relative; + padding: 30px 0; + z-index: 0; +} + +.counter-classic-main { + min-width: 90px; + padding-right: 20px; + border-right: 1px solid #dddddd; +} + +.counter-classic-main > * { + display: inline; + vertical-align: top; +} + +.counter-classic-number { + font-weight: 300; + letter-spacing: .025em; +} + +.counter-classic-postfix { + margin-left: 4px; + color: #00aeef; + text-transform: uppercase; +} + +.counter-classic-icon { + text-align: center; + width: 50px; + height: 50px; + font-size: 30px; + line-height: 46px; + border: 2px solid; + border-radius: 50%; + color: #ffffff; +} + +* + .counter-classic-text { + margin-top: 10px; +} + +@media (min-width: 576px) { + .counter-classic-main { + min-width: 100px; + } +} + +@media (min-width: 768px) { + .counter-classic-wrap { + display: flex; + flex-direction: column; + } + .counter-classic { + display: flex; + align-items: center; + flex-grow: 1; + } + .counter-classic-main { + min-width: 130px; + } + .counter-classic-postfix { + margin-left: 10px; + line-height: 1.7; + } + * + .counter-classic-text { + margin-top: 20px; + } +} + +@media (min-width: 992px) { + .counter-classic-main { + min-width: 145px; + } + .counter-classic-icon { + width: 66px; + height: 66px; + font-size: 36px; + line-height: 62px; + } +} + +@media (min-width: 1200px) { + .counter-classic-main { + min-width: 170px; + } + .counter-classic-postfix { + line-height: 2; + } +} + +@media (min-width: 1600px) { + .counter-classic-number { + font-size: 115px; + } +} + +.context-dark .counter-classic-postfix, .bg-gray-700 .counter-classic-postfix, .bg-gray-800 .counter-classic-postfix, .bg-gray-5 .counter-classic-postfix, .bg-gray-13 .counter-classic-postfix, .bg-gray-14 .counter-classic-postfix, .bg-gray-17 .counter-classic-postfix, .bg-gray-19 .counter-classic-postfix, .bg-gray-21 .counter-classic-postfix, .bg-primary .counter-classic-postfix, .bg-secondary .counter-classic-postfix, .bg-gradient-1 .counter-classic-postfix { + color: #00aeef; +} + +.context-dark .counter-classic-main, .bg-gray-700 .counter-classic-main, .bg-gray-800 .counter-classic-main, .bg-gray-5 .counter-classic-main, .bg-gray-13 .counter-classic-main, .bg-gray-14 .counter-classic-main, .bg-gray-17 .counter-classic-main, .bg-gray-19 .counter-classic-main, .bg-gray-21 .counter-classic-main, .bg-primary .counter-classic-main, .bg-secondary .counter-classic-main, .bg-gradient-1 .counter-classic-main { + border-right-color: rgba(255, 255, 255, 0.36); +} + +.counter-minimal { + text-align: left; +} + +.counter-minimal-main > * { + display: inline; + vertical-align: baseline; +} + +.counter-minimal-number { + font-weight: 100; + letter-spacing: 0; +} + +.counter-minimal-postfix { + font-weight: 300; + letter-spacing: 0; + text-transform: uppercase; +} + +.counter-minimal-title { + font-size: 15px; + font-weight: 500; + letter-spacing: .12em; + text-transform: uppercase; + color: rgba(21, 21, 21, 0.7); +} + +.counter-minimal-wrap { + display: flex; + flex-wrap: wrap; + margin-bottom: -10px; + margin-left: -30px; +} + +.counter-minimal-wrap:empty { + margin-bottom: 0; + margin-left: 0; +} + +.counter-minimal-wrap > * { + margin-top: 0; + margin-bottom: 10px; + margin-left: 30px; +} + +* + .counter-minimal-wrap { + margin-top: 30px; +} + +* + .counter-minimal-title { + margin-top: 6px; +} + +@media (min-width: 992px) { + * + .counter-minimal-wrap { + margin-top: 44px; + } +} + +@media (min-width: 1200px) { + .counter-minimal-number { + font-size: 60px; + } +} + +.counter-nikki { + text-align: center; +} + +.counter-nikki-main > * { + display: inline; + vertical-align: baseline; +} + +.counter-nikki-number { + font-weight: 100; + letter-spacing: 0; + color: #00aeef; +} + +.counter-nikki-postfix { + font-weight: 300; + letter-spacing: 0; + text-transform: uppercase; +} + +.counter-nikki-title { + font-weight: 500; + letter-spacing: .12em; + text-transform: uppercase; + color: rgba(21, 21, 21, 0.6); +} + +.counter-nikki-wrap { + display: flex; + align-items: center; + justify-content: center; +} + +.counter-nikki-wrap .counter-nikki { + padding: 20px 15px; +} + +* + .counter-nikki-title { + margin-top: 6px; +} + +@media (min-width: 1200px) { + .counter-nikki-number { + font-size: 100px; + } +} + +/** @section Progress Bars */ +.progress-linear { + position: relative; + text-align: left; +} + +.progress-linear-secondary .progress-linear-bar { + background: #8dc63f; +} + +.progress-linear-blue .progress-linear-bar { + background: #6693d0; +} + +.progress-linear-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-left: -20px; + font-size: 13px; + font-weight: 500; + letter-spacing: .1em; + text-transform: uppercase; + color: #151515; +} + +.progress-linear-header > * { + margin-left: 20px; +} + +.progress-linear-counter::after { + content: "%"; +} + +.progress-linear-body { + height: 5px; + background: #dddddd; +} + +.progress-linear-bar { + position: relative; + width: 0; + height: inherit; + background: #00aeef; + transition: 1s all ease-in-out; +} + +.progress-linear-bar::after { + position: absolute; + content: ''; + top: 50%; + right: 0; + width: 14px; + height: 14px; + border-radius: 50%; + background: inherit; + transform: translate3d(50%, -50%, 0); +} + +* + .progress-linear-body { + margin-top: 6px; +} + +.progress-linear + .progress-linear { + margin-top: 20px; +} + +@media (min-width: 576px) { + .progress-linear-header { + font-size: 15px; + } +} + +@media (min-width: 992px) { + * + .progress-linear-body { + margin-top: 12px; + } + .progress-linear + .progress-linear { + margin-top: 34px; + } +} + +/** @section Progress Circle */ +.progress-circle { + display: inline-block; + text-align: center; + line-height: 1.2; +} + +.progress-circle-block { + position: relative; +} + +.progress-circle-bg { + fill: transparent; + stroke: #f5f5f5; + stroke-width: 10px; +} + +.progress-circle-fg { + fill: transparent; + stroke: #00aeef; + stroke-width: 10px; +} + +.progress-circle-counter { + position: absolute; + top: 50%; + left: 51%; + font-size: 36px; + line-height: 36px; + transform: translate(-50%, -50%); + color: #9b9b9b; +} + +.progress-circle-counter::after { + content: "%"; +} + +.progress-circle-title { + font-size: 14px; + letter-spacing: .05em; + text-transform: uppercase; +} + +* + .progress-bar-circle-title { + margin-top: 12px; +} + +/** @section Countdown */ +.countdown { + display: inline-flex; + justify-content: center; + text-align: center; + max-width: 670px; + margin-left: -5px; + margin-right: -5px; +} + +.countdown-block { + position: relative; + padding: 0 5px; +} + +.countdown-body { + position: relative; +} + +.countdown-block-seconds { + display: none; +} + +.countdown-wrap { + display: flex; + flex-direction: column; + justify-content: center; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +.countdown-circle { + fill: transparent; + max-width: 100%; + height: auto; + width: auto; +} + +.countdown-circle-bg { + stroke: #dddddd; + stroke-width: 2px; +} + +.countdown-circle-fg { + stroke-width: 4px; +} + +.countdown-counter { + line-height: 1; + font-weight: 500; + color: #151515; + letter-spacing: .05em; +} + +.countdown-title { + letter-spacing: .1em; + color: rgba(21, 21, 21, 0.5); +} + +* + .countdown { + margin-top: 30px; +} + +.countdown + * { + margin-top: 30px; +} + +* + .countdown-title { + margin-top: 10px; +} + +@media (min-width: 576px) { + .countdown-block-seconds { + display: block; + } +} + +@media (min-width: 768px) { + .countdown { + margin-left: -10px; + margin-right: -10px; + } + .countdown-block { + padding: 0 10px; + } +} + +@media (min-width: 992px) { + * + .countdown { + margin-top: 50px; + } + .countdown + * { + margin-top: 50px; + } +} + +@media (min-width: 1200px) { + * + .countdown { + margin-top: 65px; + } + .countdown + * { + margin-top: 65px; + } +} + +.context-dark .countdown-counter, .bg-gray-700 .countdown-counter, .bg-gray-800 .countdown-counter, .bg-gray-5 .countdown-counter, .bg-gray-13 .countdown-counter, .bg-gray-14 .countdown-counter, .bg-gray-17 .countdown-counter, .bg-gray-19 .countdown-counter, .bg-gray-21 .countdown-counter, .bg-primary .countdown-counter, .bg-secondary .countdown-counter, .bg-gradient-1 .countdown-counter { + color: #ffffff; +} + +.context-dark .countdown-title, .bg-gray-700 .countdown-title, .bg-gray-800 .countdown-title, .bg-gray-5 .countdown-title, .bg-gray-13 .countdown-title, .bg-gray-14 .countdown-title, .bg-gray-17 .countdown-title, .bg-gray-19 .countdown-title, .bg-gray-21 .countdown-title, .bg-primary .countdown-title, .bg-secondary .countdown-title, .bg-gradient-1 .countdown-title { + color: rgba(255, 255, 255, 0.5); +} + +.context-dark .countdown-circle-bg, .bg-gray-700 .countdown-circle-bg, .bg-gray-800 .countdown-circle-bg, .bg-gray-5 .countdown-circle-bg, .bg-gray-13 .countdown-circle-bg, .bg-gray-14 .countdown-circle-bg, .bg-gray-17 .countdown-circle-bg, .bg-gray-19 .countdown-circle-bg, .bg-gray-21 .countdown-circle-bg, .bg-primary .countdown-circle-bg, .bg-secondary .countdown-circle-bg, .bg-gradient-1 .countdown-circle-bg { + stroke: rgba(255, 255, 255, 0.5); +} + +.countdown-style-1 { + text-align: center; + line-height: 1.2; + font-weight: 400; + letter-spacing: .075em; + text-transform: uppercase; + font-family: "Playfair Display", serif; + color: #151515; +} + +.countdown-style-1 .countdown-row { + display: flex; + justify-content: center; +} + +.countdown-style-1 .countdown-section { + min-width: 15%; + padding: 0 20px; +} + +.countdown-style-1 .countdown-section > * { + display: block; +} + +.countdown-style-1 .countdown-amount { + font-weight: 300; + font-size: -4px; +} + +.countdown-style-1 .countdown-period { + font-size: 12px; +} + +@media (min-width: 576px) { + .countdown-style-1 .countdown-amount { + font-size: 6px; + } +} + +@media (min-width: 768px) { + .countdown-style-1 .countdown-amount { + font-size: 26px; + } + .countdown-style-1 .countdown-period { + font-size: 14px; + } +} + +@media (min-width: 992px) { + .countdown-style-1 .countdown-amount { + font-size: 46px; + } + .countdown-style-1 .countdown-period { + font-size: 16px; + } +} + +@media (min-width: 1200px) { + .countdown-style-1 .countdown-amount { + font-size: 67px; + } + .countdown-style-1 .countdown-period { + font-size: 18px; + } +} + +.ie-10 .countdown-circle, +.ie-11 .countdown-circle, +.ie-edge .countdown-circle { + height: 147px; + width: 147px; +} + +/** @section Owl Carousel */ +.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); + transform: translate3d(0px, 0px, 0px); +} + +.owl-carousel .owl-wrapper, +.owl-carousel .owl-item { + backface-visibility: hidden; + transform: translate3d(0, 0, 0); +} + +.owl-carousel .owl-item { + position: relative; + min-height: 1px; + float: left; + 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, +.owl-carousel .owl-dots { + -webkit-tap-highlight-color: transparent; +} + +.owl-carousel .owl-nav.disabled, +.owl-carousel .owl-dots.disabled { + display: none; +} + +.owl-carousel .owl-prev, +.owl-carousel .owl-next, +.owl-carousel .owl-dot { + cursor: pointer; + user-select: none; + background: none; + color: inherit; + border: none; + padding: 0; + 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 { + touch-action: pan-y; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.owl-carousel.owl-grab { + cursor: grab; +} + +.owl-carousel.owl-rtl { + direction: rtl; +} + +.owl-carousel.owl-rtl .owl-item { + float: right; +} + +.owl-carousel .owl-nav { + pointer-events: none; +} + +.owl-carousel .owl-prev, +.owl-carousel .owl-next { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + top: 50%; + font-size: 36px; + line-height: 1; + color: #151515; + background: transparent; + transform: translateY(-50%); + transition: .25s ease-in-out; + pointer-events: auto; + cursor: pointer; +} + +.owl-carousel .owl-prev::before, .owl-carousel .owl-prev::after, +.owl-carousel .owl-next::before, +.owl-carousel .owl-next::after { + display: block; + font-family: "Material Design Icons"; +} + +.owl-carousel .owl-prev:hover, +.owl-carousel .owl-next:hover { + text-decoration: none; + color: #00aeef; + background: transparent; +} + +.owl-carousel .owl-prev.disabled, +.owl-carousel .owl-next.disabled { + opacity: .5; + cursor: default; + color: #151515; +} + +.owl-carousel .owl-prev { + left: 0; +} + +.owl-carousel .owl-prev::before { + content: '\f14a'; +} + +.owl-carousel .owl-next { + right: 0; +} + +.owl-carousel .owl-next::before { + content: '\f14f'; +} + +.owl-carousel .owl-dots { + text-align: center; + font-size: 0; + line-height: 0; + margin-top: 30px; +} + +@media (min-width: 768px) { + .owl-carousel .owl-dots { + margin-top: 40px; + } +} + +@media (min-width: 992px) { + .owl-carousel .owl-dots { + margin-top: 50px; + } +} + +@media (min-width: 1200px) { + .owl-carousel .owl-dots { + margin-top: 60px; + } +} + +.owl-carousel .owl-dot { + display: inline-block; + margin: 0 12px; + zoom: 1; +} + +.owl-carousel .owl-dot span { + width: 10px; + height: 10px; + background: #b7b7b7; + display: block; + -webkit-backface-visibility: visible; + transition: opacity 200ms ease; + border-radius: 50%; +} + +.owl-carousel .owl-dot.active span, .owl-carousel .owl-dot:hover span { + background: #00aeef; +} + +@media (min-width: 576px) { + .owl-carousel .owl-dot { + margin: 0 18px; + } +} + +.owl-nav-1 .owl-prev, +.owl-nav-1 .owl-next { + width: 58px; + height: 58px; + border: 2px solid; + border-radius: 50%; +} + +.owl-nav-1 .owl-prev::before { + content: '\f237'; +} + +.owl-nav-1 .owl-next::before { + content: '\f238'; +} + +.owl-nav-2 .owl-prev, +.owl-nav-2 .owl-next { + display: inline-flex; + align-items: center; + justify-content: center; + width: 58px; + height: 58px; + font-size: 30px; + line-height: 1; + color: #151515; + background: transparent; + border: 2px solid; + border-radius: 50%; + transition: .3s ease-in-out; + cursor: pointer; +} + +.owl-nav-2 .owl-prev:hover, +.owl-nav-2 .owl-next:hover { + text-decoration: none; + color: #00aeef; + background: transparent; +} + +.owl-nav-2 .owl-prev.disabled, +.owl-nav-2 .owl-next.disabled { + opacity: .5; + cursor: default; + color: #151515; +} + +.owl-nav-2 .owl-prev::before, +.owl-nav-2 .owl-next::before { + font-family: "Material Design Icons"; +} + +.owl-nav-2 .owl-prev { + margin-right: 28px; +} + +.owl-nav-2 .owl-prev::before { + content: '\f237'; +} + +.owl-nav-2 .owl-next::before { + content: '\f238'; +} + +.context-dark .owl-nav-2 .owl-prev, .bg-gray-700 .owl-nav-2 .owl-prev, .bg-gray-800 .owl-nav-2 .owl-prev, .bg-gray-5 .owl-nav-2 .owl-prev, .bg-gray-13 .owl-nav-2 .owl-prev, .bg-gray-14 .owl-nav-2 .owl-prev, .bg-gray-17 .owl-nav-2 .owl-prev, .bg-gray-19 .owl-nav-2 .owl-prev, .bg-gray-21 .owl-nav-2 .owl-prev, .bg-primary .owl-nav-2 .owl-prev, .bg-secondary .owl-nav-2 .owl-prev, .bg-gradient-1 .owl-nav-2 .owl-prev, .context-dark .owl-nav-2 .owl-prev.disabled, .bg-gray-700 .owl-nav-2 .owl-prev.disabled, .bg-gray-800 .owl-nav-2 .owl-prev.disabled, .bg-gray-5 .owl-nav-2 .owl-prev.disabled, .bg-gray-13 .owl-nav-2 .owl-prev.disabled, .bg-gray-14 .owl-nav-2 .owl-prev.disabled, .bg-gray-17 .owl-nav-2 .owl-prev.disabled, .bg-gray-19 .owl-nav-2 .owl-prev.disabled, .bg-gray-21 .owl-nav-2 .owl-prev.disabled, .bg-primary .owl-nav-2 .owl-prev.disabled, .bg-secondary .owl-nav-2 .owl-prev.disabled, .bg-gradient-1 .owl-nav-2 .owl-prev.disabled, +.context-dark .owl-nav-2 .owl-next, +.bg-gray-700 .owl-nav-2 .owl-next, +.bg-gray-800 .owl-nav-2 .owl-next, +.bg-gray-5 .owl-nav-2 .owl-next, +.bg-gray-13 .owl-nav-2 .owl-next, +.bg-gray-14 .owl-nav-2 .owl-next, +.bg-gray-17 .owl-nav-2 .owl-next, +.bg-gray-19 .owl-nav-2 .owl-next, +.bg-gray-21 .owl-nav-2 .owl-next, +.bg-primary .owl-nav-2 .owl-next, +.bg-secondary .owl-nav-2 .owl-next, +.bg-gradient-1 .owl-nav-2 .owl-next, +.context-dark .owl-nav-2 .owl-next.disabled, +.bg-gray-700 .owl-nav-2 .owl-next.disabled, +.bg-gray-800 .owl-nav-2 .owl-next.disabled, +.bg-gray-5 .owl-nav-2 .owl-next.disabled, +.bg-gray-13 .owl-nav-2 .owl-next.disabled, +.bg-gray-14 .owl-nav-2 .owl-next.disabled, +.bg-gray-17 .owl-nav-2 .owl-next.disabled, +.bg-gray-19 .owl-nav-2 .owl-next.disabled, +.bg-gray-21 .owl-nav-2 .owl-next.disabled, +.bg-primary .owl-nav-2 .owl-next.disabled, +.bg-secondary .owl-nav-2 .owl-next.disabled, +.bg-gradient-1 .owl-nav-2 .owl-next.disabled { + color: rgba(255, 255, 255, 0.4); +} + +.context-dark .owl-nav-2 .owl-prev:hover, .bg-gray-700 .owl-nav-2 .owl-prev:hover, .bg-gray-800 .owl-nav-2 .owl-prev:hover, .bg-gray-5 .owl-nav-2 .owl-prev:hover, .bg-gray-13 .owl-nav-2 .owl-prev:hover, .bg-gray-14 .owl-nav-2 .owl-prev:hover, .bg-gray-17 .owl-nav-2 .owl-prev:hover, .bg-gray-19 .owl-nav-2 .owl-prev:hover, .bg-gray-21 .owl-nav-2 .owl-prev:hover, .bg-primary .owl-nav-2 .owl-prev:hover, .bg-secondary .owl-nav-2 .owl-prev:hover, .bg-gradient-1 .owl-nav-2 .owl-prev:hover, +.context-dark .owl-nav-2 .owl-next:hover, +.bg-gray-700 .owl-nav-2 .owl-next:hover, +.bg-gray-800 .owl-nav-2 .owl-next:hover, +.bg-gray-5 .owl-nav-2 .owl-next:hover, +.bg-gray-13 .owl-nav-2 .owl-next:hover, +.bg-gray-14 .owl-nav-2 .owl-next:hover, +.bg-gray-17 .owl-nav-2 .owl-next:hover, +.bg-gray-19 .owl-nav-2 .owl-next:hover, +.bg-gray-21 .owl-nav-2 .owl-next:hover, +.bg-primary .owl-nav-2 .owl-next:hover, +.bg-secondary .owl-nav-2 .owl-next:hover, +.bg-gradient-1 .owl-nav-2 .owl-next:hover { + color: #ffffff; +} + +.owl-nav-3 .owl-prev, +.owl-nav-3 .owl-next { + width: 50px; + height: 50px; +} + +.owl-nav-3 .owl-prev { + margin-right: 20px; +} + +.owl-dots-1 .owl-dot { + margin: 0 10px; +} + +.owl-dots-1 .owl-dot span { + display: flex; + align-items: center; + justify-content: center; + width: 18px; + height: 18px; + border: 2px solid #151515; + background: transparent; +} + +.owl-dots-1 .owl-dot span::before { + display: inline-block; + content: ''; + width: 6px; + height: 6px; + background: #151515; + border-radius: inherit; + opacity: 0; + transition: .2s ease-in-out; +} + +.owl-dots-1 .owl-dot:hover span, .owl-dots-1 .owl-dot.active span { + background: transparent; +} + +.owl-dots-1 .owl-dot:hover span::before, .owl-dots-1 .owl-dot.active span::before { + opacity: 1; +} + +@media (min-width: 576px) { + .owl-dots-1 .owl-dot { + margin: 0 15px; + } +} + +.context-dark .owl-dots-1 .owl-dot span, .bg-gray-700 .owl-dots-1 .owl-dot span, .bg-gray-800 .owl-dots-1 .owl-dot span, .bg-gray-5 .owl-dots-1 .owl-dot span, .bg-gray-13 .owl-dots-1 .owl-dot span, .bg-gray-14 .owl-dots-1 .owl-dot span, .bg-gray-17 .owl-dots-1 .owl-dot span, .bg-gray-19 .owl-dots-1 .owl-dot span, .bg-gray-21 .owl-dots-1 .owl-dot span, .bg-primary .owl-dots-1 .owl-dot span, .bg-secondary .owl-dots-1 .owl-dot span, .bg-gradient-1 .owl-dots-1 .owl-dot span { + border-color: #ffffff; +} + +.context-dark .owl-dots-1 .owl-dot span::before, .bg-gray-700 .owl-dots-1 .owl-dot span::before, .bg-gray-800 .owl-dots-1 .owl-dot span::before, .bg-gray-5 .owl-dots-1 .owl-dot span::before, .bg-gray-13 .owl-dots-1 .owl-dot span::before, .bg-gray-14 .owl-dots-1 .owl-dot span::before, .bg-gray-17 .owl-dots-1 .owl-dot span::before, .bg-gray-19 .owl-dots-1 .owl-dot span::before, .bg-gray-21 .owl-dots-1 .owl-dot span::before, .bg-primary .owl-dots-1 .owl-dot span::before, .bg-secondary .owl-dots-1 .owl-dot span::before, .bg-gradient-1 .owl-dots-1 .owl-dot span::before { + background: #ffffff; +} + +.owl-dots-2 { + text-align: center; + counter-reset: div; + font-size: 0; + line-height: 0; +} + +.owl-dots-2 .owl-dot { + position: relative; + display: inline-block; + margin: 0 16px; + cursor: pointer; +} + +.owl-dots-2 .owl-dot::before { + position: absolute; + content: counter(div, decimal-leading-zero); + counter-increment: div; + top: 50%; + left: 50%; + font-size: 1rem; + line-height: 1.575; + font-weight: 400; + transform: translate(-50%, -50%); + transition: .2s ease-in-out; + visibility: hidden; + opacity: 0; +} + +.owl-dots-2 .owl-dot span { + display: inline-block; + width: 12px; + height: 12px; + border-radius: 50%; + background: rgba(255, 255, 255, 0.23); + transition: .2s ease-in-out; +} + +.owl-dots-2 .owl-dot:hover span { + background: #ffffff; +} + +.owl-dots-2 .owl-dot.active::before { + visibility: visible; + opacity: 1; +} + +.owl-dots-2 .owl-dot.active span { + background: transparent; +} + +@media (min-width: 992px) { + .owl-style-1 { + padding-right: 15px; + } +} + +@media (min-width: 1200px) { + .owl-style-1 { + max-width: 669px; + } +} + +@media (min-width: 1600px) { + .owl-style-1 { + padding: 0 45px 0 70px; + } +} + +.owl-style-2 .owl-stage-outer { + margin: 0 -50px; + padding: 0 50px; +} + +.owl-style-2 .owl-nav { + display: none; +} + +@media (min-width: 1200px) { + .owl-style-2 { + padding: 0 50px; + } + .owl-style-2 .owl-stage-outer { + overflow: visible; + margin: 0; + padding: 0; + } + .owl-style-2 .owl-dots { + display: none; + } + .owl-style-2 .owl-nav { + display: block; + } + .owl-style-2 .owl-item { + transition: .4s linear; + } + .owl-style-2 .owl-item:not(.active) { + opacity: .45; + } + .owl-style-2 .owl-item:not(.active) .quote-classic .unit { + flex-direction: row-reverse !important; + } + .owl-style-2 .owl-item.active + .owl-item .quote-classic .unit { + flex-direction: row !important; + } +} + +@media (min-width: 1600px) { + .owl-style-2 { + max-width: 1500px; + margin-left: auto; + margin-right: auto; + padding: 0 7%; + } +} + +@media (min-width: 2000px) { + .owl-style-2 { + padding-left: 130px; + padding-right: 130px; + } +} + +.owl-style-3 .owl-stage { + display: flex; + align-items: stretch; +} + +.owl-style-3 .owl-dots { + padding-bottom: 50px; +} + +.owl-style-4 .owl-nav { + display: none; +} + +@media (min-width: 992px) { + .owl-style-4 { + padding: 0 60px; + } + .owl-style-4 .owl-nav { + display: block; + } + .owl-style-4 .owl-dots { + display: none; + } +} + +@media (max-width: 1199.98px) { + .owl-style-4 .owl-prev { + left: -15px; + } + .owl-style-4 .owl-next { + right: -15px; + } +} + +@media (min-width: 1200px) { + .owl-style-4 { + padding: 0 85px 1px; + } + .owl-style-4::before { + position: absolute; + display: block; + content: ''; + bottom: 0; + left: 50%; + width: 100vw; + height: 160px; + background: #ffffff; + transform: translateX(-50%); + border-bottom: 1px solid rgba(0, 0, 0, 0.17); + z-index: -1; + } + .owl-style-4 .owl-stage-outer { + overflow: visible; + } + .owl-style-4 .owl-item { + transition: .5s linear; + } + .owl-style-4 .owl-item:not(.active) { + opacity: .3; + pointer-events: none; + } + .owl-style-4 .owl-prev, + .owl-style-4 .owl-next { + top: calc(50% - 80px); + } + .owl-style-4 .post-creative { + background: transparent; + } + .owl-style-4 .post-creative:hover { + background: #f5f5f5; + } + .owl-style-4 .post-creative-content { + min-height: 160px; + } + .owl-style-4 .post-creative-title { + max-height: 60px; + overflow: hidden; + text-overflow: ellipsis; + } +} + +@media (min-width: 1400px) { + .owl-style-4 .owl-prev { + left: -30px; + } + .owl-style-4 .owl-next { + right: -30px; + } +} + +@media (min-width: 1200px) { + * + .owl-style-4 { + margin-top: 70px; + } +} + +@media (min-width: 1200px) { + .owl-style-5 .owl-stage-outer { + overflow: visible; + } + .owl-style-5 .owl-item { + transition: .5s linear; + } + .owl-style-5 .owl-item:not(.active) { + opacity: .3; + pointer-events: none; + } +} + +.owl-style-6 .owl-dots { + text-align: left; + margin: 30px -15px 0; +} + +.owl-style-7 { + border: 1px solid #e7eff6; +} + +.owl-style-7 .owl-item.active + .owl-item.active { + border-left: 1px solid #e7eff6; +} + +@-moz-document url-prefix() { + .owl-style-7 { + padding-bottom: 1px; + } +} + +.owl-style-8 .owl-stage-outer { + margin-bottom: -50px; + padding-bottom: 50px; +} + +.owl-style-8 .owl-item:nth-child(even) .team-classic { + background: rgba(255, 255, 255, 0.1); +} + +@media (min-width: 992px) { + .owl-style-8 .owl-dots { + margin-top: 80px; + } + .desktop .owl-style-8 .owl-item:nth-child(even) .team-classic { + background: transparent; + } + .desktop .owl-style-8 .owl-item:nth-child(even) .team-classic-overlay { + background: rgba(255, 255, 255, 0.1); + } +} + +.owl-style-9 .owl-stage { + display: flex; + align-items: flex-end; +} + +.owl-style-9 .owl-dots { + position: absolute; + bottom: 15px; + text-align: left; + margin: 0 -15px; + transform: translateY(50%); +} + +.owl-style-9 .owl-item { + padding-left: 2px; +} + +@media (min-width: 992px) { + .owl-style-10 .owl-dots { + position: absolute; + bottom: 70px; + margin-top: 0; + width: 100%; + pointer-events: none; + } + .owl-style-10 .owl-dots > * { + pointer-events: auto; + } +} + +@media (min-width: 1200px) { + * + .owl-style-10 { + margin-top: 75px; + } +} + +@media (min-width: 992px) { + .owl-style-11 { + width: auto; + margin-left: -120px; + padding-right: 30px; + } +} + +@media (min-width: 1200px) { + .owl-style-11 { + padding-right: 70px; + } +} + +.owl-style-12 { + border-top: 1px solid #e7eff6; + border-bottom: 1px solid #e7eff6; +} + +.owl-style-12 .owl-nav { + display: none; +} + +@media (min-width: 1200px) { + .owl-style-12 .owl-carousel { + padding-left: 80px; + padding-right: 80px; + } + .owl-style-12 .owl-item::before { + position: absolute; + top: 50%; + right: -50px; + content: ''; + width: 1px; + height: 100%; + background-image: linear-gradient(transparent 0%, #e7eff6 50%, transparent 100%); + transform: translateY(-50%); + } + .owl-style-12 .owl-nav { + display: block; + } + .owl-style-12 .owl-dots { + display: none; + } +} + +@media (min-width: 1600px) { + .owl-style-12 .owl-carousel { + padding-left: 0; + padding-right: 0; + } + .owl-style-12 .owl-item::before { + right: -85px; + } + .owl-style-12 .owl-prev { + left: -14%; + } + .owl-style-12 .owl-next { + right: -14%; + } +} + +@media (min-width: 1800px) { + .owl-style-12 .owl-prev { + left: -18%; + } + .owl-style-12 .owl-next { + right: -18%; + } +} + +.owl-style-13 { + border-bottom: 1px solid #e7eff6; +} + +.owl-style-13 .owl-dots { + padding-bottom: 50px; +} + +.owl-style-14 .owl-stage-outer { + padding: 0 1px 30px 0; + margin: 0 -1px -30px 0; +} + +.ie-10 .ie-carousel .owl-dot, +.ie-11 .ie-carousel .owl-dot, +.ie-edge .ie-carousel .owl-dot { + transform: rotate(0.1deg); +} + +.mobile .owl-dot, +.tablet .owl-dot { + position: relative; +} + +.mobile .owl-dot::after, +.tablet .owl-dot::after { + position: absolute; + content: ''; + top: 50%; + left: 50%; + width: 30px; + height: 30px; + transform: translate3d(-50%, -50%, 0); + opacity: 0; +} + +/** @section Lightgallery */ +@font-face { + font-family: 'lg'; + src: url("../fonts/lg.eot?n1z373"); + src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg"); + font-weight: normal; + font-style: normal; +} + +.lg-icon { + font-family: 'lg'; + 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; +} + +.lg-actions .lg-next, .lg-actions .lg-prev { + background-color: rgba(0, 0, 0, 0.45); + border-radius: 2px; + color: #999; + cursor: pointer; + display: block; + font-size: 22px; + margin-top: -10px; + padding: 8px 10px 9px; + position: absolute; + top: 50%; + z-index: 1090; + border: none; + outline: none; +} + +.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { + pointer-events: none; + opacity: 0.5; +} + +.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { + color: #FFF; +} + +.lg-actions .lg-next { + right: 20px; +} + +.lg-actions .lg-next:before { + content: "\e095"; +} + +.lg-actions .lg-prev { + left: 20px; +} + +.lg-actions .lg-prev:after { + content: "\e094"; +} + +@-webkit-keyframes lg-right-end { + 0% { + left: 0; + } + 50% { + left: -30px; + } + 100% { + left: 0; + } +} + +@-moz-keyframes lg-right-end { + 0% { + left: 0; + } + 50% { + left: -30px; + } + 100% { + left: 0; + } +} + +@-ms-keyframes lg-right-end { + 0% { + left: 0; + } + 50% { + left: -30px; + } + 100% { + left: 0; + } +} + +@keyframes lg-right-end { + 0% { + left: 0; + } + 50% { + left: -30px; + } + 100% { + left: 0; + } +} + +@-webkit-keyframes lg-left-end { + 0% { + left: 0; + } + 50% { + left: 30px; + } + 100% { + left: 0; + } +} + +@-moz-keyframes lg-left-end { + 0% { + left: 0; + } + 50% { + left: 30px; + } + 100% { + left: 0; + } +} + +@-ms-keyframes lg-left-end { + 0% { + left: 0; + } + 50% { + left: 30px; + } + 100% { + left: 0; + } +} + +@keyframes lg-left-end { + 0% { + left: 0; + } + 50% { + left: 30px; + } + 100% { + left: 0; + } +} + +.lg-outer.lg-right-end .lg-object { + -webkit-animation: lg-right-end 0.3s; + -o-animation: lg-right-end 0.3s; + animation: lg-right-end 0.3s; + position: relative; +} + +.lg-outer.lg-left-end .lg-object { + -webkit-animation: lg-left-end 0.3s; + -o-animation: lg-left-end 0.3s; + animation: lg-left-end 0.3s; + position: relative; +} + +.lg-toolbar { + z-index: 1092; + left: 0; + position: absolute; + top: 0; + width: 100%; + background-color: rgba(0, 0, 0, 0.45); +} + +.lg-toolbar .lg-icon { + color: #999; + cursor: pointer; + float: right; + font-size: 24px; + height: 47px; + line-height: 27px; + padding: 10px 0; + text-align: center; + width: 45px; + text-decoration: none !important; + outline: medium none; + -webkit-transition: color 0.2s linear; + -o-transition: color 0.2s linear; + transition: color 0.2s linear; +} + +.lg-toolbar .lg-icon:hover { + color: #FFF; +} + +@media (min-width: 360px) { + .lg-toolbar .lg-icon { + width: 50px; + } +} + +.lg-toolbar .lg-close:after { + content: "\e070"; +} + +.lg-toolbar .lg-download:after { + content: "\e0f2"; +} + +.lg-sub-html { + background-color: rgba(0, 0, 0, 0.45); + bottom: 0; + color: #EEE; + font-size: 16px; + left: 0; + padding: 10px 40px; + position: fixed; + right: 0; + text-align: center; + z-index: 1090; +} + +.lg-sub-html h4 { + margin: 0; + font-size: 13px; + font-weight: bold; +} + +.lg-sub-html p { + font-size: 12px; + margin: 5px 0 0; +} + +#lg-counter { + color: #999; + display: inline-block; + font-size: 16px; + padding-left: 20px; + padding-top: 12px; + vertical-align: middle; +} + +.lg-toolbar, .lg-prev, .lg-next { + opacity: 1; + -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; + -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; + -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; + transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; +} + +.lg-hide-items .lg-prev { + opacity: 0; + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); +} + +.lg-hide-items .lg-next { + opacity: 0; + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); +} + +.lg-hide-items .lg-toolbar { + opacity: 0; + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); +} + +body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { + -webkit-transform: scale3d(0.5, 0.5, 0.5); + transform: scale3d(0.5, 0.5, 0.5); + opacity: 0; + -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; + -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; + -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; + transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; + -webkit-transform-origin: 50% 50%; + -moz-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; +} + +body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} + +.lg-outer .lg-thumb-outer { + background-color: #0D0A0A; + bottom: 0; + position: absolute; + width: 100%; + z-index: 1090; + max-height: 350px; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; + -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; + -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; +} + +.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: -o-grab; + cursor: -ms-grab; + cursor: grab; +} + +.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: -o-grabbing; + cursor: -ms-grabbing; + cursor: grabbing; +} + +.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { + -webkit-transition-duration: 0s !important; + transition-duration: 0s !important; +} + +.lg-outer.lg-thumb-open .lg-thumb-outer { + -webkit-transform: translate3d(0, 0%, 0); + transform: translate3d(0, 0%, 0); +} + +.lg-outer .lg-thumb { + padding: 10px 0; + height: 100%; + margin: 0 auto -5px; +} + +.lg-outer .lg-thumb-item { + cursor: pointer; + float: left; + overflow: hidden; + height: 100%; + border: 2px solid #FFF; + border-radius: 4px; + margin-bottom: 5px; +} + +@media (min-width: 1025px) { + .lg-outer .lg-thumb-item { + -webkit-transition: border-color 0.25s ease; + -o-transition: border-color 0.25s ease; + transition: border-color 0.25s ease; + } +} + +.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { + border-color: #00aeef; +} + +.lg-outer .lg-thumb-item img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.lg-outer.lg-has-thumb .lg-item { + padding-bottom: 120px; +} + +.lg-outer.lg-can-toggle .lg-item { + padding-bottom: 0; +} + +.lg-outer.lg-pull-caption-up .lg-sub-html { + -webkit-transition: bottom 0.25s ease; + -o-transition: bottom 0.25s ease; + transition: bottom 0.25s ease; +} + +.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { + bottom: 100px; +} + +.lg-outer .lg-toogle-thumb { + background-color: #0D0A0A; + border-radius: 2px 2px 0 0; + color: #999; + cursor: pointer; + font-size: 24px; + height: 39px; + line-height: 27px; + padding: 5px 0; + position: absolute; + right: 20px; + text-align: center; + top: -39px; + width: 50px; +} + +.lg-outer .lg-toogle-thumb:after { + content: "\e1ff"; +} + +.lg-outer .lg-toogle-thumb:hover { + color: #FFF; +} + +.lg-outer .lg-video-cont { + display: inline-block; + vertical-align: middle; + max-width: 1140px; + max-height: 100%; + width: 100%; + padding: 0 5px; +} + +.lg-outer .lg-video { + width: 100%; + height: 0; + padding-bottom: 56.25%; + overflow: hidden; + position: relative; +} + +.lg-outer .lg-video .lg-object { + display: inline-block; + position: absolute; + top: 0; + left: 0; + width: 100% !important; + height: 100% !important; +} + +.lg-outer .lg-video .lg-video-play { + width: 84px; + height: 59px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -42px; + margin-top: -30px; + z-index: 1090; + cursor: pointer; +} + +.lg-outer .lg-has-iframe .lg-video { + -webkit-overflow-scrolling: touch; + overflow: auto; +} + +.lg-outer .lg-has-vimeo .lg-video-play { + background: url("../images/vimeo-play.png") no-repeat scroll 0 0 transparent; +} + +.lg-outer .lg-has-vimeo:hover .lg-video-play { + background: url("../images/vimeo-play.png") no-repeat scroll 0 -58px transparent; +} + +.lg-outer .lg-has-html5 .lg-video-play { + background: transparent url("../images/video-play.png") no-repeat scroll 0 0; + height: 64px; + margin-left: -32px; + margin-top: -32px; + width: 64px; + opacity: 0.8; +} + +.lg-outer .lg-has-html5:hover .lg-video-play { + opacity: 1; +} + +.lg-outer .lg-has-youtube .lg-video-play { + background: url("../images/youtube-play.png") no-repeat scroll 0 0 transparent; +} + +.lg-outer .lg-has-youtube:hover .lg-video-play { + background: url("../images/youtube-play.png") no-repeat scroll 0 -60px transparent; +} + +.lg-outer .lg-video-object { + width: 100% !important; + height: 100% !important; + position: absolute; + top: 0; + left: 0; +} + +.lg-outer .lg-has-video .lg-video-object { + visibility: hidden; +} + +.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { + display: none; +} + +.lg-outer .lg-has-video.lg-video-playing .lg-video-object { + visibility: visible; +} + +.lg-progress-bar { + background-color: #333; + height: 5px; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 1093; + opacity: 0; + -webkit-transition: opacity 0.08s ease 0s; + -moz-transition: opacity 0.08s ease 0s; + -o-transition: opacity 0.08s ease 0s; + transition: opacity 0.08s ease 0s; +} + +.lg-progress-bar .lg-progress { + background-color: #00aeef; + height: 5px; + width: 0; +} + +.lg-progress-bar.lg-start .lg-progress { + width: 100%; +} + +.lg-show-autoplay .lg-progress-bar { + opacity: 1; +} + +.lg-autoplay-button:after { + content: "\e01d"; +} + +.lg-show-autoplay .lg-autoplay-button:after { + content: "\e01a"; +} + +.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { + -webkit-transition-duration: 0s; + transition-duration: 0s; +} + +.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; + -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; + -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; +} + +.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { + -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; + -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; + -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; +} + +.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; +} + +.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; + -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; + -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; + transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; + -webkit-transform-origin: 0 0; + -moz-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; +} + +#lg-zoom-in:after { + content: "\e311"; +} + +#lg-actual-size { + font-size: 20px; +} + +#lg-actual-size:after { + content: "\e033"; +} + +#lg-zoom-out { + opacity: 0.5; + pointer-events: none; +} + +#lg-zoom-out:after { + content: "\e312"; +} + +.lg-zoomed #lg-zoom-out { + opacity: 1; + pointer-events: auto; +} + +.lg-outer .lg-pager-outer { + bottom: 60px; + left: 0; + position: absolute; + right: 0; + text-align: center; + z-index: 1090; + height: 10px; +} + +.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { + overflow: visible; +} + +.lg-outer .lg-pager-cont { + cursor: pointer; + display: inline-block; + overflow: hidden; + position: relative; + vertical-align: top; + margin: 0 5px; +} + +.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { + box-shadow: 0 0 0 2px white inset; +} + +.lg-outer .lg-pager-thumb-cont { + background-color: #fff; + color: #FFF; + bottom: 100%; + height: 83px; + left: 0; + margin-bottom: 20px; + margin-left: -60px; + opacity: 0; + padding: 5px; + position: absolute; + width: 120px; + border-radius: 3px; + -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; + -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; + -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; + transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); +} + +.lg-outer .lg-pager-thumb-cont img { + width: 100%; + height: 100%; +} + +.lg-outer .lg-pager { + background-color: rgba(255, 255, 255, 0.5); + border-radius: 50%; + box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; + display: block; + height: 12px; + -webkit-transition: box-shadow 0.3s ease 0s; + -o-transition: box-shadow 0.3s ease 0s; + transition: box-shadow 0.3s ease 0s; + width: 12px; +} + +.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { + box-shadow: 0 0 0 8px white inset; +} + +.lg-outer .lg-caret { + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px dashed; + bottom: -10px; + display: inline-block; + height: 0; + left: 50%; + margin-left: -5px; + position: absolute; + vertical-align: middle; + width: 0; +} + +.lg-fullscreen:after { + content: "\e20c"; +} + +.lg-fullscreen-on .lg-fullscreen:after { + content: "\e20d"; +} + +.lg-outer #lg-dropdown-overlay { + background-color: rgba(0, 0, 0, 0.25); + bottom: 0; + cursor: default; + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 1091; + opacity: 0; + visibility: hidden; + -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; + -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; + transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; +} + +.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { + -webkit-transition-delay: 0s; + transition-delay: 0s; + -moz-transform: translate3d(0, 0px, 0); + -o-transform: translate3d(0, 0px, 0); + -ms-transform: translate3d(0, 0px, 0); + -webkit-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); + opacity: 1; + visibility: visible; +} + +.lg-outer.lg-dropdown-active #lg-share { + color: #FFF; +} + +.lg-outer .lg-dropdown { + background-color: #fff; + border-radius: 2px; + font-size: 14px; + list-style-type: none; + margin: 0; + padding: 10px 0; + position: absolute; + right: 0; + text-align: left; + top: 50px; + opacity: 0; + visibility: hidden; + -moz-transform: translate3d(0, 5px, 0); + -o-transform: translate3d(0, 5px, 0); + -ms-transform: translate3d(0, 5px, 0); + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; + -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; + -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; + transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; +} + +.lg-outer .lg-dropdown:after { + content: ""; + display: block; + height: 0; + width: 0; + position: absolute; + border: 8px solid transparent; + border-bottom-color: #FFF; + right: 16px; + top: -16px; +} + +.lg-outer .lg-dropdown > li:last-child { + margin-bottom: 0px; +} + +.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { + color: #333; +} + +.lg-outer .lg-dropdown a { + color: #333; + display: block; + white-space: pre; + padding: 4px 12px; + font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; +} + +.lg-outer .lg-dropdown a:hover { + background-color: rgba(0, 0, 0, 0.07); +} + +.lg-outer .lg-dropdown .lg-dropdown-text { + display: inline-block; + line-height: 1; + margin-top: -3px; + vertical-align: middle; +} + +.lg-outer .lg-dropdown .lg-icon { + color: #333; + display: inline-block; + float: none; + font-size: 20px; + height: auto; + line-height: 1; + margin-right: 8px; + padding: 0; + vertical-align: middle; + width: auto; +} + +.lg-outer #lg-share { + position: relative; +} + +.lg-outer #lg-share:after { + content: "\e80d"; +} + +.lg-outer #lg-share-facebook .lg-icon { + color: #3b5998; +} + +.lg-outer #lg-share-facebook .lg-icon:after { + content: "\e901"; +} + +.lg-outer #lg-share-twitter .lg-icon { + color: #00aced; +} + +.lg-outer #lg-share-twitter .lg-icon:after { + content: "\e904"; +} + +.lg-outer #lg-share-googleplus .lg-icon { + color: #dd4b39; +} + +.lg-outer #lg-share-googleplus .lg-icon:after { + content: "\e902"; +} + +.lg-outer #lg-share-pinterest .lg-icon { + color: #cb2027; +} + +.lg-outer #lg-share-pinterest .lg-icon:after { + content: "\e903"; +} + +.lg-css3.lg-zoom-in .lg-item { + opacity: 0; +} + +.lg-css3.lg-zoom-in .lg-item.lg-prev-slide { + -webkit-transform: scale3d(1.3, 1.3, 1.3); + transform: scale3d(1.3, 1.3, 1.3); +} + +.lg-css3.lg-zoom-in .lg-item.lg-next-slide { + -webkit-transform: scale3d(1.3, 1.3, 1.3); + transform: scale3d(1.3, 1.3, 1.3); +} + +.lg-css3.lg-zoom-in .lg-item.lg-current { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} + +.lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; +} + +.lg-css3.lg-zoom-in-big .lg-item { + opacity: 0; +} + +.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide { + -webkit-transform: scale3d(2, 2, 2); + transform: scale3d(2, 2, 2); +} + +.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide { + -webkit-transform: scale3d(2, 2, 2); + transform: scale3d(2, 2, 2); +} + +.lg-css3.lg-zoom-in-big .lg-item.lg-current { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} + +.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; +} + +.lg-css3.lg-zoom-out .lg-item { + opacity: 0; +} + +.lg-css3.lg-zoom-out .lg-item.lg-prev-slide { + -webkit-transform: scale3d(0.7, 0.7, 0.7); + transform: scale3d(0.7, 0.7, 0.7); +} + +.lg-css3.lg-zoom-out .lg-item.lg-next-slide { + -webkit-transform: scale3d(0.7, 0.7, 0.7); + transform: scale3d(0.7, 0.7, 0.7); +} + +.lg-css3.lg-zoom-out .lg-item.lg-current { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} + +.lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; +} + +.lg-css3.lg-zoom-out-big .lg-item { + opacity: 0; +} + +.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide { + -webkit-transform: scale3d(0, 0, 0); + transform: scale3d(0, 0, 0); +} + +.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide { + -webkit-transform: scale3d(0, 0, 0); + transform: scale3d(0, 0, 0); +} + +.lg-css3.lg-zoom-out-big .lg-item.lg-current { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} + +.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; +} + +.lg-css3.lg-zoom-out-in .lg-item { + opacity: 0; +} + +.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide { + -webkit-transform: scale3d(0, 0, 0); + transform: scale3d(0, 0, 0); +} + +.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide { + -webkit-transform: scale3d(2, 2, 2); + transform: scale3d(2, 2, 2); +} + +.lg-css3.lg-zoom-out-in .lg-item.lg-current { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} + +.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; +} + +.lg-css3.lg-zoom-in-out .lg-item { + opacity: 0; +} + +.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide { + -webkit-transform: scale3d(2, 2, 2); + transform: scale3d(2, 2, 2); +} + +.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide { + -webkit-transform: scale3d(0, 0, 0); + transform: scale3d(0, 0, 0); +} + +.lg-css3.lg-zoom-in-out .lg-item.lg-current { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} + +.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; +} + +.lg-css3.lg-soft-zoom .lg-item { + opacity: 0; +} + +.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); +} + +.lg-css3.lg-soft-zoom .lg-item.lg-next-slide { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); +} + +.lg-css3.lg-soft-zoom .lg-item.lg-current { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} + +.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; +} + +.lg-css3.lg-scale-up .lg-item { + opacity: 0; +} + +.lg-css3.lg-scale-up .lg-item.lg-prev-slide { + -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); + -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); + -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); + -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); + transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); +} + +.lg-css3.lg-scale-up .lg-item.lg-next-slide { + -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); + -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); + -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); + -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); + transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); +} + +.lg-css3.lg-scale-up .lg-item.lg-current { + -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + opacity: 1; +} + +.lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; +} + +.lg-css3.lg-slide-circular .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-circular .lg-item.lg-prev-slide { + -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); + -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); + -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); + -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); + transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); +} + +.lg-css3.lg-slide-circular .lg-item.lg-next-slide { + -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); + -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); + -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); + -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); + transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); +} + +.lg-css3.lg-slide-circular .lg-item.lg-current { + -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + opacity: 1; +} + +.lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; +} + +.lg-css3.lg-slide-circular-up .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide { + -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); + -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); + -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); + -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); + transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); +} + +.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide { + -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); + -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); + -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); + -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); + transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); +} + +.lg-css3.lg-slide-circular-up .lg-item.lg-current { + -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + opacity: 1; +} + +.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; +} + +.lg-css3.lg-slide-circular-down .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide { + -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); + -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); + -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); + -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); + transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); +} + +.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide { + -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); + -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); + -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); + -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); + transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); +} + +.lg-css3.lg-slide-circular-down .lg-item.lg-current { + -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + opacity: 1; +} + +.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; +} + +.lg-css3.lg-slide-circular-vertical .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide { + -moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); + -o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); + -ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); + -webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); + transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); +} + +.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide { + -moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); + -o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); + -ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); + -webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); + transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); +} + +.lg-css3.lg-slide-circular-vertical .lg-item.lg-current { + -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + opacity: 1; +} + +.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; +} + +.lg-css3.lg-slide-circular-vertical-left .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide { + -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); + -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); + -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); + -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); + transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); +} + +.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide { + -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); + -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); + -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); + -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); + transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); +} + +.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current { + -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + opacity: 1; +} + +.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; +} + +.lg-css3.lg-slide-circular-vertical-down .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide { + -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); + -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); + -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); + -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); + transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); +} + +.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide { + -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); + -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); + -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); + -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); + transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); +} + +.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current { + -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + opacity: 1; +} + +.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; +} + +.lg-css3.lg-slide-vertical .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} + +.lg-css3.lg-slide-vertical .lg-item.lg-next-slide { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} + +.lg-css3.lg-slide-vertical .lg-item.lg-current { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide-vertical-growth .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide { + -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); + -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); + -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); + -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); + transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); +} + +.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide { + -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); + -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); + -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); + -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); + transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); +} + +.lg-css3.lg-slide-vertical-growth .lg-item.lg-current { + -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + opacity: 1; +} + +.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide-skew-only .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide { + -moz-transform: skew(10deg, 0deg); + -o-transform: skew(10deg, 0deg); + -ms-transform: skew(10deg, 0deg); + -webkit-transform: skew(10deg, 0deg); + transform: skew(10deg, 0deg); +} + +.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide { + -moz-transform: skew(10deg, 0deg); + -o-transform: skew(10deg, 0deg); + -ms-transform: skew(10deg, 0deg); + -webkit-transform: skew(10deg, 0deg); + transform: skew(10deg, 0deg); +} + +.lg-css3.lg-slide-skew-only .lg-item.lg-current { + -moz-transform: skew(0deg, 0deg); + -o-transform: skew(0deg, 0deg); + -ms-transform: skew(0deg, 0deg); + -webkit-transform: skew(0deg, 0deg); + transform: skew(0deg, 0deg); + opacity: 1; +} + +.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide-skew-only-rev .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide { + -moz-transform: skew(-10deg, 0deg); + -o-transform: skew(-10deg, 0deg); + -ms-transform: skew(-10deg, 0deg); + -webkit-transform: skew(-10deg, 0deg); + transform: skew(-10deg, 0deg); +} + +.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide { + -moz-transform: skew(-10deg, 0deg); + -o-transform: skew(-10deg, 0deg); + -ms-transform: skew(-10deg, 0deg); + -webkit-transform: skew(-10deg, 0deg); + transform: skew(-10deg, 0deg); +} + +.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current { + -moz-transform: skew(0deg, 0deg); + -o-transform: skew(0deg, 0deg); + -ms-transform: skew(0deg, 0deg); + -webkit-transform: skew(0deg, 0deg); + transform: skew(0deg, 0deg); + opacity: 1; +} + +.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide-skew-only-y .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide { + -moz-transform: skew(0deg, 10deg); + -o-transform: skew(0deg, 10deg); + -ms-transform: skew(0deg, 10deg); + -webkit-transform: skew(0deg, 10deg); + transform: skew(0deg, 10deg); +} + +.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide { + -moz-transform: skew(0deg, 10deg); + -o-transform: skew(0deg, 10deg); + -ms-transform: skew(0deg, 10deg); + -webkit-transform: skew(0deg, 10deg); + transform: skew(0deg, 10deg); +} + +.lg-css3.lg-slide-skew-only-y .lg-item.lg-current { + -moz-transform: skew(0deg, 0deg); + -o-transform: skew(0deg, 0deg); + -ms-transform: skew(0deg, 0deg); + -webkit-transform: skew(0deg, 0deg); + transform: skew(0deg, 0deg); + opacity: 1; +} + +.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide-skew-only-y-rev .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide { + -moz-transform: skew(0deg, -10deg); + -o-transform: skew(0deg, -10deg); + -ms-transform: skew(0deg, -10deg); + -webkit-transform: skew(0deg, -10deg); + transform: skew(0deg, -10deg); +} + +.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide { + -moz-transform: skew(0deg, -10deg); + -o-transform: skew(0deg, -10deg); + -ms-transform: skew(0deg, -10deg); + -webkit-transform: skew(0deg, -10deg); + transform: skew(0deg, -10deg); +} + +.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current { + -moz-transform: skew(0deg, 0deg); + -o-transform: skew(0deg, 0deg); + -ms-transform: skew(0deg, 0deg); + -webkit-transform: skew(0deg, 0deg); + transform: skew(0deg, 0deg); + opacity: 1; +} + +.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide-skew .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-skew .lg-item.lg-prev-slide { + -moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); + -o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); + -ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); + -webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); + transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); +} + +.lg-css3.lg-slide-skew .lg-item.lg-next-slide { + -moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); + -o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); + -ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); + -webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); + transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); +} + +.lg-css3.lg-slide-skew .lg-item.lg-current { + -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + opacity: 1; +} + +.lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide-skew-rev .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide { + -moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); + -o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); + -ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); + -webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); + transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); +} + +.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide { + -moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); + -o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); + -ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); + -webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); + transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); +} + +.lg-css3.lg-slide-skew-rev .lg-item.lg-current { + -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + opacity: 1; +} + +.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide-skew-cross .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide { + -moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); + -o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); + -ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); + -webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); + transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); +} + +.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide { + -moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); + -o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); + -ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); + -webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); + transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); +} + +.lg-css3.lg-slide-skew-cross .lg-item.lg-current { + -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + opacity: 1; +} + +.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide-skew-cross-rev .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide { + -moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); + -o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); + -ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); + -webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); + transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); +} + +.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide { + -moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); + -o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); + -ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); + -webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); + transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); +} + +.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current { + -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + opacity: 1; +} + +.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide-skew-ver .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide { + -moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); + -o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); + -ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); + -webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); + transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); +} + +.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide { + -moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); + -o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); + -ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); + -webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); + transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); +} + +.lg-css3.lg-slide-skew-ver .lg-item.lg-current { + -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + opacity: 1; +} + +.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide-skew-ver-rev .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide { + -moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); + -o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); + -ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); + -webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); + transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); +} + +.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide { + -moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); + -o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); + -ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); + -webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); + transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); +} + +.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current { + -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + opacity: 1; +} + +.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide-skew-ver-cross .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide { + -moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); + -o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); + -ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); + -webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); + transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); +} + +.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide { + -moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); + -o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); + -ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); + -webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); + transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); +} + +.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current { + -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + opacity: 1; +} + +.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide-skew-ver-cross-rev .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide { + -moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); + -o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); + -ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); + -webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); + transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); +} + +.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide { + -moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); + -o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); + -ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); + -webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); + transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); +} + +.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current { + -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); + opacity: 1; +} + +.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-lollipop .lg-item { + opacity: 0; +} + +.lg-css3.lg-lollipop .lg-item.lg-prev-slide { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} + +.lg-css3.lg-lollipop .lg-item.lg-next-slide { + -moz-transform: translate3d(0, 0, 0) scale(0.5); + -o-transform: translate3d(0, 0, 0) scale(0.5); + -ms-transform: translate3d(0, 0, 0) scale(0.5); + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); +} + +.lg-css3.lg-lollipop .lg-item.lg-current { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-lollipop-rev .lg-item { + opacity: 0; +} + +.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide { + -moz-transform: translate3d(0, 0, 0) scale(0.5); + -o-transform: translate3d(0, 0, 0) scale(0.5); + -ms-transform: translate3d(0, 0, 0) scale(0.5); + -webkit-transform: translate3d(0, 0, 0) scale(0.5); + transform: translate3d(0, 0, 0) scale(0.5); +} + +.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} + +.lg-css3.lg-lollipop-rev .lg-item.lg-current { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-rotate .lg-item { + opacity: 0; +} + +.lg-css3.lg-rotate .lg-item.lg-prev-slide { + -moz-transform: rotate(-360deg); + -o-transform: rotate(-360deg); + -ms-transform: rotate(-360deg); + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); +} + +.lg-css3.lg-rotate .lg-item.lg-next-slide { + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); +} + +.lg-css3.lg-rotate .lg-item.lg-current { + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + opacity: 1; +} + +.lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-rotate-rev .lg-item { + opacity: 0; +} + +.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide { + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); +} + +.lg-css3.lg-rotate-rev .lg-item.lg-next-slide { + -moz-transform: rotate(-360deg); + -o-transform: rotate(-360deg); + -ms-transform: rotate(-360deg); + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); +} + +.lg-css3.lg-rotate-rev .lg-item.lg-current { + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + opacity: 1; +} + +.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-tube .lg-item { + opacity: 0; +} + +.lg-css3.lg-tube .lg-item.lg-prev-slide { + -moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); + -o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); + -ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); + -webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); + transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); +} + +.lg-css3.lg-tube .lg-item.lg-next-slide { + -moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); + -o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); + -ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); + -webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); + transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); +} + +.lg-css3.lg-tube .lg-item.lg-current { + -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + transform: scale3d(1, 1, 1) translate3d(0, 0, 0); + opacity: 1; +} + +.lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-group:after { + content: ""; + display: table; + clear: both; +} + +.lg-outer { + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 1090; + text-align: left; + opacity: 0; + -webkit-transition: opacity 0.15s ease 0s; + -o-transition: opacity 0.15s ease 0s; + transition: opacity 0.15s ease 0s; +} + +.lg-outer * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.lg-outer.lg-visible { + opacity: 1; +} + +.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { + -webkit-transition-duration: inherit !important; + transition-duration: inherit !important; + -webkit-transition-timing-function: inherit !important; + transition-timing-function: inherit !important; +} + +.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { + -webkit-transition-duration: 0s !important; + transition-duration: 0s !important; + opacity: 1; +} + +.lg-outer.lg-grab img.lg-object { + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: -o-grab; + cursor: -ms-grab; + cursor: grab; +} + +.lg-outer.lg-grabbing img.lg-object { + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: -o-grabbing; + cursor: -ms-grabbing; + cursor: grabbing; +} + +.lg-outer .lg { + height: 100%; + width: 100%; + position: relative; + overflow: hidden; + margin-left: auto; + margin-right: auto; + max-width: 100%; + max-height: 100%; +} + +.lg-outer .lg-inner { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + white-space: nowrap; +} + +.lg-outer .lg-item { + background: url("../images/loading.gif") no-repeat scroll center center transparent; + display: none !important; +} + +.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { + display: inline-block !important; +} + +.lg-outer.lg-css .lg-current { + display: inline-block !important; +} + +.lg-outer .lg-item, .lg-outer .lg-img-wrap { + display: inline-block; + text-align: center; + position: absolute; + width: 100%; + height: 100%; +} + +.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { + content: ""; + display: inline-block; + height: 50%; + width: 1px; + margin-right: -1px; +} + +.lg-outer .lg-img-wrap { + position: absolute; + padding: 0 5px; + left: 0; + right: 0; + top: 0; + bottom: 0; +} + +.lg-outer .lg-item.lg-complete { + background-image: none; +} + +.lg-outer .lg-item.lg-current { + z-index: 1090; +} + +.lg-outer .lg-image { + display: inline-block; + vertical-align: middle; + max-width: 100%; + max-height: 100%; + width: auto !important; + height: auto !important; +} + +.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { + opacity: 0; + -webkit-transition: opacity 0.15s ease 0s; + -o-transition: opacity 0.15s ease 0s; + transition: opacity 0.15s ease 0s; +} + +.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { + opacity: 1; +} + +.lg-outer .lg-empty-html { + display: none; +} + +.lg-outer.lg-hide-download #lg-download { + display: none; +} + +.lg-backdrop { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1090; + background-color: rgba(0, 0, 0, 0.8); + opacity: 0; + -webkit-transition: opacity 0.15s ease 0s; + -o-transition: opacity 0.15s ease 0s; + transition: opacity 0.15s ease 0s; +} + +.lg-backdrop.in { + opacity: 1; +} + +.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { + -webkit-transition: none 0s ease 0s !important; + -moz-transition: none 0s ease 0s !important; + -o-transition: none 0s ease 0s !important; + transition: none 0s ease 0s !important; +} + +.lg-css3.lg-use-css3 .lg-item { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; +} + +.lg-css3.lg-use-left .lg-item { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; +} + +.lg-css3.lg-fade .lg-item { + opacity: 0; +} + +.lg-css3.lg-fade .lg-item.lg-current { + opacity: 1; +} + +.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { + -webkit-transition: opacity 0.1s ease 0s; + -moz-transition: opacity 0.1s ease 0s; + -o-transition: opacity 0.1s ease 0s; + transition: opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide.lg-use-left .lg-item { + opacity: 0; + position: absolute; + left: 0; +} + +.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { + left: -100%; +} + +.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { + left: 100%; +} + +.lg-css3.lg-slide.lg-use-left .lg-item.lg-current { + left: 0; + opacity: 1; +} + +.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { + -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +/** @section Material Parallax */ +.parallax-container { + position: relative; + overflow: hidden; +} + +.material-parallax { + position: absolute; + top: 0; + left: -1px; + right: -1px; + bottom: 0; + z-index: 0; +} + +.parallax-content { + position: relative; + z-index: 1; +} + +.material-parallax img { + display: none; + position: absolute; + left: 50%; + bottom: 0; + min-width: 101%; + min-height: 101%; + max-width: none; + transform: translate3d(-50%, 0, 0); +} + +.parallax-disabled { + background-size: cover; + background-position: center; +} + +html:not(.ie-11):not(.ios) .parallax-disabled:not(.parallax-no-fixed) { + background-attachment: fixed; +} + +.container + .parallax-container { + margin-top: 50px; +} + +@media (min-width: 768px) { + .container + .parallax-container { + margin-top: 60px; + } +} + +@media (min-width: 992px) { + .container + .parallax-container { + margin-top: 70px; + } +} + +@media (min-width: 1200px) { + .container + .parallax-container { + margin-top: 80px; + } +} + +.mac-os .parallax-container .form-validation { + will-change: transform; +} + +/** @section Bootstrap Modal */ +.ios .modal-open { + position: fixed; + width: 100%; + height: 100%; +} + +/** + * Select 2 + */ +.select2-container { + position: relative; + display: inline-block; + width: 100% !important; + margin: 0; + vertical-align: middle; + box-sizing: border-box; +} + +.select2-container .select2-selection--single { + display: block; + height: 40px; + box-sizing: border-box; + cursor: pointer; + user-select: none; +} + +@media (min-width: 768px) { + .select2-container .select2-selection--single { + height: 50px; + } +} + +@media (min-width: 992px) { + .select2-container .select2-selection--single { + height: 60px; + } +} + +.select2-container .select2-selection--single .select2-selection__rendered { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.select2-container .select2-selection--single .select2-selection__clear { + position: relative; +} + +.select2-container .select2-selection--multiple { + display: block; + box-sizing: border-box; + cursor: pointer; + user-select: none; +} + +.select2-container .select2-selection--multiple .select2-selection__rendered { + display: flex; + flex-wrap: wrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + line-height: 1; +} + +.select2-container .select2-search--inline { + align-self: center; +} + +.select2-container .select2-search--inline .select2-search__field { + display: block; + padding: 0; + border: none; + font-size: 18px; + min-height: 28px; + box-sizing: border-box; +} + +.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { + -webkit-appearance: none; +} + +.has-error .select2-container { + outline: 1px dashed red; +} + +.select2-dropdown { + position: absolute; + left: -100000px; + z-index: 1051; + width: 100%; + display: block; + margin-top: 2px; + box-sizing: border-box; + background-color: #f5f5f5; + color: #151515; + border-radius: 5px; + border: 1px solid #e7eff6; +} + +.select2-results { + display: block; +} + +.select2-results__options { + list-style: none; + margin: 0; + padding: 3px 0; +} + +.select2-results__option { + padding-left: 25px; + padding-right: 25px; + user-select: none; + transition: all .3s ease-in-out; +} + +.select2-results__option[aria-selected] { + cursor: pointer; +} + +.select2-container--open .select2-dropdown { + left: 0; +} + +.select2-container--open .select2-dropdown--above { + border-bottom: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.select2-search--dropdown { + display: block; + padding: 4px; +} + +.select2-search--dropdown .select2-search__field { + padding: 4px; + width: 100%; + box-sizing: border-box; +} + +.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { + -webkit-appearance: none; +} + +.select2-search--dropdown.select2-search--hide { + display: none; +} + +.select2-close-mask { + border: 0; + margin: 0; + padding: 0; + display: block; + position: fixed; + left: 0; + top: 0; + min-height: 100%; + min-width: 100%; + height: auto; + width: auto; + opacity: 0; + z-index: 99; + background-color: #fff; + filter: alpha(opacity=0); +} + +.select2-hidden-accessible { + border: 0 !important; + clip: rect(0 0 0 0) !important; + clip-path: inset(50%) !important; + height: 1px !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + width: 1px !important; + white-space: nowrap !important; +} + +.select2-container--default .select2-selection--single .select2-selection__rendered { + padding-top: 4px; + padding-bottom: 4px; + padding-left: 15px; + font-size: 16px; + line-height: 30px; + letter-spacing: .035em; + color: #151515; + border: 1px solid #e7eff6; + border-radius: 5px; + background-color: #f5f5f5; + padding-right: 50px; +} + +@media (min-width: 768px) { + .select2-container--default .select2-selection--single .select2-selection__rendered { + padding-top: 9px; + padding-bottom: 9px; + padding-left: 20px; + font-size: 18px; + } +} + +@media (min-width: 992px) { + .select2-container--default .select2-selection--single .select2-selection__rendered { + padding-top: 14px; + padding-bottom: 14px; + padding-left: 25px; + } +} + +.select2-container--default .select2-selection--single .select2-selection__clear { + cursor: pointer; + float: right; + font-weight: bold; +} + +.select2-container--default .select2-selection--single .select2-selection__placeholder { + color: #151515; +} + +.select2-container--default .select2-selection--single .select2-selection__arrow { + display: flex; + align-items: center; + justify-content: center; + text-align: center; + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 50px; + font-size: 0; + line-height: 0; +} + +.select2-container--default .select2-selection--single .select2-selection__arrow b { + display: inline-block; + font-size: 22px; + line-height: 1; + color: #151515; +} + +.select2-container--default .select2-selection--single .select2-selection__arrow b::before { + content: '\f236'; + font-family: "Material Design Icons"; +} + +.select2-container--default.select2-container--disabled .select2-selection--single { + cursor: default; + background-color: #f5f5f5; + color: #3b3b3b; +} + +.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { + display: none; +} + +.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { + transform: rotate(180deg); +} + +.select2-container--default .select2-selection--multiple { + background-color: #f5f5f5; + cursor: text; +} + +.select2-container--default .select2-selection--multiple .select2-selection__rendered { + width: 100%; + padding: 16px 30px 11px 20px; + list-style: none; + box-sizing: border-box; +} + +.select2-container--default .select2-selection--multiple .select2-selection__rendered li { + list-style: none; + margin-bottom: 5px; + margin-left: 5px; +} + +.select2-container--default .select2-selection--multiple .select2-selection__placeholder { + color: #151515; +} + +.select2-container--default .select2-selection--multiple .select2-selection__clear { + cursor: pointer; + font-weight: bold; + margin-top: 5px; + margin-right: 10px; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + padding: 5px; + cursor: default; + font-size: 18px; + background-color: #3d3d3d; + color: #ffffff; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + cursor: pointer; + display: inline-block; + font-weight: bold; + margin-right: 2px; + color: #ffffff; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #f5f5f5; +} + +.select2-container--default.select2-container--focus .select2-selection--multiple { + outline: 0; +} + +.select2-container--default.select2-container--disabled .select2-selection--multiple { + cursor: default; + background-color: #f5f5f5; + color: #3b3b3b; +} + +.select2-container--default.select2-container--disabled .select2-selection__choice__remove { + display: none; +} + +.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.select2-container--default .select2-search--inline .select2-search__field { + background: transparent; + border: none; + outline: 0; + box-shadow: none; + -webkit-appearance: textfield; +} + +.select2-container--default .select2-search--inline .select2-search__field, .select2-container--default .select2-search--inline .select2-search__field::-webkit-input-placeholder { + color: #151515; +} + +.select2-container--default .select2-results > .select2-results__options { + max-height: 200px; + overflow-y: auto; +} + +.select2-container--default .select2-results__option[role=group] { + padding: 0; +} + +.select2-container--default .select2-results__option[aria-disabled=true] { + background-color: #f5f5f5; + color: #3b3b3b; +} + +.select2-container--default .select2-results__option:hover { + color: #151515; + background: rgba(61, 61, 61, 0.1); +} + +.select2-container--default .select2-results__option[aria-selected=true] { + background-color: #3d3d3d; + color: #ffffff; +} + +.select2-container--default .select2-results__option .select2-results__option { + padding-left: 1em; +} + +.select2-container--default .select2-results__option .select2-results__option .select2-results__group { + padding-left: 0; +} + +.select2-container--default .select2-results__option .select2-results__option .select2-results__option { + margin-left: -1em; + padding-left: 2em; +} + +.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { + margin-left: -2em; + padding-left: 3em; +} + +.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { + margin-left: -3em; + padding-left: 4em; +} + +.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { + margin-left: -4em; + padding-left: 5em; +} + +.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { + margin-left: -5em; + padding-left: 6em; +} + +.select2-container--default .select2-results__group { + cursor: default; + display: block; + padding: 6px; +} + +.slick-slider { + position: relative; + display: block; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} + +.slick-list { + position: relative; + overflow: hidden; + display: block; + 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; + left: 0; + top: 0; + display: block; +} + +.slick-track:before, .slick-track:after { + content: ""; + display: table; +} + +.slick-track:after { + clear: both; +} + +.slick-loading .slick-track { + visibility: hidden; +} + +.slick-slide { + float: left; + height: 100%; + min-height: 1px; + text-align: center; + padding-left: 0; + padding-right: 0; + display: none; +} + +[dir="rtl"] .slick-slide { + float: right; +} + +.slick-slide:focus { + outline: none; +} + +.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; +} + +.slick-arrow.slick-hidden { + display: none; +} + +.slick-loading .slick-list { + background: #fff url("./../images/ajax-loader.gif") center center no-repeat; +} + +/* Icons */ +/* Arrows */ +.slick-arrow { + text-align: center; + position: absolute; + top: 50%; + padding: 0; + border: none; + font-size: 14px; + line-height: 1.8; + font-weight: 600; + letter-spacing: .05em; + font-family: "Playfair Display", serif; + color: #414244; + background: transparent; + transition: all .2s ease; + transform: translate3d(0, -50%, 0); + will-change: transform; + cursor: pointer; + z-index: 9; +} + +.slick-arrow::after { + display: block; + content: ''; + height: 0; + width: 100%; + border-top: 2px solid; + transition: transform .2s ease; +} + +.slick-arrow:hover { + color: #151515; +} + +.slick-arrow:hover::after { + transform: scaleX(0.7); +} + +.slick-arrow.slick-disabled { + pointer-events: none; + cursor: default; +} + +.slick-prev { + left: 15px; +} + +.slick-prev:before { + content: "prev"; +} + +.slick-next { + right: 15px; +} + +.slick-next:before { + content: "next"; +} + +/* Dots */ +.slick-dots { + position: absolute; + bottom: -45px; + list-style: none; + display: block; + text-align: center; + padding: 0; + width: 100%; +} + +.slick-dots li { + position: relative; + display: inline-block; + width: 14px; + height: 14px; + margin: 0 5px; + padding: 0; + cursor: pointer; +} + +.slick-dots li button { + border: 0; + display: block; + height: 14px; + width: 14px; + outline: none; + line-height: 0; + font-size: 0; + color: transparent; + background: #c8c8c8; + cursor: pointer; +} + +.slick-dots li button:before { + position: absolute; + content: ''; + top: 50%; + left: 50%; + width: 6px; + height: 6px; + opacity: 0; + background: #00aeef; + transform: translate3d(-50%, -50%, 0); + will-change: transform; + transition: all .2s ease; +} + +.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: 0.7; +} + +.slick-dots li.slick-active button:before { + opacity: 1; + width: 14px; + height: 14px; +} + +.child-carousel .slick-slide { + cursor: pointer; +} + +@media (min-width: 768px) { + .child-carousel .slick-slide { + max-width: 100%; + } +} + +.slick-nav-1 .slick-arrow { + position: absolute; + top: 50%; + width: 40px; + height: 40px; + padding: 0; + font-size: 24px; + line-height: 40px; + font-weight: 400; + border: none; + outline: none; + color: #ffffff; + background: #00aeef; + transform: translate3d(0, -50%, 0); + transition: all .25s ease-in-out; +} + +.slick-nav-1 .slick-arrow::before { + font-family: "Material Design Icons"; +} + +.slick-nav-1 .slick-arrow::after { + display: none; +} + +.slick-nav-1 .slick-arrow:hover { + color: #151515; + background: #8dc63f; +} + +.slick-nav-1 .slick-arrow.slick-disabled { + color: #ffffff; + background-color: #d7d7d7; + cursor: default; +} + +.slick-nav-1 .slick-prev { + left: -15px; +} + +.slick-nav-1 .slick-prev:before { + content: ""; +} + +.slick-nav-1 .slick-next { + right: -15px; +} + +.slick-nav-1 .slick-next:before { + content: ""; +} + +.slick-product.slick-vertical .carousel-parent { + margin-bottom: 7px; +} + +.slick-product.slick-vertical .child-carousel .slick-list { + margin-left: -6px; + margin-right: -6px; +} + +.slick-product.slick-vertical .child-carousel .slick-slide { + margin: 0 6px; +} + +@media (min-width: 768px) and (max-width: 991.98px) { + .slick-product.slick-vertical { + display: flex; + margin-left: -6px; + margin-right: -6px; + } + .slick-product.slick-vertical .carousel-parent, + .slick-product.slick-vertical .child-carousel { + padding-left: 6px; + padding-right: 6px; + } + .slick-product.slick-vertical .carousel-parent { + width: 74%; + margin-bottom: 0; + } + .slick-product.slick-vertical .child-carousel { + width: 26%; + display: flex; + align-content: stretch; + } + .slick-product.slick-vertical .child-carousel .slick-list { + display: flex; + margin-left: 0; + margin-right: 0; + } + .slick-product.slick-vertical .child-carousel .slick-slide { + width: calc(100% - 10px) !important; + margin-left: 5px; + margin-right: 5px; + } + .slick-product.slick-vertical .slick-arrow { + right: auto; + left: 50%; + transform: translate(-50%, 0); + } + .slick-product.slick-vertical .slick-prev { + top: -10px; + } + .slick-product.slick-vertical .slick-prev::before { + content: '\f239'; + } + .slick-product.slick-vertical .slick-next { + top: auto; + bottom: -10px; + } + .slick-product.slick-vertical .slick-next::before { + content: '\f236'; + } +} + +@media (min-width: 992px) { + .slick-product.slick-vertical { + margin-right: 25px; + } +} + +@media (min-width: 1200px) { + .slick-product.slick-vertical { + margin-right: 38px; + } +} + +.slick-product-figure { + position: relative; + overflow: hidden; + background: #f5f5f5; + transition: all .3s ease; +} + +.slick-product-figure img { + width: 100%; + transform: none; + transition: inherit; +} + +.child-carousel .slick-product-figure { + margin-top: 5px; + margin-bottom: 5px; +} + +.child-carousel .slick-product-figure img { + will-change: transform; +} + +.child-carousel .slick-product-figure:hover img { + transform: scale(1.1); +} + +.child-carousel .slick-current .slick-product-figure { + background: transparent; + box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.21); +} + +.stepper { + position: relative; + display: inline-block; +} + +.stepper input[type="number"] { + width: 100%; + text-align: center; + font-size: 16px; + line-height: 30px; + padding: 10px 20px; + border: 1px solid #e7eff6; + color: #151515; + background: #ffffff; + -moz-appearance: textfield; +} + +.stepper input[type=number]::-webkit-inner-spin-button { + -webkit-appearance: none; +} + +.stepper-arrow { + position: absolute; + top: 50%; + width: 20px; + height: 20px; + font-size: 20px; + line-height: 20px; + font-family: "Material Design Icons"; + color: #151515; + cursor: pointer; + transform: translateY(-50%); + transition: .3s all ease; +} + +.stepper-arrow:hover { + color: #00aeef; +} + +.stepper-arrow.up { + right: 0; + text-align: left; +} + +.stepper-arrow.up:before { + content: '\f504'; +} + +.stepper-arrow.down { + left: 0; + text-align: right; + font-size: 16px; +} + +.stepper-arrow.down:before { + content: '\f69d'; +} + +.stepper.disabled .stepper-arrow { + pointer-events: none; + opacity: .5; +} + +.stepper-style-1 { + position: relative; + display: inline-block; + padding-right: 42px; +} + +.stepper-style-1 .stepper { + position: static; + width: 76px; + height: 76px; + max-width: 76px; +} + +.stepper-style-1 .stepper input[type="number"] { + padding: 10px; + width: 100%; + height: 100%; + font-size: 22px; + line-height: 30px; +} + +.stepper-style-1 .stepper-arrow { + text-align: center; + margin: 0; + width: 34px; + height: 34px; + line-height: 32px; + border: 1px solid #e7eff6; + transform: none; +} + +.stepper-style-1 .stepper-arrow.up { + top: 0; + font-size: 22px; +} + +.stepper-style-1 .stepper-arrow.down { + top: auto; + right: 0; + bottom: 0; + left: auto; +} + +.stepper-style-2 { + display: inline-block; + width: 100%; + max-width: 110px; +} + +.stepper-style-2 .stepper { + display: block; +} + +.stepper-style-2 .stepper input[type="number"] { + padding: 0 39px; + font-size: inherit; + line-height: 1.1; + letter-spacing: inherit; + background: transparent; + border-color: transparent; +} + +.stepper-style-2 .stepper-arrow { + text-align: center; + width: 30px; + height: 30px; + line-height: 28px; + border: 1px solid #f2f8ff; +} + +@media (min-width: 1200px) { + .stepper-style-2 { + max-width: 123px; + } + .stepper-style-2 .stepper-arrow { + width: 38px; + height: 38px; + line-height: 36px; + } + .stepper-style-2 .stepper-arrow.down { + font-size: 18px; + } + .stepper-style-2 .stepper-arrow.up { + font-size: 30px; + } +} + +@-moz-document url-prefix() { + .stepper-style-2 .stepper input[type="number"] { + box-shadow: none; + } +} + +/* +* +* RD Calendar +* -------------------------------------------------- +*/ +.rd-calendar { + text-align: center; + font-size: 14px; + line-height: 1.83333; + font-weight: 400; + color: #151515; +} + +@media (min-width: 576px) { + .rd-calendar { + font-size: 16px; + } +} + +@media (min-width: 768px) { + .rd-calendar { + font-size: 18px; + } +} + +.rd-calendar .rdc-table-header, +.rd-calendar .rdc-table-row { + display: flex; +} + +.rd-calendar .rdc-table-inner { + border-width: 1px 0 0 1px; + border-style: solid; + border-color: #e7eff6; +} + +.rd-calendar .rdc-table_day, +.rd-calendar .rdc-table_date-outer { + width: 14.28%; + flex-grow: 1; + border-width: 0 1px 1px 0; + border-style: solid; + border-color: #e7eff6; +} + +.rd-calendar .rdc-table_event { + cursor: default; + border-radius: 3px; +} + +.rd-calendar .rdc-calendar-event-panel, +.rd-calendar .rdc-table_events { + overflow: hidden; +} + +.rd-calendar .rdc-calendar-event { + margin-bottom: 0; +} + +.rdc-panel { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 5px; +} + +.rdc-next, .rdc-prev, .rdc-events_close { + font: 400 30px/1 "Material Design Icons"; + transition: .3s ease-in-out; + cursor: pointer; +} + +.rdc-next:not([href]):not([tabindex]):hover, .rdc-prev:not([href]):not([tabindex]):hover, .rdc-events_close:not([href]):not([tabindex]):hover { + color: #00aeef; +} + +@media (min-width: 768px) { + .rdc-next, .rdc-prev, .rdc-events_close { + font-size: 40px; + } +} + +.rdc-prev:before { + content: '\f237'; +} + +.rdc-next:before { + content: '\f238'; +} + +.rdc-events_close { + font-size: 20px; +} + +.rdc-events_close:before { + content: '\f24c'; +} + +.rdc-events { + margin-top: 30px; +} + +.rdc-event { + position: absolute; + opacity: 0; + visibility: hidden; +} + +.rdc-event.active { + position: relative; + opacity: 1; + visibility: visible; + transition: .4s ease-in-out; +} + +.wrap-calendar { + font-weight: 700; + text-transform: uppercase; +} + +.rdc-table_day { + padding: 5px; + font-weight: 700; + text-transform: uppercase; +} + +.rdc-table_date { + padding: 2px 5px; + transition: .3s ease-in-out; +} + +.rdc-table_today { + color: #ffffff; + background-color: #00aeef; +} + +.rdc-table_events-count, +.rdc-table_event { + display: none; +} + +.rdc-table_events { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + transition: .3s ease-in-out; + z-index: -1; +} + +.rdc-table_has-events { + position: relative; + background: #f5f5f5; + cursor: pointer; + transition: .3s ease-in-out; + z-index: 0; +} + +.rdc-table_has-events:hover { + background: rgba(245, 245, 245, 0.5); +} + +.rdc-table_next, +.rdc-table_prev { + opacity: .5; +} + +.rd-calendar[data-events-inline="true"] .rdc-table_date-outer .rdc-table_events { + display: none; +} + +.rd-calendar[data-events-inline="true"] .rdc-table_events-count, +.rd-calendar[data-events-inline="true"] .rdc-events { + display: none; +} + +/* +* +* Video BG +* -------------------------------------------------- +*/ +.vide { + width: 100%; + background-size: cover; + background-position: center; +} + +.vide > * { + position: relative; + z-index: 1; +} + +.vide video { + will-change: transform; + pointer-events: none; +} + +.vide-1::before { + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(0, 0, 0, 0.6); + z-index: 1; +} + +/** @section Simple filter */ +[data-category] { + transition: .3s ease-in-out; +} + +[data-category].hidden { + opacity: 0; + visibility: hidden; +} + +.filters-list { + display: flex; + flex-wrap: wrap; + align-items: stretch; + justify-content: center; + margin-bottom: -5px; + margin-left: -10px; +} + +.filters-list:empty { + margin-bottom: 0; + margin-left: 0; +} + +.filters-list > * { + margin-top: 0; + margin-bottom: 5px; + margin-left: 10px; +} + +.filter { + position: relative; + padding: 5px 20px; + font-size: 13px; + line-height: 1.6; + font-weight: 700; + letter-spacing: .12em; + text-transform: uppercase; + color: rgba(21, 21, 21, 0.5); + background: transparent; + border: none; + border-radius: 50px; + transition: .3s ease-in-out; + cursor: pointer; + z-index: 1; +} + +.filter::before { + position: absolute; + content: ''; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + opacity: 0; + background-size: 200% auto; + background-position: 0 50%; + background-image: linear-gradient(84deg, #00aeef 0%, #8dc63f 50%, #00aeef 100%); + transition: inherit; + z-index: -1; +} + +.filter:hover, .filter.active { + color: #ffffff; + background: transparent; +} + +.filter:hover::before, .filter.active::before { + opacity: 1; +} + +.filter.active { + cursor: default; +} + +.filter.active::before { + background-position-x: 100%; +} + +@media (min-width: 768px) { + .filter { + padding: 8px 30px; + font-size: 15px; + } +} + +.filters-list-1 .filter { + color: #00aeef; +} + +.filters-list-1 .filter::before { + opacity: 1; + background: transparent; + border: 2px solid #00aeef; +} + +.filters-list-1 .filter:hover, .filters-list-1 .filter.active { + color: #ffffff; +} + +.filters-list-1 .filter:hover::before, .filters-list-1 .filter.active::before { + background: #00aeef; +} + +* + .filters-list { + margin-top: 30px; +} + +@media (min-width: 768px) { + * + .filters-list { + margin-top: 50px; + } +} + +@media (min-width: 992px) { + * + .filters-list { + margin-top: 60px; + } + .filters-list + .table-custom-responsive { + margin-top: 60px; + } +} + +@media (min-width: 1200px) { + .filters-list + .table-custom-responsive { + margin-top: 75px; + } +} + +/** @section Simple filter */ +.scroll-handler > * { + position: relative; +} + +.image-overlay, +.canvas-overlay { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background-size: cover; + background-position: center; +} + +.ie-10 .image-overlay, +.ie-10 .canvas-overlay, +.ie-11 .image-overlay, +.ie-11 .canvas-overlay, +.ie-edge .image-overlay, +.ie-edge .canvas-overlay { + display: none; +} + +#ui-to-top { + line-height: 3; +} \ No newline at end of file diff --git a/site/print_forge/static/css/theme-overrides.css b/site/print_forge/static/css/theme-overrides.css index 36257b6..0372f28 100644 --- a/site/print_forge/static/css/theme-overrides.css +++ b/site/print_forge/static/css/theme-overrides.css @@ -1,12 +1,207 @@ /* Print Forge public brand overrides on the Ecoprint theme */ :root { - --pf-primary: #ff6252; - --pf-primary-dark: #e24f41; + --pf-primary: #00aeef; + --pf-primary-dark: #0072bc; + --pf-accent: #8dc63f; + --pf-navy: #0a0e14; --pf-ink: #151515; --pf-muted: #6b7280; } +/* Banner-matched splash: FDM printer building a model layer by layer. */ +.preloader { + background: var(--pf-navy) !important; + overflow: hidden; +} +.pf-print-splash { + position: absolute; + inset: 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 28px; + overflow: hidden; +} +.pf-print-glow { + position: absolute; + width: 280px; + height: 280px; + pointer-events: none; + filter: blur(8px); +} +.pf-print-glow-tl { + top: -80px; + left: -80px; + background: radial-gradient(circle, rgba(0, 174, 239, 0.55) 0%, transparent 68%); +} +.pf-print-glow-br { + right: -80px; + bottom: -80px; + background: radial-gradient(circle, rgba(141, 198, 63, 0.45) 0%, transparent 68%); +} +.pf-printer { + position: relative; + width: 200px; + height: 200px; +} +.pf-printer-post, +.pf-printer-top, +.pf-printer-bed { + position: absolute; + background: linear-gradient(180deg, #1b2733, #0f141c); + box-shadow: inset 0 0 0 1px rgba(0, 174, 239, 0.45), 0 0 18px rgba(0, 174, 239, 0.18); +} +.pf-printer-post { + top: 8px; + width: 10px; + height: 148px; + border-radius: 2px; +} +.pf-printer-post-l { left: 18px; } +.pf-printer-post-r { right: 18px; } +.pf-printer-top { + top: 8px; + left: 18px; + right: 18px; + height: 10px; + border-radius: 2px; + box-shadow: inset 0 0 0 1px rgba(0, 174, 239, 0.7), 0 0 16px rgba(0, 174, 239, 0.28); +} +.pf-printer-gantry { + position: absolute; + top: 22px; + left: 28px; + right: 28px; + height: 8px; + background: linear-gradient(90deg, #00aeef, #8dc63f); + border-radius: 2px; + box-shadow: 0 0 12px rgba(0, 174, 239, 0.55); + animation: pf-gantry-y 4.8s cubic-bezier(0.4, 0, 0.2, 1) infinite; +} +.pf-printer-head { + position: absolute; + top: 0; + left: 0; + width: 28px; + margin-left: -14px; + display: flex; + flex-direction: column; + align-items: center; + animation: pf-head-x 1.2s linear infinite alternate; +} +.pf-nozzle { + display: block; + filter: drop-shadow(0 0 6px rgba(0, 174, 239, 0.8)); +} +.pf-bead { + width: 5px; + height: 10px; + margin-top: -2px; + border-radius: 0 0 3px 3px; + background: linear-gradient(180deg, #00aeef, #8dc63f); + opacity: 0.9; + animation: pf-bead 0.35s ease-in infinite; +} +.pf-printer-bed { + left: 28px; + right: 28px; + bottom: 16px; + height: 12px; + border-radius: 2px; + background: linear-gradient(180deg, #243040, #10151c); + box-shadow: 0 0 22px rgba(141, 198, 63, 0.2), inset 0 0 0 1px rgba(141, 198, 63, 0.35); +} +.pf-model { + position: absolute; + left: 50%; + bottom: 28px; + width: 72px; + height: 72px; + margin-left: -36px; + display: flex; + flex-direction: column-reverse; + align-items: center; + gap: 1px; + transform: perspective(180px) rotateX(58deg); + transform-origin: bottom center; +} +.pf-model i { + display: block; + width: 56px; + height: 8px; + border-radius: 1px; + background: linear-gradient(90deg, #00aeef, #8dc63f); + box-shadow: 0 0 8px rgba(0, 174, 239, 0.45); + transform: scaleX(0); + opacity: 0; + animation: pf-layer 4.8s ease-in-out infinite; +} +.pf-model i:nth-child(1) { animation-delay: 0.15s; width: 58px; } +.pf-model i:nth-child(2) { animation-delay: 0.55s; width: 58px; } +.pf-model i:nth-child(3) { animation-delay: 0.95s; width: 58px; } +.pf-model i:nth-child(4) { animation-delay: 1.35s; width: 50px; } +.pf-model i:nth-child(5) { animation-delay: 1.75s; width: 50px; } +.pf-model i:nth-child(6) { animation-delay: 2.15s; width: 38px; } +.pf-model i:nth-child(7) { animation-delay: 2.55s; width: 28px; } +.pf-model i:nth-child(8) { animation-delay: 2.95s; width: 18px; } +.pf-print-caption { + margin: 0; + font-family: Roboto, sans-serif; + font-size: 11px; + font-weight: 700; + letter-spacing: 0.42em; + text-transform: uppercase; + color: #8dc63f; + text-shadow: 0 0 12px rgba(141, 198, 63, 0.45); + animation: pf-caption 1.6s ease-in-out infinite; +} +@keyframes pf-gantry-y { + 0%, 8% { top: 124px; } + 82%, 88% { top: 28px; } + 100% { top: 124px; } +} +@keyframes pf-head-x { + 0% { left: 12%; } + 100% { left: 88%; } +} +@keyframes pf-bead { + 0% { transform: translateY(-4px); opacity: 0; } + 40% { opacity: 1; } + 100% { transform: translateY(10px); opacity: 0; } +} +@keyframes pf-layer { + 0%, 6% { transform: scaleX(0); opacity: 0; } + 12%, 78% { transform: scaleX(1); opacity: 1; } + 90%, 100% { transform: scaleX(0); opacity: 0; } +} +@keyframes pf-caption { + 0%, 100% { opacity: 0.55; } + 50% { opacity: 1; } +} +@media (prefers-reduced-motion: reduce) { + .pf-printer-gantry, + .pf-printer-head, + .pf-bead, + .pf-model i, + .pf-print-caption { + animation: none; + } + .pf-printer-gantry { top: 70px; } + .pf-printer-head { left: 50%; } + .pf-bead { display: none; } + .pf-model i { transform: scaleX(1); opacity: 1; } +} + +.button-primary:hover, +.button-primary:active, +.button-primary.active { + background-color: var(--pf-primary-dark); + border-color: var(--pf-primary-dark); + color: #fff; +} + /* Theme CSS starts `.page` at opacity:0 until a `.preloader` runs. Keep this so a missed preloader never blanks the site. */ .page { @@ -118,7 +313,7 @@ color: var(--pf-primary-dark); } .cookie-consent-link { - color: #ffd3ce; + color: #9be4fb; text-decoration: underline; text-underline-offset: 2px; } diff --git a/site/print_forge/static/js/campaign-utm.js b/site/print_forge/static/js/campaign-utm.js index 4114d76..7607975 100644 --- a/site/print_forge/static/js/campaign-utm.js +++ b/site/print_forge/static/js/campaign-utm.js @@ -101,7 +101,7 @@ return QRCode.toCanvas(canvas, url, { width: 192, margin: 1, - color: { dark: "#00626c", light: "#ffffff" }, + color: { dark: "#0072bc", light: "#ffffff" }, }); } diff --git a/site/print_forge/static/js/stl-viewer.js b/site/print_forge/static/js/stl-viewer.js index 805e218..50c8733 100644 --- a/site/print_forge/static/js/stl-viewer.js +++ b/site/print_forge/static/js/stl-viewer.js @@ -4,7 +4,7 @@ import { STLLoader } from "three/addons/loaders/STLLoader.js"; const instances = new WeakMap(); -function hexColor(value, fallback = "#ff6252") { +function hexColor(value, fallback = "#00aeef") { const raw = (value || "").trim(); if (/^#[0-9a-fA-F]{6}$/.test(raw)) return raw; return fallback; diff --git a/site/print_forge/templates/base.html b/site/print_forge/templates/base.html index e47ddd8..4d20d24 100644 --- a/site/print_forge/templates/base.html +++ b/site/print_forge/templates/base.html @@ -44,16 +44,35 @@ {% endif %} {% block body %}
-
-
-
-
-
-
-
-
-
-
+
+ + + +

Printing

diff --git a/site/public/email_branding.py b/site/public/email_branding.py index 13f28a3..bfaf0f3 100644 --- a/site/public/email_branding.py +++ b/site/public/email_branding.py @@ -82,7 +82,7 @@ def plain_text_to_email_html(text: str) -> str: lines = [html.escape(line) for line in para.split("\n")] joined = "
\n".join(lines) joined = _URL_RE.sub( - r'\1', + r'\1', joined, ) blocks.append( diff --git a/site/public/templates/emails/base_email.html b/site/public/templates/emails/base_email.html index d6930ed..cfec721 100644 --- a/site/public/templates/emails/base_email.html +++ b/site/public/templates/emails/base_email.html @@ -36,11 +36,11 @@ color: #212121; font-family: "Work Sans", Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; } - a { color: #00626c; } + a { color: #00aeef; } .email-btn { display: inline-block; padding: 12px 24px; - background-color: #00626c; + background-color: #00aeef; color: #ffffff !important; text-decoration: none; border-radius: 4px; @@ -66,7 +66,7 @@ {{ brand_name|default:'Print Forge' }} {% else %} -

+

{{ brand_name }}

{% endif %} @@ -82,7 +82,7 @@ -   +   @@ -102,7 +102,7 @@ {% if brand_tagline_html %} {{ brand_tagline_html|safe }} {% else %} - {{ host_label|default:"mkdrealtor.com" }} + {{ host_label|default:"mkdrealtor.com" }} {% if brand_tagline %}  ·  {{ brand_tagline }} {% endif %} diff --git a/site/public/templates/emails/campaign_complete.html b/site/public/templates/emails/campaign_complete.html index cd49161..0574c49 100644 --- a/site/public/templates/emails/campaign_complete.html +++ b/site/public/templates/emails/campaign_complete.html @@ -5,7 +5,7 @@ {% block content %}

Your {{ channel_display }} campaign has finished sending.

-

{{ campaign_name }}

+

{{ campaign_name }}

@@ -32,7 +32,7 @@ {% if report_url %}

- +

{% endif %} {% endblock %} diff --git a/site/public/templates/emails/contact_email.html b/site/public/templates/emails/contact_email.html index fc697e0..61e9821 100644 --- a/site/public/templates/emails/contact_email.html +++ b/site/public/templates/emails/contact_email.html @@ -11,7 +11,7 @@

Email

- {{ email }} + {{ email }}

Phone

@@ -25,7 +25,7 @@ {% if portal_url %}

- +

{% endif %} {% endblock %} diff --git a/site/public/templates/emails/marketing_email.html b/site/public/templates/emails/marketing_email.html index a553127..f0ec16b 100644 --- a/site/public/templates/emails/marketing_email.html +++ b/site/public/templates/emails/marketing_email.html @@ -15,11 +15,11 @@ {% block footer_note %} {% if prefs_url or one_click_url %} {% if prefs_url %} -Manage preferences +Manage preferences {% endif %} {% if prefs_url and one_click_url %} · {% endif %} {% if one_click_url %} -Unsubscribe from email +Unsubscribe from email {% endif %} {% endif %} {% endblock %} diff --git a/site/shop/services.py b/site/shop/services.py index 036939c..bd3b530 100644 --- a/site/shop/services.py +++ b/site/shop/services.py @@ -418,7 +418,7 @@ def normalize_hex(value: str) -> str: return raw.lower() -def store_product_image(*, upload, user) -> StoredFile: +def store_product_image(*, upload, user, smart_crop: bool = True) -> StoredFile: content_type = (getattr(upload, "content_type", None) or "").lower() if content_type not in _ALLOWED_IMAGE_TYPES: raise ShopError("Use a JPEG, PNG, GIF, or WebP image.") @@ -427,15 +427,18 @@ def store_product_image(*, upload, user) -> StoredFile: raise ShopError("Image must be 15 MB or smaller.") original = (getattr(upload, "name", None) or "product")[:255] try: - from shop.imaging import prepare_product_photo, product_image_filename + from shop.imaging import open_image, prepare_product_photo, product_image_filename except ImportError as exc: logger.exception("product photo processing dependencies missing") raise ShopError( "Image processing is not installed. Rebuild the app container." ) from exc try: - data, content_type = prepare_product_photo(data) - original = product_image_filename(original) + if smart_crop: + data, content_type = prepare_product_photo(data) + original = product_image_filename(original) + else: + open_image(data) except ShopError: raise except Exception as exc: @@ -569,12 +572,15 @@ def append_product_images( uploads, user, color: ProductColor | None = None, + smart_crop: bool = True, ) -> None: existing = product.images.filter(color=color).count() for offset, upload in enumerate(uploads): if not upload: continue - stored = store_product_image(upload=upload, user=user) + stored = store_product_image( + upload=upload, user=user, smart_crop=smart_crop + ) ProductImage.objects.create( product=product, color=color, diff --git a/site/shop/templates/shop/detail.html b/site/shop/templates/shop/detail.html index 617034c..8af3899 100644 --- a/site/shop/templates/shop/detail.html +++ b/site/shop/templates/shop/detail.html @@ -40,7 +40,7 @@

Drag to spin · scroll to zoom

diff --git a/site/shop/templates/shop/portal/product_edit.html b/site/shop/templates/shop/portal/product_edit.html index 967f51d..3fc89a2 100644 --- a/site/shop/templates/shop/portal/product_edit.html +++ b/site/shop/templates/shop/portal/product_edit.html @@ -30,7 +30,12 @@
-

JPEG, PNG, GIF, or WebP. Multiple photos. Used on the listing card and as the default gallery. Color-specific photos below replace these when that color is selected.

+ + +

JPEG, PNG, GIF, or WebP. Multiple photos. Used on the listing card and as the default gallery. Color-specific photos below replace these when that color is selected. Leave the filter on to knock out the background and center the subject on a square canvas.

{% if product.catalog_images %}
{% for image in product.catalog_images %} @@ -114,7 +119,7 @@
diff --git a/site/shop/tests.py b/site/shop/tests.py index 1759986..ee26efb 100644 --- a/site/shop/tests.py +++ b/site/shop/tests.py @@ -414,6 +414,8 @@ class ShopPortalTests(TestCase): self.assertEqual(response.status_code, 200) self.assertContains(response, "Shop card preview") self.assertContains(response, 'name="images"') + self.assertContains(response, 'name="smart_crop"') + self.assertContains(response, "Smart crop and background filter") self.assertContains(response, 'name="stl"') self.assertContains(response, "Add color") @@ -512,6 +514,32 @@ class ShopPortalTests(TestCase): b"".join(fetch.streaming_content), bytes(product.image.data) ) + def test_create_product_skips_smart_crop_when_unchecked(self): + raw = _tiny_png() + upload = SimpleUploadedFile("keep.png", raw, content_type="image/png") + with patch("shop.imaging.cutout_subject") as cut: + response = self.client.post( + reverse("shop_portal:product_new"), + { + "name": "Raw photo toy", + "sku": "RAW-1", + "price": "10.00", + "stock_qty": "1", + "fulfillment": "stocked", + "track_inventory": "on", + "smart_crop": "off", + "images": upload, + }, + ) + self.assertEqual(response.status_code, 302) + cut.assert_not_called() + product = Product.objects.get(sku="RAW-1") + stored = product.images.get().file + self.assertEqual(bytes(stored.data), raw) + self.assertEqual(stored.filename, "keep.png") + framed = Image.open(BytesIO(bytes(stored.data))) + self.assertEqual(framed.size, (8, 8)) + def test_create_product_with_color_photos_and_shared_stl(self): catalog = SimpleUploadedFile("card.png", _tiny_png(), content_type="image/png") red_photo = SimpleUploadedFile("red.png", _tiny_png(), content_type="image/png") @@ -582,6 +610,20 @@ class ShopPortalTests(TestCase): self.assertTrue(bytes(stored.data)) self.assertEqual(stored.kind, StoredFile.Kind.PRODUCT_IMAGE) + def test_store_product_image_can_skip_smart_crop(self): + raw = _tiny_png() + with TemporaryUploadedFile("dot.png", "image/png", 0, "utf-8") as tmp: + tmp.write(raw) + tmp.seek(0) + with patch("shop.imaging.cutout_subject") as cut: + stored = store_product_image( + upload=tmp, user=self.user, smart_crop=False + ) + cut.assert_not_called() + self.assertEqual(bytes(stored.data), raw) + self.assertEqual(stored.content_type, "image/png") + self.assertEqual(stored.filename, "dot.png") + def test_temporary_stl_upload_copied_into_database_then_unlinked(self): with TemporaryUploadedFile( "toy.stl", "application/octet-stream", 0, "utf-8" diff --git a/site/shop/views.py b/site/shop/views.py index b203b2c..91e59f3 100644 --- a/site/shop/views.py +++ b/site/shop/views.py @@ -298,10 +298,12 @@ def portal_product_edit(request, pk=None): remove_product_images( product, request.POST.getlist("remove_image") ) + smart_crop = request.POST.get("smart_crop", "on") == "on" append_product_images( product, uploads=request.FILES.getlist("images"), user=request.user, + smart_crop=smart_crop, ) for key, color in colors.items(): uploads = request.FILES.getlist(f"color_images_{key}") @@ -312,6 +314,7 @@ def portal_product_edit(request, pk=None): uploads=uploads, user=request.user, color=color, + smart_crop=smart_crop, ) refresh_listing_image(product) _delete_replaced_file( -- 2.54.0