#0056b3
Explore tagged Tumblr posts
Visit Tumblr Blog
Explore Tumblr blogs with no restrictions, modern design and the best experience.
Last Seen Tumblr Blogs
Fun Fact
Hackers stole 65M passwords from Tumblr in 2013.
Text
The Sentient Intelligence Codex: Blueprint of an Emergent Economy body { font-family: ‘Georgia’, serif; line-height: 1.6; color: #333; margin: 20px; max-width: 800px; margin-left: auto; margin-right: auto; } h1, h2, h3 { color: #0056b3; } h1 { font-size: 2.8em; margin-bottom: 0.5em; } h2 { font-size: 1.9em; margin-top: 1.5em; margin-bottom: 0.5em; } p { margin-bottom: 1em; } a { color:…
0 notes
Text
Top Tips for Hiring a Video Production Company in Orange County
Lights, Camera, Action! Your Guide to Hiring a Stellar Video Production Company in Orange County body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; max-width: 800px; margin: 0 auto; padding: 20px; background-color: #f4f4f4; } h1, h2, h3 { color: #0056b3; } a { color: #007bff; text-decoration: none; } a:hover { text-decoration: underline; } .container { background-color:…
0 notes
Text
### ✅ How to Run the Web Dashboard
#### 1. **Install Flask** (if not already):
```bash
pip install flask
```
---
**Python Web App: `engine.py`**
```python
from flask import Flask, request, render_template_string, jsonify
import json
# Load checklist JSON from file
with open("checklist.json", "r") as f:
checklist = json.load(f)
app = Flask(__name__)
# Simple HTML frontend
TEMPLATE = """
<!DOCTYPE html>
<html>
<head>
<title>False-Flag Detection Dashboard</title>
<style>
body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 20px; }
h2 { color: #333; }
.container { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
input, textarea { width: 100%; padding: 10px; margin: 10px 0; border-radius: 4px; border: 1px solid #ccc; }
.button { background-color: #007BFF; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; }
.button:hover { background-color: #0056b3; }
.output { background-color: #eee; padding: 10px; border-radius: 4px; margin-top: 20px; }
</style>
</head>
<body>
<div class="container">
<h2>False-Flag Event Evaluation</h2>
<form method="POST">
<label for="event_json">Enter Event JSON:</label>
<textarea id="event_json" name="event_json" rows="10">{{ event_json }}</textarea>
<button class="button" type="submit">Evaluate Event</button>
</form>
{% if result %}
<div class="output">
<h3>Evaluation Report:</h3>
<pre>{{ result }}</pre>
</div>
{% endif %}
</div>
</body>
</html>
"""
# Rule evaluator
def evaluate_event(event, rules):
flags = []
halt_triggered = False
for condition in rules["auto_halt_conditions"]:
if condition["id"] == "halt_001" and event.get("rescue_time_hours", 999) <= 6 and not event.get("biomarker_evidence", True):
flags.append(condition["description"])
halt_triggered = True
if condition["id"] == "halt_002" and event.get("criminals_included"):
flags.append(condition["description"])
halt_triggered = True
if condition["id"] == "halt_003" and event.get("distress_signal_blocked"):
flags.append(condition["description"])
halt_triggered = True
if condition["id"] == "halt_004" and event.get("duplicate_pattern_count", 0) >= 2:
flags.append(condition["description"])
halt_triggered = True
results = {
"incident_id": event.get("incident_id", "Unknown"),
"flags": flags,
"halt_triggered": halt_triggered,
"narrative_similarity_score": event.get("narrative_similarity_score", 0),
"extraction_targets": event.get("extraction_list", []),
"independent_confirmation_count": event.get("independent_confirmations", 0)
}
return results
@app.route("/", methods=["GET", "POST"])
def dashboard():
event_json = ""
result = None
if request.method == "POST":
try:
event_json = request.form["event_json"]
event_data = json.loads(event_json)
evaluation = evaluate_event(event_data, checklist)
result = json.dumps(evaluation, indent=4)
except Exception as e:
result = f"Error parsing input: {e}"
return render_template_string(TEMPLATE, event_json=event_json, result=result)
if __name__ == "__main__":
app.run(debug=False, port=5000)
```
---
### 🖥️ Run It:
From your terminal:
```bash
python engine.py
```
Then open [http://localhost:5000](http://localhost:5000) in your browser to interact with the dashboard.
---
Would you like help generating sample event inputs or connecting this engine to a file or database for batch evaluations?
0 notes
Text
Shop Now - Best Deals body { font-family: Arial, sans-serif; text-align: center; } .container { width: 80%; margin: auto; } .product { border: 1px solid #ddd; margin: 20px 0; padding: 20px; border-radius: 10px; } img { max-width: 100%; height: auto; border-radius: 10px; } a { display: inline-block; margin-top: 10px; padding: 10px 20px; background: #007BFF; color: white; text-decoration: none; border-radius: 5px; } a:hover { background: #0056b3; }
Shop Our Best Products
Crocodile Cotton Slipper
These crocodile cotton slippers are designed for comfort and warmth, offering a soft and cozy feel with a fun crocodile design. Perfect for indoor relaxation.
Buy Now
Toothpaste Dispenser and Toothbrush Holder
Keep your bathroom organized with this automatic toothpaste dispenser and toothbrush holder. A hands-free design for a mess-free experience.
Buy Now
Halayaya Pop It Game Quick Push Game
Enjoy fast-paced fun with this interactive pop-it game! Perfect for kids and adults, this game enhances focus and coordination.
Buy Now
Portable Vacuum Phone Holder
This strong suction phone holder attaches to any smooth surface, making it perfect for hands-free use in the kitchen, car, or gym.
Buy Now
Privacy Tempered Glass
Protect your screen and your privacy with this high-quality tempered glass protector. Scratch-resistant and anti-spy for added security.
Buy Now
1 note
·
View note
Text
Unlocking Community Health: Essential Training for Future Nurses
“`html
Unlocking Community Health: Essential Training for Future Nurses <p> body { font-family: arial, sans-serif; line-height: 1.6; margin: 20px; padding: 20px; } <p> h1, h2, h3 { colour: #0056b3; } <p> ul { list-style-type: disc; margin-left: 20px; } <p> .table-class { width: 100%; border-collapse: collapse; margin: 20px 0; } <p> .table-class th, .table-class td { border: 1px solid #dddddd; text-align: left; padding: 8px; } <p> .table-class th { background-color: #f2f2f2; }
Unlocking Community Health: Essential Training for Future Nurses
As healthcare evolves to become more community-oriented, the role of nurses in community health is increasingly vital. This article delves into the essential training required for future nurses to unlock the full potential of community health. By focusing on education, hands-on experiance, and engagement with community dynamics, nursing programs can cultivate a new generation of healthcare professionals ready to make a difference.
Understanding Community Health Nursing
Community health nursing is a specialty that focuses on promoting and protecting the health of populations. Unlike customary clinical nursing, which often concentrates on individual patient care, community health nurses look at health through a broader lens, considering factors such as socioeconomic status, surroundings, and cultural influences. Here’s what makes community health nursing distinct:
A focus on health promotion and disease prevention
Collaboration with other health professionals and community organizations
Emphasis on health education and community advocacy
Essential Training Components for Future Nurses
Training future nurses for community health requires a comprehensive, multi-faceted approach. Below are essential components of community health nursing training:
1. Theoretical Knowledge
Future nurses must grasp the theoretical frameworks that underpin community health practices, including:
Community assessment tools
Theories of health behavior change
Social determinants of health
Health policy and systems
2. practical Skills
Hands-on experience is paramount. Training should involve:
Clinical rotations in diverse community settings
youtube
https://www.nursingcourse.net/unlocking-community-health-essential-training-for-future-nurses/
0 notes
Text
Masterlista
Easter
Barbie
Donald Trump
.masterlist { font-family: Arial, sans-serif; max-width: 400px; margin: 20px auto; padding: 15px; border: 2px solid #ccc; border-radius: 8px; background-color: #f9f9f9; } .masterlist h2 { text-align: center; font-size: 1.8em; color: #333; } .masterlist ul { list-style-type: none; padding: 0; } .masterlist ul li { margin: 10px 0; } .masterlist ul li a { text-decoration: none; color: #007bff; font-size: 1.2em; transition: color 0.3s ease; } .masterlist ul li a:hover { color: #0056b3; }
0 notes
Text
MIXIN Girls Dress Shoes Mary Jane Shoes for Girl Ballet Flats Back to School Princess Wedding Shoes
Buy now from Amazon <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>MIXIN Girls Dress Shoes Mary Jane Shoes Review</title> <style> body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; margin: 20px; } h1, h2, h3 { color: #0056b3; } img { max-width: 100%; height: auto; } .product-image…
0 notes
Text
The Property Monthly Instalment Calculator is a user-friendly online tool meticulously crafted to simplify the process of estimating monthly instalments for property purchases in Malaysia. Property Monthly Instalment Calculator /* Add your custom CSS styles here */ body font-family: Arial, sans-serif; .calculator-container max-width: 500px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); input[type="number"] width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; button width: 100%; padding: 10px; background-color: #007bff; color: #fff; border: none; border-radius: 5px; cursor: pointer; button:hover background-color: #0056b3; .result margin-top: 20px; text-align: center; font-weight: bold; Property Calculator Property Price (RM) Loan Period (years) Interest Rate (%) Calculate function calculateMonthlyInstalment() var propertyPrice = parseFloat(document.getElementById('propertyPrice').value); var loanPeriod = parseFloat(document.getElementById('loanPeriod').value); var interestRate = parseFloat(document.getElementById('interestRate').value); var monthlyInterestRate = (interestRate / 100) / 12; var numberOfPayments = loanPeriod * 12; var monthlyInstalment = (propertyPrice * monthlyInterestRate) / (1 - Math.pow(1 + monthlyInterestRate, -numberOfPayments)); document.getElementById('result').innerText = 'Monthly Instalment: RM ' + monthlyInstalment.toFixed(2); Utilizing advanced algorithms and up-to-date market data, Carlistmalaysia calculator provides users with accurate estimations of their monthly instalments based on various factors such as property price, down payment amount, loan tenure, and interest rates. By inputting these key details into the calculator, users can swiftly generate a comprehensive breakdown of their potential monthly financial commitments, allowing for better financial planning and decision-making. Features and Benefits Property Monthly Instalment Calculator Carlistmalaysia calculator boasts a sleek and intuitive interface, ensuring a seamless user experience for individuals of all backgrounds and expertise levels. With the ability to adjust variables such as loan tenure and interest rates, users can tailor their calculations to align with their unique financial circumstances and preferences. Gone are the days of lengthy manual calculations. With just a few clicks, users can obtain instant and accurate estimations of their monthly instalments, saving time and effort in the process. Armed with a clear understanding of their monthly financial commitments, users can make well-informed decisions regarding property purchases, thereby mitigating the risk of potential financial strain in the future. FAQ (Frequently Asked Questions) How Accurate are the Calculations Provided by Carlistmalaysia's Property Monthly Instalment Calculator? Carlistmalaysia calculator leverages sophisticated algorithms and real-time market data to ensure the accuracy of its calculations. While the estimations provided may serve as a reliable guide, it's important to note that actual instalments may vary based on factors such as loan approval, prevailing interest rates, and additional fees. Can I Use the Calculator for Different Types of Properties? Absolutely! Whether you're considering a condominium, landed property, or commercial real estate, Carlistmalaysia calculator accommodates a wide range of property types, allowing users to assess monthly instalments across various segments of the market. Is Carlistmalaysia Property Monthly Instalment Calculator Free to Use? Yes, Carlistmalaysia calculator is completely free to use, providing users with unrestricted access to its powerful features and functionalities without any hidden costs or subscription fees.
0 notes
Text
Соблазнительный наряд для виртуальной вечеринки: Рианна отпраздновала выход своей линии уходовой косметики" /> :root --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: Roboto, "Helvetica Neue", Arial, sans-serif; --font-family-monospace: "Courier New", monospace *, ::after, ::before 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: transparent @-ms-viewport width: device-width article, aside, figcaption, figure, footer, header, hgroup, main, nav, section display: block body margin: 0; font-family: Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff [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: .5rem p margin-top: 0; margin-bottom: 1rem abbr[data-original-title], abbr[title] text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0 address margin-bottom: 1rem; font-style: normal; line-height: inherit dl, ol, ul margin-top: 0; margin-bottom: 1rem ol ol, ol ul, ul ol, ul ul margin-bottom: 0 dt font-weight: 700 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: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects a:hover color: #0056b3; text-decoration: underline a:not([href]):not([tabindex]) color: inherit; text-decoration: none a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover color: inherit; text-decoration: none a:not([href]):not([tabindex]):focus outline: 0 code, kbd, pre, samp font-family: "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: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom th text-align: inherit label display: inline-block; margin-bottom: .5rem button border-radius: 0 button:focus outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color button, input, optgroup, select, textarea margin: 0; font-family: inherit; font-size: inherit; line-height: inherit button, input overflow: visible button, select text-transform: none [type=reset], [type=submit], button, html [type=button] -webkit-appearance: button [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner padding: 0; border-style: none input[type=checkbox], input[type=radio] box-sizing: border-box; padding: 0 input[type=date], input[type=datetime-local], input[type=month], input[type=time] -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: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit .h1, h1 font-size: 2.5rem .h2, h2 font-size: 2rem .h3, h3 font-size: 1.75rem .h4, h4 font-size: 1.5rem .h5, h5 font-size: 1.25rem .h6, h6 font-size: 1rem .lead font-size: 1.25rem; 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 rgba(0, 0, 0, .1) .small, small font-size: 80%; font-weight: 400 .mark, mark padding: .2em; background-color: #fcf8e3 .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: .5rem .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 0A0" .img-fluid max-width: 100%; height: auto .img-thumbnail padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto .figure display: inline-block .figure-img margin-bottom: .5rem; line-height: 1 .figure-caption font-size: 90%; color: #6c757d code font-size: 87.5%; color: #e83e8c; word-break: break-word a > code color: inherit kbd padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .2rem kbd kbd padding: 0; font-size: 100%; font-weight: 700 pre display: block; font-size: 87.5%; 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: 1140px .container-fluid width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto .row display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; 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, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-auto position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px .col -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% .col-auto -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none .col-1 -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% .col-2 -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% .col-3 -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% .col-4 -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% .col-5 -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% .col-6 -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% .col-7 -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% .col-8 -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% .col-9 -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% .col-10 -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% .col-11 -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% .col-12 -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% .order-first -ms-flex-order: -1; order: -1 .order-last -ms-flex-order: 13; order: 13 .order-0 -ms-flex-order: 0; order: 0 .order-1 -ms-flex-order: 1; order: 1 .order-2 -ms-flex-order: 2; order: 2 .order-3 -ms-flex-order: 3; order: 3 .order-4 -ms-flex-order: 4; order: 4 .order-5 -ms-flex-order: 5; order: 5 .order-6 -ms-flex-order: 6; order: 6 .order-7 -ms-flex-order: 7; order: 7 .order-8 -ms-flex-order: 8; order: 8 .order-9 -ms-flex-order: 9; order: 9 .order-10 -ms-flex-order: 10; order: 10 .order-11 -ms-flex-order: 11; order: 11 .order-12 -ms-flex-order: 12; order: 12 .offset-1 margin-left: 8.333333% .offset-2 margin-left: 16.666667% .offset-3 margin-left: 25% .offset-4 margin-left: 33.333333% .offset-5 margin-left: 41.666667% .offset-6 margin-left: 50% .offset-7 margin-left: 58.333333% .offset-8 margin-left: 66.666667% .offset-9 margin-left: 75% .offset-10 margin-left: 83.333333% .offset-11 margin-left: 91.666667% @media (min-width: 576px) .col-sm -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% .col-sm-auto -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none .col-sm-1 -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% .col-sm-2 -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% .col-sm-3 -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% .col-sm-4 -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% .col-sm-5 -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% .col-sm-6 -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% .col-sm-7 -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% .col-sm-8 -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% .col-sm-9 -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% .col-sm-10 -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% .col-sm-11 -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% .col-sm-12 -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% .order-sm-first -ms-flex-order: -1; order: -1 .order-sm-last -ms-flex-order: 13; order: 13 .order-sm-0 -ms-flex-order: 0; order: 0 .order-sm-1 -ms-flex-order: 1; order: 1 .order-sm-2 -ms-flex-order: 2; order: 2 .order-sm-3 -ms-flex-order: 3; order: 3 .order-sm-4 -ms-flex-order: 4; order: 4 .order-sm-5 -ms-flex-order: 5; order: 5 .order-sm-6 -ms-flex-order: 6; order: 6 .order-sm-7 -ms-flex-order: 7; order: 7 .order-sm-8 -ms-flex-order: 8; order: 8 .order-sm-9 -ms-flex-order: 9; order: 9 .order-sm-10 -ms-flex-order: 10; order: 10 .order-sm-11 -ms-flex-order: 11; order: 11 .order-sm-12 -ms-flex-order: 12; order: 12 .offset-sm-0 margin-left: 0 .offset-sm-1 margin-left: 8.333333% .offset-sm-2 margin-left: 16.666667% .offset-sm-3 margin-left: 25% .offset-sm-4 margin-left: 33.333333% .offset-sm-5 margin-left: 41.666667% .offset-sm-6 margin-left: 50% .offset-sm-7 margin-left: 58.333333% .offset-sm-8 margin-left: 66.666667% .offset-sm-9 margin-left: 75% .offset-sm-10 margin-left: 83.333333% .offset-sm-11 margin-left: 91.666667% @media (min-width: 768px) .col-md -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% .col-md-auto -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none .col-md-1 -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% .col-md-2 -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% .col-md-3 -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% .col-md-4 -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% .col-md-5 -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% .col-md-6 -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% .col-md-7 -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% .col-md-8 -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% .col-md-9 -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% .col-md-10 -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% .col-md-11 -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% .col-md-12 -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% .order-md-first -ms-flex-order: -1; order: -1 .order-md-last -ms-flex-order: 13; order: 13 .order-md-0 -ms-flex-order: 0; order: 0 .order-md-1 -ms-flex-order: 1; order: 1 .order-md-2 -ms-flex-order: 2; order: 2 .order-md-3 -ms-flex-order: 3; order: 3 .order-md-4 -ms-flex-order: 4; order: 4 .order-md-5 -ms-flex-order: 5; order: 5 .order-md-6 -ms-flex-order: 6; order: 6 .order-md-7 -ms-flex-order: 7; order: 7 .order-md-8 -ms-flex-order: 8; order: 8 .order-md-9 -ms-flex-order: 9; order: 9 .order-md-10 -ms-flex-order: 10; order: 10 .order-md-11 -ms-flex-order: 11; order: 11 .order-md-12 -ms-flex-order: 12; order: 12 .offset-md-0 margin-left: 0 .offset-md-1 margin-left: 8.333333% .offset-md-2 margin-left: 16.666667% .offset-md-3 margin-left: 25% .offset-md-4 margin-left: 33.333333% .offset-md-5 margin-left: 41.666667% .offset-md-6 margin-left: 50% .offset-md-7 margin-left: 58.333333% .offset-md-8 margin-left: 66.666667% .offset-md-9 margin-left: 75% .offset-md-10 margin-left: 83.333333% .offset-md-11 margin-left: 91.666667% @media (min-width: 992px) .col-lg -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% .col-lg-auto -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none .col-lg-1 -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% .col-lg-2 -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% .col-lg-3 -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% .col-lg-4 -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% .col-lg-5 -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% .col-lg-6 -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% .col-lg-7 -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% .col-lg-8 -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% .col-lg-9 -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% .col-lg-10 -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% .col-lg-11 -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% .col-lg-12 -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% .order-lg-first -ms-flex-order: -1; order: -1 .order-lg-last -ms-flex-order: 13; order: 13 .order-lg-0 -ms-flex-order: 0; order: 0 .order-lg-1 -ms-flex-order: 1; order: 1 .order-lg-2 -ms-flex-order: 2; order: 2 .order-lg-3 -ms-flex-order: 3; order: 3 .order-lg-4 -ms-flex-order: 4; order: 4 .order-lg-5 -ms-flex-order: 5; order: 5 .order-lg-6 -ms-flex-order: 6; order: 6 .order-lg-7 -ms-flex-order: 7; order: 7 .order-lg-8 -ms-flex-order: 8; order: 8 .order-lg-9 -ms-flex-order: 9; order: 9 .order-lg-10 -ms-flex-order: 10; order: 10 .order-lg-11 -ms-flex-order: 11; order: 11 .order-lg-12 -ms-flex-order: 12; order: 12 .offset-lg-0 margin-left: 0 .offset-lg-1 margin-left: 8.333333% .offset-lg-2 margin-left: 16.666667% .offset-lg-3 margin-left: 25% .offset-lg-4 margin-left: 33.333333% .offset-lg-5 margin-left: 41.666667% .offset-lg-6 margin-left: 50% .offset-lg-7 margin-left: 58.333333% .offset-lg-8 margin-left: 66.666667% .offset-lg-9 margin-left: 75% .offset-lg-10 margin-left: 83.333333% .offset-lg-11 margin-left: 91.666667% @media (min-width: 1200px) .col-xl -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% .col-xl-auto -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none .col-xl-1 -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% .col-xl-2 -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% .col-xl-3 -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% .col-xl-4 -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% .col-xl-5 -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% .col-xl-6 -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% .col-xl-7 -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% .col-xl-8 -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% .col-xl-9 -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% .col-xl-10 -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% .col-xl-11 -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% .col-xl-12 -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% .order-xl-first -ms-flex-order: -1; order: -1 .order-xl-last -ms-flex-order: 13; order: 13 .order-xl-0 -ms-flex-order: 0; order: 0 .order-xl-1 -ms-flex-order: 1; order: 1 .order-xl-2 -ms-flex-order: 2; order: 2 .order-xl-3 -ms-flex-order: 3; order: 3 .order-xl-4 -ms-flex-order: 4; order: 4 .order-xl-5 -ms-flex-order: 5; order: 5 .order-xl-6 -ms-flex-order: 6; order: 6 .order-xl-7 -ms-flex-order: 7; order: 7 .order-xl-8 -ms-flex-order: 8; order: 8 .order-xl-9 -ms-flex-order: 9; order: 9 .order-xl-10 -ms-flex-order: 10; order: 10 .order-xl-11 -ms-flex-order: 11; order: 11 .order-xl-12 -ms-flex-order: 12; order: 12 .offset-xl-0 margin-left: 0 .offset-xl-1 margin-left: 8.333333% .offset-xl-2 margin-left: 16.666667% .offset-xl-3 margin-left: 25% .offset-xl-4 margin-left: 33.333333% .offset-xl-5 margin-left: 41.666667% .offset-xl-6 margin-left: 50% .offset-xl-7 margin-left: 58.333333% .offset-xl-8 margin-left: 66.666667% .offset-xl-9 margin-left: 75% .offset-xl-10 margin-left: 83.333333% .offset-xl-11 margin-left: 91.666667% .table width: 100%; margin-bottom: 1rem; background-color: transparent .table td, .table th padding: .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: #fff .table-sm td, .table-sm th padding: .3rem .table-bordered border: 1px solid #dee2e6 .table-bordered td, .table-bordered th border: 1px solid #dee2e6 .table-bordered thead td, .table-bordered thead th border-bottom-width: 2px .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th border: 0 .table-striped tbody tr:nth-of-type(odd) background-color: rgba(0, 0, 0, .05) .table-hover tbody tr:hover background-color: rgba(0, 0, 0, .075) .table-primary, .table-primary > td, .table-primary > th background-color: #b8daff .table-hover .table-primary:hover background-color: #9fcdff .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th background-color: #9fcdff .table-secondary, .table-secondary > td, .table-secondary > th background-color: #d6d8db .table-hover .table-secondary:hover background-color: #c8cbcf .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th background-color: #c8cbcf .table-success, .table-success > td, .table-success > th background-color: #c3e6cb .table-hover .table-success:hover background-color: #b1dfbb .table-hover .table-success:hover > td, .table-hover .table-success:hover > th background-color: #b1dfbb .table-info, .table-info > td, .table-info > th background-color: #bee5eb .table-hover .table-info:hover background-color: #abdde5 .table-hover .table-info:hover > td, .table-hover .table-info:hover > th background-color: #abdde5 .table-warning, .table-warning > td, .table-warning > th background-color: #ffeeba .table-hover .table-warning:hover background-color: #ffe8a1 .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th background-color: #ffe8a1 .table-danger, .table-danger > td, .table-danger > th background-color: #f5c6cb .table-hover .table-danger:hover background-color: #f1b0b7 .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th background-color: #f1b0b7 .table-light, .table-light > td, .table-light > th background-color: #fdfdfe .table-hover .table-light:hover background-color: #ececf6 .table-hover .table-light:hover > td, .table-hover .table-light:hover > th background-color: #ececf6 .table-dark, .table-dark > td, .table-dark > th background-color: #c6c8ca .table-hover .table-dark:hover background-color: #b9bbbe .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th background-color: #b9bbbe .table-active, .table-active > td, .table-active > th background-color: rgba(0, 0, 0, .075) .table-hover .table-active:hover background-color: rgba(0, 0, 0, .075) .table-hover .table-active:hover > td, .table-hover .table-active:hover > th background-color: rgba(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 td, .table-dark th, .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, .05) .table-dark.table-hover tbody tr:hover background-color: rgba(255, 255, 255, .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 .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: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .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 .2rem rgba(0, 123, 255, .25) .form-control::-webkit-input-placeholder color: #6c757d; opacity: 1 .form-control::-moz-placeholder color: #6c757d; opacity: 1 .form-control:-ms-input-placeholder color: #6c757d; opacity: 1 .form-control::-ms-input-placeholder color: #6c757d; opacity: 1 .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(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 .col-form-label-lg padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5 .col-form-label-sm padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5 .form-control-plaintext display: block; width: 100%; padding-top: .375rem; padding-bottom: .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-lg, .form-control-plaintext.form-control-sm padding-right: 0; padding-left: 0 .form-control-sm height: calc(1.8125rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem .form-control-lg height: calc(2.875rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem select.form-control[multiple], select.form-control[size] height: auto textarea.form-control height: auto .form-group margin-bottom: 1rem .form-text display: block; margin-top: .25rem .form-row display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; 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: .3rem; margin-left: -1.25rem .form-check-input:disabled ~ .form-check-label color: #6c757d .form-check-label margin-bottom: 0 .form-check-inline display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: .75rem .form-check-inline .form-check-input position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 .valid-feedback display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #28a745 .valid-tooltip position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, .9); border-radius: .25rem .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid border-color: #28a745 .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip display: block .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip display: block .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label color: #28a745 .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip display: block .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label color: #28a745 .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before background-color: #71dd8a .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip display: block .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before background-color: #34ce57 .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25) .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label border-color: #28a745 .custom-file-input.is-valid ~ .custom-file-label::after, .was-validated .custom-file-input:valid ~ .custom-file-label::after border-color: inherit .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip display: block .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) .invalid-feedback display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545 .invalid-tooltip position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, .9); border-radius: .25rem .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid border-color: #dc3545 .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip display: block .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip display: block .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label color: #dc3545 .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip display: block .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label color: #dc3545 .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before background-color: #efa2a9 .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip display: block .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before background-color: #e4606d .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25) .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label border-color: #dc3545 .custom-file-input.is-invalid ~ .custom-file-label::after, .was-validated .custom-file-input:invalid ~ .custom-file-label::after border-color: inherit .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip display: block .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) .form-inline display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center .form-inline .form-check width: 100% @media (min-width: 576px) .form-inline label display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0 .form-inline .form-group display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; 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 .custom-select, .form-inline .input-group width: auto .form-inline .form-check display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0 .form-inline .form-check-input position: relative; margin-top: 0; margin-right: .25rem; margin-left: 0 .form-inline .custom-control -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center .form-inline .custom-control-label margin-bottom: 0 .btn display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out @media screen and (prefers-reduced-motion: reduce) .btn transition: none .btn:focus, .btn:hover text-decoration: none .btn.focus, .btn:focus outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) .btn.disabled, .btn:disabled opacity: .65 .btn:not(:disabled):not(.disabled) cursor: pointer a.btn.disabled, fieldset:disabled a.btn pointer-events: none .btn-primary color: #fff; background-color: #007bff; border-color: #007bff .btn-primary:hover color: #fff; background-color: #0069d9; border-color: #0062cc .btn-primary.focus, .btn-primary:focus box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) .btn-primary.disabled, .btn-primary:disabled color: #fff; background-color: #007bff; border-color: #007bff .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle color: #fff; background-color: #0062cc; border-color: #005cbf .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) .btn-secondary color: #fff; background-color: #6c757d; border-color: #6c757d .btn-secondary:hover color: #fff; background-color: #5a6268; border-color: #545b62 .btn-secondary.focus, .btn-secondary:focus box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) .btn-secondary.disabled, .btn-secondary:disabled color: #fff; background-color: #6c757d; border-color: #6c757d .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle color: #fff; background-color: #545b62; border-color: #4e555b .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) .btn-success color: #fff; background-color: #28a745; border-color: #28a745 .btn-success:hover color: #fff; background-color: #218838; border-color: #1e7e34 .btn-success.focus, .btn-success:focus box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) .btn-success.disabled, .btn-success:disabled color: #fff; background-color: #28a745; border-color: #28a745 .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle color: #fff; background-color: #1e7e34; border-color: #1c7430 .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) .btn-info color: #fff; background-color: #17a2b8; border-color: #17a2b8 .btn-info:hover color: #fff; background-color: #138496; border-color: #117a8b .btn-info.focus, .btn-info:focus box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) .btn-info.disabled, .btn-info:disabled color: #fff; background-color: #17a2b8; border-color: #17a2b8 .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle color: #fff; background-color: #117a8b; border-color: #10707f .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) .btn-warning color: #212529; background-color: #ffc107; border-color: #ffc107 .btn-warning:hover color: #212529; background-color: #e0a800; border-color: #d39e00 .btn-warning.focus, .btn-warning:focus box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) .btn-warning.disabled, .btn-warning:disabled color: #212529; background-color: #ffc107; border-color: #ffc107 .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle color: #212529; background-color: #d39e00; border-color: #c69500 .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) .btn-danger color: #fff; background-color: #dc3545; border-color: #dc3545 .btn-danger:hover color: #fff; background-color: #c82333; border-color: #bd2130 .btn-danger.focus, .btn-danger:focus box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) .btn-danger.disabled, .btn-danger:disabled color: #fff; background-color: #dc3545; border-color: #dc3545 .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle color: #fff; background-color: #bd2130; border-color: #b21f2d .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) .btn-light color: #212529; background-color: #f8f9fa; border-color: #f8f9fa .btn-light:hover color: #212529; background-color: #e2e6ea; border-color: #dae0e5 .btn-light.focus, .btn-light:focus box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) .btn-light.disabled, .btn-light:disabled color: #212529; background-color: #f8f9fa; border-color: #f8f9fa .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle color: #212529; background-color: #dae0e5; border-color: #d3d9df .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) .btn-dark color: #fff; background-color: #343a40; border-color: #343a40 .btn-dark:hover color: #fff; background-color: #23272b; border-color: #1d2124 .btn-dark.focus, .btn-dark:focus box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) .btn-dark.disabled, .btn-dark:disabled color: #fff; background-color: #343a40; border-color: #343a40 .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle color: #fff; background-color: #1d2124; border-color: #171a1d .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) .btn-outline-primary color: #007bff; background-color: transparent; background-image: none; border-color: #007bff .btn-outline-primary:hover color: #fff; background-color: #007bff; border-color: #007bff .btn-outline-primary.focus, .btn-outline-primary:focus box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) .btn-outline-primary.disabled, .btn-outline-primary:disabled color: #007bff; background-color: transparent .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle color: #fff; background-color: #007bff; border-color: #007bff .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) .btn-outline-secondary color: #6c757d; background-color: transparent; background-image: none; border-color: #6c757d .btn-outline-secondary:hover color: #fff; background-color: #6c757d; border-color: #6c757d .btn-outline-secondary.focus, .btn-outline-secondary:focus box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) .btn-outline-secondary.disabled, .btn-outline-secondary:disabled color: #6c757d; background-color: transparent .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle color: #fff; background-color: #6c757d; border-color: #6c757d .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) .btn-outline-success color: #28a745; background-color: transparent; background-image: none; border-color: #28a745 .btn-outline-success:hover color: #fff; background-color: #28a745; border-color: #28a745 .btn-outline-success.focus, .btn-outline-success:focus box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) .btn-outline-success.disabled, .btn-outline-success:disabled color: #28a745; background-color: transparent .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle color: #fff; background-color: #28a745; border-color: #28a745 .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) .btn-outline-info color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8 .btn-outline-info:hover color: #fff; background-color: #17a2b8; border-color: #17a2b8 .btn-outline-info.focus, .btn-outline-info:focus box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) .btn-outline-info.disabled, .btn-outline-info:disabled color: #17a2b8; background-color: transparent .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle color: #fff; background-color: #17a2b8; border-color: #17a2b8 .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) .btn-outline-warning color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107 .btn-outline-warning:hover color: #212529; background-color: #ffc107; border-color: #ffc107 .btn-outline-warning.focus, .btn-outline-warning:focus box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) .btn-outline-warning.disabled, .btn-outline-warning:disabled color: #ffc107; background-color: transparent .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle color: #212529; background-color: #ffc107; border-color: #ffc107 .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) .btn-outline-danger color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545 .btn-outline-danger:hover color: #fff; background-color: #dc3545; border-color: #dc3545 .btn-outline-danger.focus, .btn-outline-danger:focus box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) .btn-outline-danger.disabled, .btn-outline-danger:disabled color: #dc3545; background-color: transparent .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle color: #fff; background-color: #dc3545; border-color: #dc3545 .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) .btn-outline-light color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa .btn-outline-light:hover color: #212529; background-color: #f8f9fa; border-color: #f8f9fa .btn-outline-light.focus, .btn-outline-light:focus box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) .btn-outline-light.disabled, .btn-outline-light:disabled color: #f8f9fa; background-color: transparent .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle color: #212529; background-color: #f8f9fa; border-color: #f8f9fa .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) .btn-outline-dark color: #343a40; background-color: transparent; background-image: none; border-color: #343a40 .btn-outline-dark:hover color: #fff; background-color: #343a40; border-color: #343a40 .btn-outline-dark.focus, .btn-outline-dark:focus box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) .btn-outline-dark.disabled, .btn-outline-dark:disabled color: #343a40; background-color: transparent .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle color: #fff; background-color: #343a40; border-color: #343a40 .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) .btn-link font-weight: 400; color: #007bff; background-color: transparent .btn-link:hover color: #0056b3; 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: #6c757d; pointer-events: none .btn-group-lg > .btn, .btn-lg padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem .btn-group-sm > .btn, .btn-sm padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem .btn-block display: block; width: 100% .btn-block + .btn-block margin-top: .5rem input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block width: 100% .fade transition: opacity .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 .35s ease @media screen and (prefers-reduced-motion: reduce) .collapsing transition: none .dropdown, .dropleft, .dropright, .dropup position: relative .dropdown-toggle::after display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .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: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem .dropdown-menu-right right: 0; left: auto .dropup .dropdown-menu top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem .dropup .dropdown-toggle::after display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .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: .125rem .dropright .dropdown-toggle::after display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .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: .125rem .dropleft .dropdown-toggle::after display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: "" .dropleft .dropdown-toggle::after display: none .dropleft .dropdown-toggle::before display: inline-block; width: 0; height: 0; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent .dropleft .dropdown-toggle:empty::after margin-left: 0 .dropleft .dropdown-toggle::before vertical-align: 0 .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] right: auto; bottom: auto .dropdown-divider height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef .dropdown-item display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 .dropdown-item:focus, .dropdown-item:hover 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: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap .dropdown-item-text display: block; padding: .25rem 1.5rem; color: #212529 .btn-group, .btn-group-vertical position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle .btn-group-vertical > .btn, .btn-group > .btn position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto .btn-group-vertical > .btn:hover, .btn-group > .btn:hover z-index: 1 .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus 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: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start .btn-toolbar .input-group width: auto .btn-group > .btn:first-child margin-left: 0 .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) border-top-right-radius: 0; border-bottom-right-radius: 0 .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) border-top-left-radius: 0; border-bottom-left-radius: 0 .dropdown-toggle-split padding-right: .5625rem; padding-left: .5625rem .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after margin-left: 0 .dropleft .dropdown-toggle-split::before margin-right: 0 .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split padding-right: .375rem; padding-left: .375rem .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split padding-right: .75rem; padding-left: .75rem .btn-group-vertical -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; 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-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) border-bottom-right-radius: 0; border-bottom-left-radius: 0 .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) 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=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none .input-group position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100% .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0 .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control margin-left: -1px .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus z-index: 3 .input-group > .custom-file .custom-file-input:focus z-index: 4 .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) border-top-right-radius: 0; border-bottom-right-radius: 0 .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) border-top-left-radius: 0; border-bottom-left-radius: 0 .input-group > .custom-file display: -ms-flexbox; display: flex; -ms-flex-align: center; 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-append, .input-group-prepend display: -ms-flexbox; display: flex .input-group-append .btn, .input-group-prepend .btn position: relative; z-index: 2 .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text margin-left: -1px .input-group-prepend margin-right: -1px .input-group-append margin-left: -1px .input-group-text display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .375rem .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: .25rem .input-group-text input[type=checkbox], .input-group-text input[type=radio] margin-top: 0 .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text height: calc(2.875rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text height: calc(1.8125rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem .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), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text 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:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text border-top-left-radius: 0; border-bottom-left-radius: 0 .custom-control position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem .custom-control-inline display: -ms-inline-flexbox; 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 .2rem rgba(0, 123, 255, .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: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6 .custom-control-label::after position: absolute; top: .25rem; 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: .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, .5) .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before background-color: rgba(0, 123, 255, .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, .5) .custom-select display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem 1.75rem .375rem .75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff 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 .75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none .custom-select:focus border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(128, 189, 255, .5) .custom-select:focus::-ms-value color: #495057; background-color: #fff .custom-select[multiple], .custom-select[size]:not([size="1"]) height: auto; padding-right: .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: .375rem; padding-bottom: .375rem; font-size: 75% .custom-select-lg height: calc(2.875rem + 2px); padding-top: .375rem; padding-bottom: .375rem; font-size: 125% .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 .2rem rgba(0, 123, 255, .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: .375rem .75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem .custom-file-label::after position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 2.25rem; padding: .375rem .75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 .25rem .25rem 0 .custom-range width: 100%; padding-left: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none .custom-range:focus outline: 0 .custom-range:focus::-webkit-slider-thumb box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25) .custom-range:focus::-moz-range-thumb box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25) .custom-range:focus::-ms-thumb box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25) .custom-range::-moz-focus-outer border: 0 .custom-range::-webkit-slider-thumb width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance: none; 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: .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 .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -moz-appearance: none; 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: .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: .2rem; margin-left: .2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .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: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .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-control-label::before, .custom-file-label, .custom-select transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out @media screen and (prefers-reduced-motion: reduce) .custom-control-label::before, .custom-file-label, .custom-select transition: none .nav display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none .nav-link display: block; padding: .5rem 1rem .nav-link:focus, .nav-link:hover 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: .25rem; border-top-right-radius: .25rem .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover border-color: #e9ecef #e9ecef #dee2e6 .nav-tabs .nav-link.disabled color: #6c757d; background-color: transparent; border-color: transparent .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active 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: .25rem .nav-pills .nav-link.active, .nav-pills .show > .nav-link color: #fff; background-color: #007bff .nav-fill .nav-item -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center .nav-justified .nav-item -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center .tab-content > .tab-pane display: none .tab-content > .active display: block .navbar position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 1rem .navbar > .container, .navbar > .container-fluid display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between .navbar-brand display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap .navbar-brand:focus, .navbar-brand:hover text-decoration: none .navbar-nav display: -ms-flexbox; display: flex; -ms-flex-direction: column; 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: .5rem; padding-bottom: .5rem .navbar-collapse -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center .navbar-toggler padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem .navbar-toggler:focus, .navbar-toggler:hover 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 -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start .navbar-expand-sm .navbar-nav -ms-flex-direction: row; flex-direction: row .navbar-expand-sm .navbar-nav .dropdown-menu position: absolute .navbar-expand-sm .navbar-nav .nav-link padding-right: .5rem; padding-left: .5rem .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid -ms-flex-wrap: nowrap; flex-wrap: nowrap .navbar-expand-sm .navbar-collapse display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; 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 -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start .navbar-expand-md .navbar-nav -ms-flex-direction: row; flex-direction: row .navbar-expand-md .navbar-nav .dropdown-menu position: absolute .navbar-expand-md .navbar-nav .nav-link padding-right: .5rem; padding-left: .5rem .navbar-expand-md > .container, .navbar-expand-md > .container-fluid -ms-flex-wrap: nowrap; flex-wrap: nowrap .navbar-expand-md .navbar-collapse display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; 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 -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start .navbar-expand-lg .navbar-nav -ms-flex-direction: row; flex-direction: row .navbar-expand-lg .navbar-nav .dropdown-menu position: absolute .navbar-expand-lg .navbar-nav .nav-link padding-right: .5rem; padding-left: .5rem .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid -ms-flex-wrap: nowrap; flex-wrap: nowrap .navbar-expand-lg .navbar-collapse display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; 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 -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start .navbar-expand-xl .navbar-nav -ms-flex-direction: row; flex-direction: row .navbar-expand-xl .navbar-nav .dropdown-menu position: absolute .navbar-expand-xl .navbar-nav .nav-link padding-right: .5rem; padding-left: .5rem .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid -ms-flex-wrap: nowrap; flex-wrap: nowrap .navbar-expand-xl .navbar-collapse display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto .navbar-expand-xl .navbar-toggler display: none .navbar-expand -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start .navbar-expand > .container, .navbar-expand > .container-fluid padding-right: 0; padding-left: 0 .navbar-expand .navbar-nav -ms-flex-direction: row; flex-direction: row .navbar-expand .navbar-nav .dropdown-menu position: absolute .navbar-expand .navbar-nav .nav-link padding-right: .5rem; padding-left: .5rem .navbar-expand > .container, .navbar-expand > .container-fluid -ms-flex-wrap: nowrap; flex-wrap: nowrap .navbar-expand .navbar-collapse display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto .navbar-expand .navbar-toggler display: none .navbar-light .navbar-brand color: rgba(0, 0, 0, .9) .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover color: rgba(0, 0, 0, .9) .navbar-light .navbar-nav .nav-link color: rgba(0, 0, 0, .5) .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover color: rgba(0, 0, 0, .7) .navbar-light .navbar-nav .nav-link.disabled color: rgba(0, 0, 0, .3) .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link color: rgba(0, 0, 0, .9) .navbar-light .navbar-toggler color: rgba(0, 0, 0, .5); border-color: rgba(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, .5) .navbar-light .navbar-text a color: rgba(0, 0, 0, .9) .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover color: rgba(0, 0, 0, .9) .navbar-dark .navbar-brand color: #fff .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover color: #fff .navbar-dark .navbar-nav .nav-link color: rgba(255, 255, 255, .5) .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover color: rgba(255, 255, 255, .75) .navbar-dark .navbar-nav .nav-link.disabled color: rgba(255, 255, 255, .25) .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link color: #fff .navbar-dark .navbar-toggler color: rgba(255, 255, 255, .5); border-color: rgba(255, 255, 255, .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, .5) .navbar-dark .navbar-text a color: #fff .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover color: #fff .card position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem .card > hr margin-right: 0; margin-left: 0 .card > .list-group:first-child .list-group-item:first-child border-top-left-radius: .25rem; border-top-right-radius: .25rem .card > .list-group:last-child .list-group-item:last-child border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem .card-body -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem .card-title margin-bottom: .75rem .card-subtitle margin-top: -.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: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); border-bottom: 1px solid rgba(0, 0, 0, .125) .card-header:first-child border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 .card-header + .list-group .list-group-item:first-child border-top: 0 .card-footer padding: .75rem 1.25rem; background-color: rgba(0, 0, 0, .03); border-top: 1px solid rgba(0, 0, 0, .125) .card-footer:last-child border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) .card-header-tabs margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0 .card-header-pills margin-right: -.625rem; margin-left: -.625rem .card-img-overlay position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem .card-img width: 100%; border-radius: calc(.25rem - 1px) .card-img-top width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) .card-img-bottom width: 100%; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) .card-deck display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column .card-deck .card margin-bottom: 15px @media (min-width: 576px) .card-deck -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px .card-deck .card display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px .card-group display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column .card-group > .card margin-bottom: 15px @media (min-width: 576px) .card-group -ms-flex-flow: row wrap; flex-flow: row wrap .card-group > .card -ms-flex: 1 0 0%; 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-header, .card-group > .card:first-child .card-img-top border-top-right-radius: 0 .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom 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-header, .card-group > .card:last-child .card-img-top border-top-left-radius: 0 .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom border-bottom-left-radius: 0 .card-group > .card:only-child border-radius: .25rem .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top border-top-left-radius: .25rem; border-top-right-radius: .25rem .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom border-bottom-right-radius: .25rem; border-bottom-left-radius: .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-footer, .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-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top border-radius: 0 .card-columns .card margin-bottom: .75rem @media (min-width: 576px) .card-columns -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; 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: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem .breadcrumb-item + .breadcrumb-item padding-left: .5rem .breadcrumb-item + .breadcrumb-item::before display: inline-block; padding-right: .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: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem .page-link position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6 .page-link:hover z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6 .page-link:focus z-index: 2; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) .page-link:not(:disabled):not(.disabled) cursor: pointer .page-item:first-child .page-link margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem .page-item:last-child .page-link border-top-right-radius: .25rem; border-bottom-right-radius: .25rem .page-item.active .page-link z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff .page-item.disabled .page-link color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6 .pagination-lg .page-link padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5 .pagination-lg .page-item:first-child .page-link border-top-left-radius: .3rem; border-bottom-left-radius: .3rem .pagination-lg .page-item:last-child .page-link border-top-right-radius: .3rem; border-bottom-right-radius: .3rem .pagination-sm .page-link padding: .25rem .5rem; font-size: .875rem; line-height: 1.5 .pagination-sm .page-item:first-child .page-link border-top-left-radius: .2rem; border-bottom-left-radius: .2rem .pagination-sm .page-item:last-child .page-link border-top-right-radius: .2rem; border-bottom-right-radius: .2rem .badge display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem .badge:empty display: none .btn .badge position: relative; top: -1px .badge-pill padding-right: .6em; padding-left: .6em; border-radius: 10rem .badge-primary color: #fff; background-color: #007bff .badge-primary[href]:focus, .badge-primary[href]:hover color: #fff; text-decoration: none; background-color: #0062cc .badge-secondary color: #fff; background-color: #6c757d .badge-secondary[href]:focus, .badge-secondary[href]:hover color: #fff; text-decoration: none; background-color: #545b62 .badge-success color: #fff; background-color: #28a745 .badge-success[href]:focus, .badge-success[href]:hover color: #fff; text-decoration: none; background-color: #1e7e34 .badge-info color: #fff; background-color: #17a2b8 .badge-info[href]:focus, .badge-info[href]:hover color: #fff; text-decoration: none; background-color: #117a8b .badge-warning color: #212529; background-color: #ffc107 .badge-warning[href]:focus, .badge-warning[href]:hover color: #212529; text-decoration: none; background-color: #d39e00 .badge-danger color: #fff; background-color: #dc3545 .badge-danger[href]:focus, .badge-danger[href]:hover color: #fff; text-decoration: none; background-color: #bd2130 .badge-light color: #212529; background-color: #f8f9fa .badge-light[href]:focus, .badge-light[href]:hover color: #212529; text-decoration: none; background-color: #dae0e5 .badge-dark color: #fff; background-color: #343a40 .badge-dark[href]:focus, .badge-dark[href]:hover color: #fff; text-decoration: none; background-color: #1d2124 .jumbotron padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: .3rem @media (min-width: 576px) .jumbotron padding: 4rem 2rem .jumbotron-fluid padding-right: 0; padding-left: 0; border-radius: 0 .alert position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .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: .75rem 1.25rem; color: inherit .alert-primary color: #004085; background-color: #cce5ff; border-color: #b8daff .alert-primary hr border-top-color: #9fcdff .alert-primary .alert-link color: #002752 .alert-secondary color: #383d41; background-color: #e2e3e5; border-color: #d6d8db .alert-secondary hr border-top-color: #c8cbcf .alert-secondary .alert-link color: #202326 .alert-success color: #155724; background-color: #d4edda; border-color: #c3e6cb .alert-success hr border-top-color: #b1dfbb .alert-success .alert-link color: #0b2e13 .alert-info color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb .alert-info hr border-top-color: #abdde5 .alert-info .alert-link color: #062c33 .alert-warning color: #856404; background-color: #fff3cd; border-color: #ffeeba .alert-warning hr border-top-color: #ffe8a1 .alert-warning .alert-link color: #533f03 .alert-danger color: #721c24; background-color: #f8d7da; border-color: #f5c6cb .alert-danger hr border-top-color: #f1b0b7 .alert-danger .alert-link color: #491217 .alert-light color: #818182; background-color: #fefefe; border-color: #fdfdfe .alert-light hr border-top-color: #ececf6 .alert-light .alert-link color: #686868 .alert-dark color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca .alert-dark hr border-top-color: #b9bbbe .alert-dark .alert-link color: #040505 @-webkit-keyframes progress-bar-stripes from background-position: 1rem 0 to background-position: 0 0 @keyframes progress-bar-stripes from background-position: 1rem 0 to background-position: 0 0 .progress display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem .progress-bar display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width .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, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 1rem 1rem .progress-bar-animated -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite .media display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start .media-body -ms-flex: 1; flex: 1 .list-group display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0 .list-group-item-action width: 100%; color: #495057; text-align: inherit .list-group-item-action:focus, .list-group-item-action:hover 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: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, .125) .list-group-item:first-child border-top-left-radius: .25rem; border-top-right-radius: .25rem .list-group-item:last-child margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem .list-group-item:focus, .list-group-item:hover 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 .list-group-item-primary color: #004085; background-color: #b8daff .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover color: #004085; background-color: #9fcdff .list-group-item-primary.list-group-item-action.active color: #fff; background-color: #004085; border-color: #004085 .list-group-item-secondary color: #383d41; background-color: #d6d8db .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover color: #383d41; background-color: #c8cbcf .list-group-item-secondary.list-group-item-action.active color: #fff; background-color: #383d41; border-color: #383d41 .list-group-item-success color: #155724; background-color: #c3e6cb .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover color: #155724; background-color: #b1dfbb .list-group-item-success.list-group-item-action.active color: #fff; background-color: #155724; border-color: #155724 .list-group-item-info color: #0c5460; background-color: #bee5eb .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover color: #0c5460; background-color: #abdde5 .list-group-item-info.list-group-item-action.active color: #fff; background-color: #0c5460; border-color: #0c5460 .list-group-item-warning color: #856404; background-color: #ffeeba .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover color: #856404; background-color: #ffe8a1 .list-group-item-warning.list-group-item-action.active color: #fff; background-color: #856404; border-color: #856404 .list-group-item-danger color: #721c24; background-color: #f5c6cb .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover color: #721c24; background-color: #f1b0b7 .list-group-item-danger.list-group-item-action.active color: #fff; background-color: #721c24; border-color: #721c24 .list-group-item-light color: #818182; background-color: #fdfdfe .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover color: #818182; background-color: #ececf6 .list-group-item-light.list-group-item-action.active color: #fff; background-color: #818182; border-color: #818182 .list-group-item-dark color: #1b1e21; background-color: #c6c8ca .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover color: #1b1e21; background-color: #b9bbbe .list-group-item-dark.list-group-item-action.active color: #fff; background-color: #1b1e21; border-color: #1b1e21 .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):focus, .close:not(:disabled):not(.disabled):hover 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: .5rem; pointer-events: none .modal.fade .modal-dialog transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%) @media screen and (prefers-reduced-motion: reduce) .modal.fade .modal-dialog transition: none .modal.show .modal-dialog -webkit-transform: translate(0, 0); transform: translate(0, 0) .modal-dialog-centered display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)) .modal-dialog-centered::before display: block; height: calc(100vh - (.5rem * 2)); content: "" .modal-content position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .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: .5 .modal-header display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: .3rem; border-top-right-radius: .3rem .modal-header .close padding: 1rem; margin: -1rem -1rem -1rem auto .modal-title margin-bottom: 0; line-height: 1.5 .modal-body position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem .modal-footer display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; 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 .tooltip position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; 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: .875rem; word-wrap: break-word; opacity: 0 .tooltip.show opacity: .9 .tooltip .arrow position: absolute; display: block; width: .8rem; height: .4rem .tooltip .arrow::before position: absolute; content: ""; border-color: transparent; border-style: solid .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top padding: .4rem 0 .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow bottom: 0 .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before top: 0; border-width: .4rem .4rem 0; border-top-color: #000 .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right padding: 0 .4rem .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow left: 0; width: .4rem; height: .8rem .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000 .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom padding: .4rem 0 .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow top: 0 .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #000 .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left padding: 0 .4rem .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow right: 0; width: .4rem; height: .8rem .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 .tooltip-inner max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem .popover position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; 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: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem .popover .arrow position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem .popover .arrow::after, .popover .arrow::before position: absolute; display: block; content: ""; border-color: transparent; border-style: solid .bs-popover-auto[x-placement^=top], .bs-popover-top margin-bottom: .5rem .bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow bottom: calc((.5rem + 1px) * -1) .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before border-width: .5rem .5rem 0 .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before bottom: 0; border-top-color: rgba(0, 0, 0, .25) .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after bottom: 1px; border-top-color: #fff .bs-popover-auto[x-placement^=right], .bs-popover-right margin-left: .5rem .bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow left: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before border-width: .5rem .5rem .5rem 0 .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before left: 0; border-right-color: rgba(0, 0, 0, .25) .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after left: 1px; border-right-color: #fff .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom margin-top: .5rem .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow top: calc((.5rem + 1px) * -1) .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before border-width: 0 .5rem .5rem .5rem .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before top: 0; border-bottom-color: rgba(0, 0, 0, .25) .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after top: 1px; border-bottom-color: #fff .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7 .bs-popover-auto[x-placement^=left], .bs-popover-left margin-right: .5rem .bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow right: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before border-width: .5rem 0 .5rem .5rem .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before right: 0; border-left-color: rgba(0, 0, 0, .25) .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after right: 1px; border-left-color: #fff .popover-header padding: .5rem .75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) .popover-header:empty display: none .popover-body padding: .5rem .75rem; color: #212529 .carousel position: relative .carousel-inner position: relative; width: 100%; overflow: hidden .carousel-item position: relative; display: none; -ms-flex-align: center; align-items: center; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px .carousel-item-next, .carousel-item-prev, .carousel-item.active display: block; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease @media screen and (prefers-reduced-motion: reduce) .carousel-item-next, .carousel-item-prev, .carousel-item.active transition: none .carousel-item-next, .carousel-item-prev position: absolute; top: 0 .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right -webkit-transform: translateX(0); transform: translateX(0) @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) .active.carousel-item-right, .carousel-item-next -webkit-transform: translateX(100%); transform: translateX(100%) @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) .active.carousel-item-right, .carousel-item-next -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) .active.carousel-item-left, .carousel-item-prev -webkit-transform: translateX(-100%); transform: translateX(-100%) @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) .active.carousel-item-left, .carousel-item-prev -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) .carousel-fade .carousel-item opacity: 0; transition-duration: .6s; transition-property: opacity .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active opacity: 1 .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right opacity: 0 .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active -webkit-transform: translateX(0); transform: translateX(0) @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) .carousel-control-next, .carousel-control-prev position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5 .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover color: #fff; text-decoration: none; outline: 0; opacity: .9 .carousel-control-prev left: 0 .carousel-control-next right: 0 .carousel-control-next-icon, .carousel-control-prev-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: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none .carousel-indicators li position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, .5) .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 background-color: #fff .carousel-caption position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center .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-primary background-color: #007bff !important a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover background-color: #0062cc !important .bg-secondary background-color: #6c757d !important a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover background-color: #545b62 !important .bg-success background-color: #28a745 !important a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover background-color: #1e7e34 !important .bg-info background-color: #17a2b8 !important a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover background-color: #117a8b !important .bg-warning background-color: #ffc107 !important a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover background-color: #d39e00 !important .bg-danger background-color: #dc3545 !important a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover background-color: #bd2130 !important .bg-light background-color: #f8f9fa !important a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover background-color: #dae0e5 !important .bg-dark background-color: #343a40 !important a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover background-color: #1d2124 !important .bg-white background-color: #fff !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-primary border-color: #007bff !important .border-secondary border-color: #6c757d !important .border-success border-color: #28a745 !important .border-info border-color: #17a2b8 !important .border-warning border-color: #ffc107 !important .border-danger border-color: #dc3545 !important .border-light border-color: #f8f9fa !important .border-dark border-color: #343a40 !important .border-white border-color: #fff !important .rounded border-radius: .25rem !important .rounded-top border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important .rounded-right border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important .rounded-bottom border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important .rounded-left border-top-left-radius: .25rem !important; border-bottom-left-radius: .25rem !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: -ms-flexbox !important; display: flex !important .d-inline-flex display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important .d-sm-inline-flex display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important .d-md-inline-flex display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important .d-lg-inline-flex display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important .d-xl-inline-flex display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important .d-print-inline-flex display: -ms-inline-flexbox !important; 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 embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 .embed-responsive-21by9::before padding-top: 42.857143% .embed-responsive-16by9::before padding-top: 56.25% .embed-responsive-4by3::before padding-top: 75% .embed-responsive-1by1::before padding-top: 100% .flex-row -ms-flex-direction: row !important; flex-direction: row !important .flex-column -ms-flex-direction: column !important; flex-direction: column !important .flex-row-reverse -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important .flex-column-reverse -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important .flex-wrap -ms-flex-wrap: wrap !important; flex-wrap: wrap !important .flex-nowrap -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important .flex-wrap-reverse -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important .flex-fill -ms-flex: 1 1 auto !important; flex: 1 1 auto !important .flex-grow-0 -ms-flex-positive: 0 !important; flex-grow: 0 !important .flex-grow-1 -ms-flex-positive: 1 !important; flex-grow: 1 !important .flex-shrink-0 -ms-flex-negative: 0 !important; flex-shrink: 0 !important .flex-shrink-1 -ms-flex-negative: 1 !important; flex-shrink: 1 !important .justify-content-start -ms-flex-pack: start !important; justify-content: flex-start !important .justify-content-end -ms-flex-pack: end !important; justify-content: flex-end !important .justify-content-center -ms-flex-pack: center !important; justify-content: center !important .justify-content-between -ms-flex-pack: justify !important; justify-content: space-between !important .justify-content-around -ms-flex-pack: distribute !important; justify-content: space-around !important .align-items-start -ms-flex-align: start !important; align-items: flex-start !important .align-items-end -ms-flex-align: end !important; align-items: flex-end !important .align-items-center -ms-flex-align: center !important; align-items: center !important .align-items-baseline -ms-flex-align: baseline !important; align-items: baseline !important .align-items-stretch -ms-flex-align: stretch !important; align-items: stretch !important .align-content-start -ms-flex-line-pack: start !important; align-content: flex-start !important .align-content-end -ms-flex-line-pack: end !important; align-content: flex-end !important .align-content-center -ms-flex-line-pack: center !important; align-content: center !important .align-content-between -ms-flex-line-pack: justify !important; align-content: space-between !important .align-content-around -ms-flex-line-pack: distribute !important; align-content: space-around !important .align-content-stretch -ms-flex-line-pack: stretch !important; align-content: stretch !important .align-self-auto -ms-flex-item-align: auto !important; align-self: auto !important .align-self-start -ms-flex-item-align: start !important; align-self: flex-start !important .align-self-end -ms-flex-item-align: end !important; align-self: flex-end !important .align-self-center -ms-flex-item-align: center !important; align-self: center !important .align-self-baseline -ms-flex-item-align: baseline !important; align-self: baseline !important .align-self-stretch -ms-flex-item-align: stretch !important; align-self: stretch !important @media (min-width: 576px) .flex-sm-row -ms-flex-direction: row !important; flex-direction: row !important .flex-sm-column -ms-flex-direction: column !important; flex-direction: column !important .flex-sm-row-reverse -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important .flex-sm-column-reverse -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important .flex-sm-wrap -ms-flex-wrap: wrap !important; flex-wrap: wrap !important .flex-sm-nowrap -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important .flex-sm-wrap-reverse -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important .flex-sm-fill -ms-flex: 1 1 auto !important; flex: 1 1 auto !important .flex-sm-grow-0 -ms-flex-positive: 0 !important; flex-grow: 0 !important .flex-sm-grow-1 -ms-flex-positive: 1 !important; flex-grow: 1 !important .flex-sm-shrink-0 -ms-flex-negative: 0 !important; flex-shrink: 0 !important .flex-sm-shrink-1 -ms-flex-negative: 1 !important; flex-shrink: 1 !important .justify-content-sm-start -ms-flex-pack: start !important; justify-content: flex-start !important .justify-content-sm-end -ms-flex-pack: end !important; justify-content: flex-end !important .justify-content-sm-center -ms-flex-pack: center !important; justify-content: center !important .justify-content-sm-between -ms-flex-pack: justify !important; justify-content: space-between !important .justify-content-sm-around -ms-flex-pack: distribute !important; justify-content: space-around !important .align-items-sm-start -ms-flex-align: start !important; align-items: flex-start !important .align-items-sm-end -ms-flex-align: end !important; align-items: flex-end !important .align-items-sm-center -ms-flex-align: center !important; align-items: center !important .align-items-sm-baseline -ms-flex-align: baseline !important; align-items: baseline !important .align-items-sm-stretch -ms-flex-align: stretch !important; align-items: stretch !important .align-content-sm-start -ms-flex-line-pack: start !important; align-content: flex-start !important .align-content-sm-end -ms-flex-line-pack: end !important; align-content: flex-end !important .align-content-sm-center -ms-flex-line-pack: center !important; align-content: center !important .align-content-sm-between -ms-flex-line-pack: justify !important; align-content: space-between !important .align-content-sm-around -ms-flex-line-pack: distribute !important; align-content: space-around !important .align-content-sm-stretch -ms-flex-line-pack: stretch !important; align-content: stretch !important .align-self-sm-auto -ms-flex-item-align: auto !important; align-self: auto !important .align-self-sm-start -ms-flex-item-align: start !important; align-self: flex-start !important .align-self-sm-end -ms-flex-item-align: end !important; align-self: flex-end !important .align-self-sm-center -ms-flex-item-align: center !important; align-self: center !important .align-self-sm-baseline -ms-flex-item-align: baseline !important; align-self: baseline !important .align-self-sm-stretch -ms-flex-item-align: stretch !important; align-self: stretch !important @media (min-width: 768px) .flex-md-row -ms-flex-direction: row !important; flex-direction: row !important .flex-md-column -ms-flex-direction: column !important; flex-direction: column !important .flex-md-row-reverse -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important .flex-md-column-reverse -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important .flex-md-wrap -ms-flex-wrap: wrap !important; flex-wrap: wrap !important .flex-md-nowrap -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important .flex-md-wrap-reverse -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important .flex-md-fill -ms-flex: 1 1 auto !important; flex: 1 1 auto !important .flex-md-grow-0 -ms-flex-positive: 0 !important; flex-grow: 0 !important .flex-md-grow-1 -ms-flex-positive: 1 !important; flex-grow: 1 !important .flex-md-shrink-0 -ms-flex-negative: 0 !important; flex-shrink: 0 !important .flex-md-shrink-1 -ms-flex-negative: 1 !important; flex-shrink: 1 !important .justify-content-md-start -ms-flex-pack: start !important; justify-content: flex-start !important .justify-content-md-end -ms-flex-pack: end !important; justify-content: flex-end !important .justify-content-md-center -ms-flex-pack: center !important; justify-content: center !important .justify-content-md-between -ms-flex-pack: justify !important; justify-content: space-between !important .justify-content-md-around -ms-flex-pack: distribute !important; justify-content: space-around !important .align-items-md-start -ms-flex-align: start !important; align-items: flex-start !important .align-items-md-end -ms-flex-align: end !important; align-items: flex-end !important .align-items-md-center -ms-flex-align: center !important; align-items: center !important .align-items-md-baseline -ms-flex-align: baseline !important; align-items: baseline !important .align-items-md-stretch -ms-flex-align: stretch !important; align-items: stretch !important .align-content-md-start -ms-flex-line-pack: start !important; align-content: flex-start !important .align-content-md-end -ms-flex-line-pack: end !important; align-content: flex-end !important .align-content-md-center -ms-flex-line-pack: center !important; align-content: center !important .align-content-md-between -ms-flex-line-pack: justify !important; align-content: space-between !important .align-content-md-around -ms-flex-line-pack: distribute !important; align-content: space-around !important .align-content-md-stretch -ms-flex-line-pack: stretch !important; align-content: stretch !important .align-self-md-auto -ms-flex-item-align: auto !important; align-self: auto !important .align-self-md-start -ms-flex-item-align: start !important; align-self: flex-start !important .align-self-md-end -ms-flex-item-align: end !important; align-self: flex-end !important .align-self-md-center -ms-flex-item-align: center !important; align-self: center !important .align-self-md-baseline -ms-flex-item-align: baseline !important; align-self: baseline !important .align-self-md-stretch -ms-flex-item-align: stretch !important; align-self: stretch !important @media (min-width: 992px) .flex-lg-row -ms-flex-direction: row !important; flex-direction: row !important .flex-lg-column -ms-flex-direction: column !important; flex-direction: column !important .flex-lg-row-reverse -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important .flex-lg-column-reverse -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important .flex-lg-wrap -ms-flex-wrap: wrap !important; flex-wrap: wrap !important .flex-lg-nowrap -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important .flex-lg-wrap-reverse -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important .flex-lg-fill -ms-flex: 1 1 auto !important; flex: 1 1 auto !important .flex-lg-grow-0 -ms-flex-positive: 0 !important; flex-grow: 0 !important .flex-lg-grow-1 -ms-flex-positive: 1 !important; flex-grow: 1 !important .flex-lg-shrink-0 -ms-flex-negative: 0 !important; flex-shrink: 0 !important .flex-lg-shrink-1 -ms-flex-negative: 1 !important; flex-shrink: 1 !important .justify-content-lg-start -ms-flex-pack: start !important; justify-content: flex-start !important .justify-content-lg-end -ms-flex-pack: end !important; justify-content: flex-end !important .justify-content-lg-center -ms-flex-pack: center !important; justify-content: center !important .justify-content-lg-between -ms-flex-pack: justify !important; justify-content: space-between !important .justify-content-lg-around -ms-flex-pack: distribute !important; justify-content: space-around !important .align-items-lg-start -ms-flex-align: start !important; align-items: flex-start !important .align-items-lg-end -ms-flex-align: end !important; align-items: flex-end !important .align-items-lg-center -ms-flex-align: center !important; align-items: center !important .align-items-lg-baseline -ms-flex-align: baseline !important; align-items: baseline !important .align-items-lg-stretch -ms-flex-align: stretch !important; align-items: stretch !important .align-content-lg-start -ms-flex-line-pack: start !important; align-content: flex-start !important .align-content-lg-end -ms-flex-line-pack: end !important; align-content: flex-end !important .align-content-lg-center -ms-flex-line-pack: center !important; align-content: center !important .align-content-lg-between -ms-flex-line-pack: justify !important; align-content: space-between !important .align-content-lg-around -ms-flex-line-pack: distribute !important; align-content: space-around !important .align-content-lg-stretch -ms-flex-line-pack: stretch !important; align-content: stretch !important .align-self-lg-auto -ms-flex-item-align: auto !important; align-self: auto !important .align-self-lg-start -ms-flex-item-align: start !important; align-self: flex-start !important .align-self-lg-end -ms-flex-item-align: end !important; align-self: flex-end !important .align-self-lg-center -ms-flex-item-align: center !important; align-self: center !important .align-self-lg-baseline -ms-flex-item-align: baseline !important; align-self: baseline !important .align-self-lg-stretch -ms-flex-item-align: stretch !important; align-self: stretch !important @media (min-width: 1200px) .flex-xl-row -ms-flex-direction: row !important; flex-direction: row !important .flex-xl-column -ms-flex-direction: column !important; flex-direction: column !important .flex-xl-row-reverse -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important .flex-xl-column-reverse -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important .flex-xl-wrap -ms-flex-wrap: wrap !important; flex-wrap: wrap !important .flex-xl-nowrap -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important .flex-xl-wrap-reverse -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important .flex-xl-fill -ms-flex: 1 1 auto !important; flex: 1 1 auto !important .flex-xl-grow-0 -ms-flex-positive: 0 !important; flex-grow: 0 !important .flex-xl-grow-1 -ms-flex-positive: 1 !important; flex-grow: 1 !important .flex-xl-shrink-0 -ms-flex-negative: 0 !important; flex-shrink: 0 !important .flex-xl-shrink-1 -ms-flex-negative: 1 !important; flex-shrink: 1 !important .justify-content-xl-start -ms-flex-pack: start !important; justify-content: flex-start !important .justify-content-xl-end -ms-flex-pack: end !important; justify-content: flex-end !important .justify-content-xl-center -ms-flex-pack: center !important; justify-content: center !important .justify-content-xl-between -ms-flex-pack: justify !important; justify-content: space-between !important .justify-content-xl-around -ms-flex-pack: distribute !important; justify-content: space-around !important .align-items-xl-start -ms-flex-align: start !important; align-items: flex-start !important .align-items-xl-end -ms-flex-align: end !important; align-items: flex-end !important .align-items-xl-center -ms-flex-align: center !important; align-items: center !important .align-items-xl-baseline -ms-flex-align: baseline !important; align-items: baseline !important .align-items-xl-stretch -ms-flex-align: stretch !important; align-items: stretch !important .align-content-xl-start -ms-flex-line-pack: start !important; align-content: flex-start !important .align-content-xl-end -ms-flex-line-pack: end !important; align-content: flex-end !important .align-content-xl-center -ms-flex-line-pack: center !important; align-content: center !important .align-content-xl-between -ms-flex-line-pack: justify !important; align-content: space-between !important .align-content-xl-around -ms-flex-line-pack: distribute !important; align-content: space-around !important .align-content-xl-stretch -ms-flex-line-pack: stretch !important; align-content: stretch !important .align-self-xl-auto -ms-flex-item-align: auto !important; align-self: auto !important .align-self-xl-start -ms-flex-item-align: start !important; align-self: flex-start !important .align-self-xl-end -ms-flex-item-align: end !important; align-self: flex-end !important .align-self-xl-center -ms-flex-item-align: center !important; align-self: center !important .align-self-xl-baseline -ms-flex-item-align: baseline !important; align-self: baseline !important .align-self-xl-stretch -ms-flex-item-align: stretch !important; 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 .position-static position: static !important .position-relative position: relative !important .position-absolute position: absolute !important .position-fixed position: fixed !important .position-sticky position: -webkit-sticky !important; 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:-webkit-sticky) or (position:sticky)) .sticky-top position: -webkit-sticky; 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 .125rem .25rem rgba(0, 0, 0, .075) !important .shadow box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important .shadow-lg box-shadow: 0 1rem 3rem rgba(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: .25rem !important .mt-1, .my-1 margin-top: .25rem !important .mr-1, .mx-1 margin-right: .25rem !important .mb-1, .my-1 margin-bottom: .25rem !important .ml-1, .mx-1 margin-left: .25rem !important .m-2 margin: .5rem !important .mt-2, .my-2 margin-top: .5rem !important .mr-2, .mx-2 margin-right: .5rem !important .mb-2, .my-2 margin-bottom: .5rem !important .ml-2, .mx-2 margin-left: .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: .25rem !important .pt-1, .py-1 padding-top: .25rem !important .pr-1, .px-1 padding-right: .25rem !important .pb-1, .py-1 padding-bottom: .25rem !important .pl-1, .px-1 padding-left: .25rem !important .p-2 padding: .5rem !important .pt-2, .py-2 padding-top: .5rem !important .pr-2, .px-2 padding-right: .5rem !important .pb-2, .py-2 padding-bottom: .5rem !important .pl-2, .px-2 padding-left: .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: .25rem !important .mt-sm-1, .my-sm-1 margin-top: .25rem !important .mr-sm-1, .mx-sm-1 margin-right: .25rem !important .mb-sm-1, .my-sm-1 margin-bottom: .25rem !important .ml-sm-1, .mx-sm-1 margin-left: .25rem !important .m-sm-2 margin: .5rem !important .mt-sm-2, .my-sm-2 margin-top: .5rem !important .mr-sm-2, .mx-sm-2 margin-right: .5rem !important .mb-sm-2, .my-sm-2 margin-bottom: .5rem !important .ml-sm-2, .mx-sm-2 margin-left: .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: .25rem !important .pt-sm-1, .py-sm-1 padding-top: .25rem !important .pr-sm-1, .px-sm-1 padding-right: .25rem !important .pb-sm-1, .py-sm-1 padding-bottom: .25rem !important .pl-sm-1, .px-sm-1 padding-left: .25rem !important .p-sm-2 padding: .5rem !important .pt-sm-2, .py-sm-2 padding-top: .5rem !important .pr-sm-2, .px-sm-2 padding-right: .5rem !important .pb-sm-2, .py-sm-2 padding-bottom: .5rem !important .pl-sm-2, .px-sm-2 padding-left: .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: .25rem !important .mt-md-1, .my-md-1 margin-top: .25rem !important .mr-md-1, .mx-md-1 margin-right: .25rem !important .mb-md-1, .my-md-1 margin-bottom: .25rem !important .ml-md-1, .mx-md-1 margin-left: .25rem !important .m-md-2 margin: .5rem !important .mt-md-2, .my-md-2 margin-top: .5rem !important .mr-md-2, .mx-md-2 margin-right: .5rem !important .mb-md-2, .my-md-2 margin-bottom: .5rem !important .ml-md-2, .mx-md-2 margin-left: .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: .25rem !important .pt-md-1, .py-md-1 padding-top: .25rem !important .pr-md-1, .px-md-1 padding-right: .25rem !important .pb-md-1, .py-md-1 padding-bottom: .25rem !important .pl-md-1, .px-md-1 padding-left: .25rem !important .p-md-2 padding: .5rem !important .pt-md-2, .py-md-2 padding-top: .5rem !important .pr-md-2, .px-md-2 padding-right: .5rem !important .pb-md-2, .py-md-2 padding-bottom: .5rem !important .pl-md-2, .px-md-2 padding-left: .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: .25rem !important .mt-lg-1, .my-lg-1 margin-top: .25rem !important .mr-lg-1, .mx-lg-1 margin-right: .25rem !important .mb-lg-1, .my-lg-1 margin-bottom: .25rem !important .ml-lg-1, .mx-lg-1 margin-left: .25rem !important .m-lg-2 margin: .5rem !important .mt-lg-2, .my-lg-2 margin-top: .5rem !important .mr-lg-2, .mx-lg-2 margin-right: .5rem !important .mb-lg-2, .my-lg-2 margin-bottom: .5rem !important .ml-lg-2, .mx-lg-2 margin-left: .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: .25rem !important .pt-lg-1, .py-lg-1 padding-top: .25rem !important .pr-lg-1, .px-lg-1 padding-right: .25rem !important .pb-lg-1, .py-lg-1 padding-bottom: .25rem !important .pl-lg-1, .px-lg-1 padding-left: .25rem !important .p-lg-2 padding: .5rem !important .pt-lg-2, .py-lg-2 padding-top: .5rem !important .pr-lg-2, .px-lg-2 padding-right: .5rem !important .pb-lg-2, .py-lg-2 padding-bottom: .5rem !important .pl-lg-2, .px-lg-2 padding-left: .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: .25rem !important .mt-xl-1, .my-xl-1 margin-top: .25rem !important .mr-xl-1, .mx-xl-1 margin-right: .25rem !important .mb-xl-1, .my-xl-1 margin-bottom: .25rem !important .ml-xl-1, .mx-xl-1 margin-left: .25rem !important .m-xl-2 margin: .5rem !important .mt-xl-2, .my-xl-2 margin-top: .5rem !important .mr-xl-2, .mx-xl-2 margin-right: .5rem !important .mb-xl-2, .my-xl-2 margin-bottom: .5rem !important .ml-xl-2, .mx-xl-2 margin-left: .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: .25rem !important .pt-xl-1, .py-xl-1 padding-top: .25rem !important .pr-xl-1, .px-xl-1 padding-right: .25rem !important .pb-xl-1, .py-xl-1 padding-bottom: .25rem !important .pl-xl-1, .px-xl-1 padding-left: .25rem !important .p-xl-2 padding: .5rem !important .pt-xl-2, .py-xl-2 padding-top: .5rem !important .pr-xl-2, .px-xl-2 padding-right: .5rem !important .pb-xl-2, .py-xl-2 padding-bottom: .5rem !important .pl-xl-2, .px-xl-2 padding-left: .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 .text-monospace font-family: SFMono-Regular, 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 .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-normal font-weight: 400 !important .font-weight-bold font-weight: 700 !important .font-italic font-style: italic !important .text-white color: #fff !important .text-primary color: #007bff !important a.text-primary:focus, a.text-primary:hover color: #0062cc !important .text-secondary color: #6c757d !important a.text-secondary:focus, a.text-secondary:hover color: #545b62 !important .text-success color: #28a745 !important a.text-success:focus, a.text-success:hover color: #1e7e34 !important .text-info color: #17a2b8 !important a.text-info:focus, a.text-info:hover color: #117a8b !important .text-warning color: #ffc107 !important a.text-warning:focus, a.text-warning:hover color: #d39e00 !important .text-danger color: #dc3545 !important a.text-danger:focus, a.text-danger:hover color: #bd2130 !important .text-light color: #f8f9fa !important a.text-light:focus, a.text-light:hover color: #dae0e5 !important .text-dark color: #343a40 !important a.text-dark:focus, a.text-dark:hover color: #1d2124 !important .text-body color: #212529 !important .text-muted color: #6c757d !important .text-black-50 color: rgba(0, 0, 0, .5) !important .text-white-50 color: rgba(255, 255, 255, .5) !important .text-hide font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 .visible visibility: visible !important .invisible visibility: hidden !important @media print *, ::after, ::before 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 blockquote, pre border: 1px solid #adb5bd; page-break-inside: avoid thead display: table-header-group img, tr page-break-inside: avoid h2, h3, p 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 #000 .table border-collapse: collapse !important .table td, .table th background-color: #fff !important .table-bordered td, .table-bordered th border: 1px solid #dee2e6 !important .table-dark color: inherit .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th border-color: #dee2e6 .table .thead-dark th color: inherit; border-color: #dee2e6 @font-face font-family: 'Lemon'; src: url('/themes/main2018/assets/fonts/Lemon Tuesday.otf'), url('/themes/main2018/assets/fonts/Lemon Tuesday.ttf'), url('/themes/main2018/assets/fonts/Lemon Tuesday.woff'); font-display: swap; @font-face font-family: 'Roboto'; src: url(/themes/main2018/assets/fonts/Roboto-Regular.eot), url(/themes/main2018/assets/fonts/Roboto-Regular.ttf), url(/themes/main2018/assets/fonts/Roboto-Regular.woff); font-display: swap; @font-face font-family: 'Roboto'; src: url(/themes/main2018/assets/fonts/Roboto-Italic.eot), url(/themes/main2018/assets/fonts/Roboto-Italic.ttf), url(/themes/main2018/assets/fonts/Roboto-Italic.woff); font-style: italic; font-display: swap; @font-face font-family: 'Roboto'; src: url(/themes/main2018/assets/fonts/Roboto-Medium.eot), url(/themes/main2018/assets/fonts/Roboto-Medium.ttf), url(/themes/main2018/assets/fonts/Roboto-Medium.woff); font-weight: 500; font-display: swap; @font-face font-family: 'Roboto'; src: url(/themes/main2018/assets/fonts/Roboto-MediumItalic.eot), url(/themes/main2018/assets/fonts/Roboto-MediumItalic.ttf), url(/themes/main2018/assets/fonts/Roboto-MediumItalic.woff); font-weight: 500; font-style: italic; @font-face font-family: 'Roboto'; src: url(/themes/main2018/assets/fonts/Roboto-Bold.eot), url(/themes/main2018/assets/fonts/Roboto-Bold.ttf), url(/themes/main2018/assets/fonts/Roboto-Bold.woff); font-weight: 600; font-display: swap; @font-face font-family: 'Roboto'; src: url(/themes/main2018/assets/fonts/Roboto-BoldItalic.eot), url(/themes/main2018/assets/fonts/Roboto-BoldItalic.ttf), url(/themes/main2018/assets/fonts/Roboto-BoldItalic.woff); font-weight: 600; font-style: italic; font-display: swap; @font-face font-family: 'Roboto'; src: url(/themes/main2018/assets/fonts/Roboto-Light.eot), url(/themes/main2018/assets/fonts/Roboto-Light.ttf), url(/themes/main2018/assets/fonts/Roboto-Light.woff); font-weight: 300; font-display: swap; @font-face font-family: 'Roboto'; src: url(/themes/main2018/assets/fonts/Roboto-LightItalic.eot), url(/themes/main2018/assets/fonts/Roboto-LightItalic.ttf), url(/themes/main2018/assets/fonts/Roboto-LightItalic.woff); font-weight: 300; font-style: italic; @font-face font-family: 'PT Serif'; src: url(/themes/main2018/assets/fonts/PTSerif-Regular.eot), url(/themes/main2018/assets/fonts/PTSerif-Regular.ttf), url(/themes/main2018/assets/fonts/PTSerif-Regular.woff); font-display: swap; @font-face font-family: 'PT Serif'; src: url(/themes/main2018/assets/fonts/PTSerif-Bold.eot), url(/themes/main2018/assets/fonts/PTSerif-Bold.ttf), url(/themes/main2018/assets/fonts/PTSerif-Bold.woff); font-weight: 600; font-display: swap; * margin: 0; padding: 0; position: relative; box-sizing: border-box; html width: 100%; body height: 100%; overflow-x: hidden; color: black; h1, .h1 font-family: 'PT Serif', Arial, serif; font-size: 19px; font-weight: bold; line-height: 22px; @media (min-width: 576px) h1, .h1 font-size: 30px; line-height: 32px; @media (min-width: 992px) h1, .h1 font-size: 30px; line-height: 32px; @media (min-width: 1200px) h1, .h1 font-size: 34px; line-height: 36px; h2, .h2 font-family: 'PT Serif', Arial, serif; font-size: 18px; font-weight: bold; line-height: 22px; @media (min-width: 576px) h2, .h2 font-size: 22px; line-height: 25px; h2.h2_thin, .h2.h2_thin text-transform: uppercase; color: #999999; h3, .h3 font-family: 'PT Serif', Arial, serif; font-size: 16px; font-weight: bold; line-height: 22px; @media (min-width: 576px) h3, .h3 font-size: 18px; line-height: 22px; h4, .h4 font-size: 16px; font-weight: 300; line-height: 22px; @media (min-width: 576px) h4, .h4 font-size: 22px; line-height: 30px; h5, .h5 font-size: 12px; font-weight: 500; line-height: 18px; h6, .h6 font-size: 10px; font-weight: 500; line-height: 10px; text-transform: uppercase; letter-spacing: 0.55px; p, .p, li font-size: 14px; line-height: 22px; a color: inherit; text-decoration: none; transition: all 0.3s ease; a:hover /*color: #666666;*/ color: red; text-decoration: none; .text-small font-family: 'Roboto', Arial, serif; font-size: 13px; font-weight: 400; line-height: 18px; /*color: #333333;*/ img /* background: rgba(204, 204, 204, 0.8); */ a.text-small:hover color: #999999; text-decoration: none; .text-small_thin color: #999999; /* SKELETON Styles */ .sklt width: 100%; height: 100%; padding: 20px; background: rgba(204, 204, 204, 0.3); .sklt_thin padding: 0; background: transparent; .sklt-h2 width: 70%; height: 25px; margin: 0 auto 25px; background: rgba(204, 204, 204, 0.6); .sklt .row height: 100%; .sklt__n-l width: 40%; height: 15px; background: rgba(204, 204, 204, 0.6); .sklt__n-l:not(:last-child) margin-bottom: 15px; .sklt__img height: 100%; background: rgba(204, 204, 204, 0.6); .sklt__tl width: 80%; .sklt__tl:not(:last-child) margin-bottom: 20px; .sklt__tl-l height: 26px; margin-bottom: 10px; background: rgba(204, 204, 204, 0.6); .sklt__tx:not(:last-child) margin-bottom: 15px; .sklt__tx-l height: 10px; margin-bottom: 7px; background: rgba(204, 204, 204, 0.6); .sklt__tl-l:last-child, .sklt__tx-l:last-child margin-bottom: 0; .sklt__tl-l:last-child:not(:first-child), .sklt__tx-l:last-child:not(:first-child) width: 60%; .sklt__tx_ab, .sklt__tl_ab position: absolute; left: 20px; right: 20px; .sklt__tx_b, .sklt__tl_b bottom: 20px; .sklt__insta-user display: flex; align-items: center; .sklt__insta-ava width: 150px; height: 150px; border-radius: 100%; margin-right: 40px; background: rgba(204, 204, 204, 0.6); .sklt__insta-label width: 50%; .sklt__insta-name width: 100%; height: 24px; background: rgba(204, 204, 204, 0.6); .sklt__insta-nick width: 70%; height: 15px; margin-top: 4px; background: rgba(204, 204, 204, 0.6); .feed .sklt padding-bottom: 0; padding-left: 0; padding-right: 0; .header .sklt height: 40px; padding: 0; @media (min-width: 576px) .header .sklt height: 58px; .header .sklt .container, .header .sklt .row, .header .sklt [class*="col-"] height: 100%; display: flex; align-items: center; .header .sklt .container display: block; .header .sklt__nav justify-content: flex-end; @media (min-width: 992px) .header .sklt__nav justify-content: flex-start; .header .sklt__t display: none; width: 30%; height: 25%; margin: auto 15px; background: rgba(204, 204, 204, 0.6); .header .sklt__t:last-child display: block; @media (min-width: 992px) .header .sklt__t display: block; width: 10%; .header .sklt__l width: 90%; height: 80%; max-width: 120px; max-height: 35px; margin: auto; background: rgba(204, 204, 204, 0.6); c-slider display: block; .announce .sklt__tl margin-top: 60px; /* /SKELETON Styles */ .row margin-left: -10px; margin-right: -10px; .row>[class*="col"] padding-left: 10px; padding-right: 10px; .container max-width: 1280px; padding-left: 20px; padding-right: 20px; @media (min-width: 992px) .offset-lg-1-reverse margin-left: -8.333333% .offset-lg-2-reverse margin-left: -16.666666% .offset-lg-3-reverse margin-left: -25%; .offset-lg-4-reverse margin-left: -33.333333%; @media (min-width: 1200px) .offset-xl-1-reverse margin-left: -8.333333% .offset-xl-2-reverse margin-left: -16.666666% .offset-xl-3-reverse margin-left: -25%; .offset-xl-4-reverse margin-left: -33.333333%; .owl .owl-stage display: flex; width: 100%; height: 100%; .owl-stage-outer width: 100%; height: 100%; overflow: hidden; .owl-item width: 100%; height: 100%; .owl-nav, .owl-dots display: none; .owl-loaded touch-action: pan-y; .radio-text display: block; margin: 0; cursor: pointer; .radio-text__radio display: block; position: absolute; opacity: 0; .radio-text__caption margin-bottom: 0; transition: all 0.3s ease; .radio-text_checked .radio-text__caption color: #ff0000; text-decoration: underline; .close display: block; width: 18px; height: 18px; opacity: 1; cursor: pointer; @media (min-width: 576px) .close width: 22px; height: 22px; .close:before, .close:after content: ''; display: block; width: 100%; height: 2px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: black; .close:before transform: rotate(45deg); .close:after transform: rotate(-45deg); .form .form__group .form__input display: block; width: 100%; padding: 8px 10px; font-size: 17px; color: black; border: none; border-bottom: 1px solid black; @media (min-width: 576px) .form__input height: 50px; line-height: 50px; padding: 10px; font-size: 20px; .form__field display: block; width: 100%; height: 25px; padding: 0 10px; border: 1px solid black; border-radius: 0; font-size: 10px; line-height: 10px; text-transform: uppercase; background: white; .form__field:focus, .form__input:focus outline: none; .form__submit color: black; border: none; background: transparent; cursor: pointer; .form__group_submit .form__input padding-right: 50px; .form__group_submit .form__submit display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; position: absolute; top: 0; right: 0; .form__group_inline display: flex; .form__group_inline .form__btn margin-left: 10px; .page__branding /*height: 250px;*/ .page__title margin-bottom: 50px; .page__body /*padding-top: 20px;*/ /*margin-top: 250px;*/ .page__branding+.page__body margin-top: 0px; .page__intro margin-bottom: 35px; .page__container padding-top: 23px; padding-bottom: 120px; background: white; @media (min-width: 576px) .page__intro margin-bottom: 50px; @media (min-width: 992px) .page__container padding-top: 50px; .page__subnav margin-top: 15px; .page__title+.page__subnav margin-top: -30px; .spinner display: block; width: 40px; height: 40px; border-top: 3px solid white; border-left: 3px solid white; border-bottom: 3px solid white; border-right: 3px solid transparent; border-radius: 100%; animation: spinner 1s infinite linear; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.2); .spinner_abs position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; @keyframes spinner 0% transform: rotate(0deg); 100% transform: rotate(360deg); .play display: block; width: 50px; height: 50px; border-radius: 100%; cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.1); .play:before content: ''; display: block; width: 0px; height: 0px; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 50px solid white; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0.7; .play_abs position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; .banner display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 15px auto; /*background: silver;*/ .banner_active /*background: red;*/ /*box-shadow: 0px 0px 30px red;*/ .aside .banner margin-left: 0; margin-right: 0; .aside .banner:first-child margin-top: 0; .aside__inner .banner:last-child margin-bottom: 0; .banner_300x600 width: 300px; height: 600px; .banner_300x250 width: 300px; height: 250px; .banner_300x90 width: 300px; height: 90px; .banner_300xAuto width: 300px; height: auto; min-height: 1px; .banner.yandex_recomends .banner-position-content width: 100%; @media (max-width: 575px) .banner_300xAuto width: auto; .banner_320x150 width: 320px; height: 150px; .banner_1000x250 width: 1000px; height: 250px; .banner_1000x180 width: 1000px; /*height: 180px;*/ .banner_1000x90 width: 1000px; /*height: 90px;*/ .banner_line margin-top: 60px; margin-bottom: 60px; .banner_divider margin-top: 45px; margin-bottom: 45px; .banner_last margin-bottom: 0px; .banner_first margin-top: 0px; .banner_branding height: auto; margin: auto; margin-top: 0; margin-bottom: 0; overflow: hidden; .banner_stub.banner_active, .banner_teleport:not(.banner_rendered) display: none; height: auto !important; min-height: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; .banner noindex display: block; height: 100%; .banner .external_banner width: 100%; .banner:first-child .external_banner .banner-container margin-top: 0; .banner:last-child .external_banner .banner-container margin-bottom: 0; .banner img background: transparent; @media (max-width: 575px) .banner.banner_rendered div:first-child width: 100%; .banner.banner_rendered .hr border: 0.5px solid #999; margin: 15px 0; width: 100%; .banner.banner_rendered .hr:first-child:before content: 'Реклама. Продолжение материала ниже.'; position: absolute; text-transform: uppercase; font-size: 10px; left: 50%; background: #fff; color: #999; top: -7px; padding: 0 3px; margin-left: -115px; font-family: Roboto, Helvetica, Arial, sans-serif; .banner_100Px90 width: 100%; .banner_0x0 width: 1px; height: 1px; overflow: hidden; position: fixed; top: 0; left: 0; .spec-banner display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; margin: 40px auto; text-align: center; .spec-banner .spec-banner__link display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; max-width: 100px; max-height: 35px; .spec-banner .spec-banner__img display: block; width: 100%; height: 100%; background: transparent; .spec-banner .spec-banner__title color: red; margin-bottom: 0; margin-right: 10px; text-transform: uppercase; @media (min-width: 992px) .spec-banner position: absolute; top: 0; bottom: 0; right: 30px; margin: auto; @media (max-width: 1600px) .spec-banner flex-direction: column; .spec-banner .spec-banner__link max-width: 80px; max-height: 28px; margin-bottom: 2px; .spec-banner .spec-banner__title margin-right: 0; .category-links a padding: 20px 10px; .category-links justify-content: flex-start !important; .page__header+div:not(.page__content) display: none; @media (min-width: 1024px) .adfox-banner-background top: 58px !important; z-index: 10; .page__header+div:not(.page__content) display: block; .page__header+div+.page__content .page__container padding-top: 20px; z-index: 20; aside .top-news:not(:last-child) margin: 0 0 50px; /* Главная */ .page__content background: white; @media (min-width: 1280px) .page__header+.page__content .main-intro margin-top: -50px; @media (max-width: 1279px) .main-intro margin-top: -23px; .main-intro margin-bottom: 15px; @media (min-width: 576px) .main-intro margin-bottom: 50px; /* Навбар на главной */ .main-navbar min-height: 150px; .aside display: flex !important; flex-direction: column; overflow: visible; @media (max-width: 991px) .aside display: none !important; .aside__header .aside__body display: flex; flex-direction: column; flex-grow: 1; overflow: visible; .aside__inner height: 100%; width: 100%; flex-shrink: 1; .aside__scroller position: -webkit-sticky; position: sticky; top: 80px; /* article shares */ .shares margin-left: 5px; .shares-sticky width: 100%; height: 100%; .shares-sticky .shares position: sticky; top: 90px; margin-bottom: 50px; .share width: 30px; height: 30px; margin-bottom: 15px; display: block; border-radius: 50%; .share-fb background-image: url(/themes/main2018/assets/svg/share-facebook.svg) .share-vk background-image: url(/themes/main2018/assets/svg/share-vk.svg) .share-tw background-image: url(/themes/main2018/assets/svg/share-twitter.svg) .share-gp background-image: url(/themes/main2018/assets/svg/share-google.svg) .share-ok background-image: url(/themes/main2018/assets/svg/social-ok-black.svg) .articles.article padding: 50px 0; .article /*margin-bottom: 80px;*/ .article>.article /*display: flex;*/ /*flex-direction: column;*/ /*align-items: center;*/ width: 100%; .article img display: block; width: 100%; max-height: 100%; height: auto; object-fit: cover; object-position: center; font-family: 'object-fit:cover;object-position:center;'; .article .cover max-width: 100%; display: block; margin: 0 auto 40px; @media (max-width: 575px) .article .cover margin: 0 auto 30px; height: 64vw; .article .cover img height: 64vw; .article .cover.video height: 520px; @media (max-width: 575px) .article .cover.video height: 240px; @media (min-width: 576px) .article .cover img:not(.loaded) min-height: 430px .article .cover img:not(.loaded) min-height: 240px .article .category-link margin: 0 auto 10px; text-align: center; display: flex; @media (min-width: 992px) .article .category-link margin: 0px auto 30px; @media (max-width: 575px) .article .category-link margin: 0px auto 20px; .article .category-link a color: #000; font-size: 10px; font-family: 'Roboto', sans-serif; text-decoration: underline; text-transform: uppercase; margin: 0 auto; .article .heading padding: 0px 20px; margin: 0px auto 20px; text-align: center; @media (min-width: 992px) .article .heading margin: 0px auto 40px; .article .timestamp padding: 0px 20px; margin: 0px auto 15px; text-align: center; display: flex; @media (min-width: 992px) .article .timestamp margin: 0px auto 30px; .article .credits padding: 0px 20px; margin: 0px auto 30px; text-align: center; display: flex; @media (min-width: 992px) .article .credits margin: 0px auto 50px; .article .credits span, .article .timestamp time color: #999999; font-size: 10px; font-family: 'Roboto', sans-serif; text-transform: uppercase; margin: 0 auto; .article .content width: 100%; margin: 30px auto 50px; @media (min-width: 992px) .article .content margin: 0px auto 50px; .article .content p margin-bottom: 15px; .article .content p a color: red; @media (min-width: 576px) .article .content p margin-bottom: 50px; .content a /*color: red;*/ /*font-size: 16px;*/ /*font-family: 'Roboto', sans-serif;*/ /*margin-bottom: 50px;*/ .article .content blockquote color: #656363; font-style: italic; margin-left: 4%; padding-left: 4%; border-left: 1px solid; margin-bottom: 50px; .article iframe display: block; width: 100%; .article .content img max-width: 100%; display: block; margin: 30px auto 30px; .article .content figure margin-bottom: 25px; .article .content figure img margin-bottom: 20px; .article .content figcaption color: #666666; text-align: center; font-size: 13px; font-style: italic; .article__lead text-align: center; margin-bottom: 30px; font-weight: 300; .article cite display: block; color: #656363; padding-left: 35px; .article cite:before content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 15px; background: #656363; @media (min-width: 992px) .article cite padding-left: 85px; margin-bottom: 50px; .article cite:before left: 42px; .article .content__gallery a display: block; color: #fff; .article .content__gallery.content__gallery_full .article .content__gallery .content__gallery-caption position: absolute; top: 0; left: 0; color: white; font-family: 'Roboto', Arial, serif; font-size: 10px; line-height: 10px; font-weight: 500; font-style: normal; text-transform: uppercase; background: red; .article .content__gallery.content__gallery_full .content__gallery-caption .article .content__gallery.content__gallery_full .content__gallery-caption.content__gallery-caption_top top: auto; left: auto; bottom: 0; right: 0; .article .content__gallery .content__gallery-link display: block; padding: 7px 12px; .article .content__gallery .content__gallery-link:hover color: white; .article .content__gallery .content__gallery-link:after content: '>'; margin-left: 7px; .article .content__gallery.content__gallery_full .content__gallery-caption.content__gallery-caption_top .article .image_description color: #666666; font-size: 13px; line-height: 18px; margin-top: 0px; margin-bottom: 50px; display: block; text-align: center; .content__text-name position: relative; padding-left: 30px; padding-top: 10px; .content__text-name+.content__text-name margin-top: 15px; .content__text-name_red font-style: italic; .content__text-name::after content: attr(data-name); position: absolute; top: 9px; right: auto; bottom: auto; left: -5px; width: 20px; font-weight: bold; font-family: 'PT Serif'; font-size: 16px; line-height: 20px; text-align: right; text-transform: uppercase; font-style: normal; .content__text-name_red::after color: red; @media (min-width: 576px) .content__text-name padding-left: 70px; .content__text-name+.content__text-name margin-top: 30px; .content__text-name::after top: -7px; left: 0; width: 50px; font-size: 24px; line-height: 53px; .content__quiz margin-bottom: 40px; .content__quiz-header position: relative; margin: 15px 0 35px; text-align: left; font-size: 18px; font-weight: bold; line-height: 22px; @media (min-width: 576px) .content__quiz-header font-size: 22px; line-height: 25px; .content__quiz-header-mini display: none; margin: 0; text-transform: uppercase; font-size: 15px; font-weight: 600; letter-spacing: .3px; .content__quiz-start .content__quiz-final .content__quiz-start display: none; .content__quiz-start.loading:before content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5; background: rgba(255, 255, 255, 0.5); .content__quiz-start.loading:after content: ''; display: block; width: 40px; height: 40px; border-top: 3px solid white; border-left: 3px solid white; border-bottom: 3px solid white; border-right: 3px solid transparent; border-radius: 100%; animation: spinner 1s infinite linear; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; .content__quiz-finish display: none; font-size: 17px; line-height: 20px; .content__quiz-final .content__quiz-finish display: block; .content__quiz-field margin-bottom: 20px; .content__quiz-name display: inline-block; vertical-align: top; width: 270px; .content__quiz-line position: relative; display: inline-block; vertical-align: top; height: 20px; width: 230px; margin-right: 20px; background: #f6f6f6; .content__quiz-line-inner position: absolute; top: 0; right: auto; bottom: 0; left: 0; width: 30%; background: #d8d8d8; .content__quiz-line-inner_red background: #d31900; .content__quiz-number display: inline-block; .label_quiz display: table; padding-left: 85px; font-size: 16px; line-height: 24px; margin-bottom: 25px; cursor: pointer; font-family: 'Roboto', Arial, serif; .label_quiz:before content: ''; display: block; width: 20px; height: 20px; border: 1px solid black; border-radius: 100%; position: absolute; top: 0; left: 35px; .label_quiz:after content: ''; display: block; width: 10px; height: 10px; border-radius: 100%; background: red; position: absolute; top: 5px; left: 40px; transition: all 0.3s ease; .label_quiz:not(.checked):after transform: scale(0); .input_quiz font-family: 'Roboto', Arial, serif; font-size: 10px; font-weight: 500; line-height: 10px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-appearance: none; border: none; border-radius: none; color: white; background: red; padding: 8px 17px; cursor: pointer; .label_quiz input[type="radio"] position: absolute; top: 4px; left: 39px; opacity: 0; cursor: pointer; /* ENGAGEYA */ .eng_recs_holder margin: 50px auto 0; .eng_brnd_img width: auto !important; max-width: none; height: auto; display: inline-block !important; max-height: none; .eng_widget_is font-size: 16px !important; margin-top: 10px !important; font-family: 'Roboto', Arial, serif !important; .eng_ww_ttl_span1 margin-bottom: 30px !important; font-size: 22px !important; font-weight: 600 !important; font-family: 'PT Serif', Arial, serif !important; line-height: 25px !important; text-align: center; text-transform: uppercase; letter-spacing: 3.2px; .eng_ww_ttl_span1 background-color: #ff0000 !important; .eng_rows_seperator display: none; .slider_gallery_block display: block; margin: 50px 50px; z-index: 10; .slider_gallery_block .owl-stage-outer width: auto; .slider_gallery_block .owl-nav display: block; position: static; .slider_gallery_block .owl-next, .slider_gallery_block .owl-prev display: block; width: 20px; height: 20px; position: absolute; top: 0; bottom: 0; margin: auto; background-size: contain; background-repeat: no-repeat; background-position: center; background-color: transparent; border: none; cursor: pointer; .slider_gallery_block .owl-next span, .slider_gallery_block .owl-prev span display: none; .slider_gallery_block .owl-prev background-image: url(/themes/main2018/assets/svg/arrow-left.svg); left: -45px; .slider_gallery_block .owl-next background-image: url(/themes/main2018/assets/svg/arrow-right.svg); right: -45px; .slider_gallery_block .owl-stage align-items: center; .article .content .slider_gallery_block img margin: auto; .slider_gallery_block .image_description margin-bottom: 0; margin-top: 15px; .content img display: inline-block; width: auto; max-width: 450px; .slider-twin width: 100%; .slider-left height: 100%; overflow: hidden; .slider-right height: 100%; position: absolute; width: 50%; top: 0; right: 0; overflow: hidden; .slide-img display: block; width: 100%; height: auto !important; max-width: none !important; max-height: none !important; margin-bottom: 0 !important; .slider-right .slide-img position: absolute; top: 0; bottom: 0; right: 0; height: 100% !important; object-fit: cover; object-position: center; font-family: 'object-fit:cover;object-position:center;'; .slider-twin .slide display: none !important; width: auto; height: 42px; position: absolute; top: 40px; left: 0; margin: 0 !important; .slider-twin .arrows display: block !important; width: auto; height: 42px; position: absolute; top: 40px; left: 0; margin: 0 !important; @media (min-width: 992px) .slider-twin .slide display: block !important; .slider-twin .arrows display: none !important; .more min-height: 360px; margin-top: 95px; margin-bottom: 95px; .social .social__list display: flex; justify-content: space-around; align-items: center; margin-bottom: 0; .social__item display: block; .social__link display: block; width: 30px; height: 30px; background: #262626; border-radius: 100%; background-position: center; background-size: contain; transition: all 0.3s ease; .social__link:hover transform: scale(1.2); .social__link.facebook /* background-image: url(/themes/main2018/assets/svg/social-facebook-black.svg); */ .social__link.vk /* background-image: url(/themes/main2018/assets/svg/social-vk-black.svg); */ .social__link.twitter /* background-image: url(/themes/main2018/assets/svg/social-twitter-black.svg); */ .social__link.ok /* background-image: url(/themes/main2018/assets/svg/social-ok-black.svg); */ .social__link.instagram /* background-image: url(/themes/main2018/assets/svg/social-instagram-black.svg); */ margin-top: 0; .social__link.viber /* background-image: url(/themes/main2018/assets/svg/social-viber-black.svg); */ .social__link.youtube /* background-image: url(/themes/main2018/assets/svg/social-youtube-black.svg); */ .social.social_column .social__list flex-direction: column; justify-content: flex-start; .social.social_column .social__item+.social__item margin-top: 15px; .social.social_white .social__link.facebook /* background-image: url(/themes/main2018/assets/svg/social-facebook.svg); */ .social.social_white .social__link.vk /* background-image: url(/themes/main2018/assets/svg/social-vk.svg); */ .social.social_white .social__link.twitter /* background-image: url(/themes/main2018/assets/svg/social-twitter.svg); */ .social.social_white .social__link.ok /* background-image: url(/themes/main2018/assets/svg/social-ok.svg); */ .social.social_white .social__link.instagram /* background-image: url(/themes/main2018/assets/svg/social-instagram.svg); */ .social.social_white .social__link.viber /* background-image: url(/themes/main2018/assets/svg/social-viber.svg); */ .social.social_white .social__link.youtube /* background-image: url(/themes/main2018/assets/svg/social-youtube.svg); */ /* Подписка */ .sign-in height: 90px; /* Контент */ .content display: block; margin-top: 50px; margin-bottom: 50px; @media (max-width: 575px) .container /* padding-left: 10px; padding-right: 10px; */ .content margin-top: 30px; margin-bottom: 30px; @media (min-width: 992px) .container max-width: 1024px; @media (min-width: 1200px) .container max-width: 1280px; /* popup-nav */ .popup-nav position: absolute; background: white; transition: all 0.3s ease; .popup-nav__list list-style: none; margin: 0; .popup-nav__item list-style: none; .popup-nav__item+.popup-nav__item margin-top: 8px; .popup-nav__title text-transform: uppercase; margin-bottom: 8px; .popup-nav__text margin-bottom: 0; line-height: 16px; /* announce */ .announces /*margin-bottom: 30px;*/ .announces:not(:first-child) margin-top: 30px; @media (min-width: 576px) .announces /*margin-bottom: 50px;*/ .announces:not(:first-child) margin-top: 50px; @media (min-width: 1200px) .announces /* margin-top: 80px; */ /*margin-bottom: 80px;*/ .announces__list>.row width: 100%; .announces__announce .announces__announce:nth-child(n + 3) /*margin-top: 40px;*/ .announce-fake width: 100%; position: absolute; top: 0; left: 0; margin: 0; transition: all 0.3s ease; .announce max-width: 610px; height: auto; background-color: transparent; border: none; border-radius: 0; margin: 0 auto; transition: all 0.9s ease; @media (min-width: 992px) .announce margin: 0; @media (min-width: 1200px) .announce max-width: none; height: 370px; margin: 0 auto; .archive-row margin: 0; .infinite__component:first-child .archive-row margin-top: 50px; .infinite__component .top-news display: none; .infinite__component:first-child .top-news display: block; .announce__body display: block; height: 100%; transition: all 0.9s ease; .announce__category margin-bottom: 0; .announce__link-image display: block; width: 100%; @media (min-width: 1200px) .announce__link-image height: 100%; .announce__image, .announce__link-image img display: block; width: 100%; height: 55.7vw; max-height: 370px; object-fit: cover; object-position: center; font-family: 'object-fit:cover;object-position:center;'; transition: all 0.3s ease; .announce__image-thumb position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; .announce__image-full opacity: 1 !important; .announce__image-full.loaded opacity: 1; @media (min-width: 1200px) .announce__image, .announce__link-image img height: 370px; .sklt .announce__image height: 100%; .announce__info display: flex; flex-direction: column; height: 100%; padding-top: 19px; padding-right: 40px; padding-left: 12px; @media (min-width: 1200px) .announce__info padding-top: 25px; padding-right: 0px; padding-left: 0px; .announce__title margin-top: 15px; margin-bottom: 12px; @media (min-width: 1200px) .announce__title margin-bottom: 19px; .announce__title a:hover color: #666666; .announce__tags margin-bottom: 0; .announce__tags .tag:nth-child(n+7) display: none; .announce__toggle margin-top: 12px; @media (min-width: 576px) .announce__toggle margin-top: auto; margin-bottom: 0; position: absolute; right: 0; @media (min-width: 1200px) .announce__toggle position: relative; right: auto; .announce+.announce margin-top: 30px; .announces__list .nr-player padding: 15px 0; @media (min-width: 576px) .announce+.announce margin-top: 50px; .announces__list .nr-player padding: 25px 0; @media (min-width: 992px) .announce+.announce margin-top: 60px; .announces__list .nr-player padding: 30px 0; @media (min-width: 1200px) .announce+.announce margin-top: 80px; .announces__list .nr-player padding: 40px 0; .announce .popup-nav width: 0px; left: 101%; top: 0; z-index: 100; overflow: hidden; @media (min-width: 576px) .announce .popup-nav left: auto; right: 101%; bottom: -15px; top: auto; @media (min-width: 1200px) .announce .popup-nav left: 101%; right: auto; bottom: 0; .announce .popup-nav__list width: 230px; padding: 11px 10px; @media (min-width: 1200px) .announce .popup-nav__list padding: 15px 15px 0; .announce .announce__toggle:hover .popup-nav width: 230px; .announce__body height: 100%; .announce__body.hidden opacity: 0; transform: translate3d(0, 50px, 0) scale(1.2); transform-origin: 50%; .announce__body_sklt.hidden /*width: 100%;*/ position: absolute; top: 0; left: 0px; right: 0px; transform: none; /* Слайдер */ .slider height: auto; @media (min-width: 992px) .slider height: 555px; @media (min-width: 1200px) .slider height: 670px; .slider__header display: flex; flex-direction: column; justify-content: space-between; min-height: 150px; padding: 20px 0px 25px; z-index: 10; text-align: center; background: white; pointer-events: auto; @media (min-width: 576px) .slider__header padding: 20px 20px 25px; min-height: 200px; @media (min-width: 992px) .slider__header margin-top: 20px; .slider__title margin-bottom: 20px; overflow: hidden; height: 115px; .slider__title a:hover color: #666666; @media (min-width: 576px) .slider__title height: 131px; @media (min-width: 992px) .slider__title height: 193px; @media (min-width: 1200px) .slider__title height: 252px; .slider__dots .slider__list display: flex; height: 78vw; overflow: hidden; margin: 0 -20px; @media (min-width: 576px) @media (min-width: 992px) .slider__list height: 100%; margin: 0; @media (min-width: 1200px) .slider__item width: 100%; height: 100%; flex-shrink: 0; .slider__link display: block; width: 100%; height: 100%; .slider__item-content width: 100%; height: 100%; .slider__link+.slider__link display: none; .slider__link img, .slider__img display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; @media (min-width: 992px) .slider__link img, .slider__img height: 100%; .slider__aside left: 0; pointer-events: none; transition: all 0.3s ease; @media (min-width: 1200px) .slider__main:hover+.slider__aside /*left: -15.11111%;*/ /*-webkit-transform: scale(0.7);*/ /*-moz-transform: scale(0.7);*/ /*-ms-transform: scale(0.7);*/ /*-o-transform: scale(0.7);*/ /*transform: scale(0.7);*/ /*-webkit-transform-origin: 80% 40%;*/ /*-moz-transform-origin: 80% 40%;*/ /*-ms-transform-origin: 80% 40%;*/ /*-o-transform-origin: 80% 40%;*/ /*transform-origin: 80% 40%;*/ @media (min-width: 1440px) .slider__main:hover+.slider__aside /*-webkit-transform: none;*/ /*-moz-transform: none;*/ /*-ms-transform: none;*/ /*-o-transform: none;*/ /*transform: none;*/ .slider__category margin-bottom: 11px; text-decoration: underline; /* Top news */ .top-news width: 100%; min-height: 150px; .top-news__title margin-bottom: 10px; .top-news__list margin-bottom: 0; .top-news__item list-style: none; @media (min-width: 1200px) .top-news__item padding-left: 15px; .top-news__item+.top-news__item margin-top: 20px; /* @media(min-width:1200px) */ .top-news__item:before content: ''; display: block; width: 10px; height: 2px; position: absolute; top: 8px; right: 100%; background: black; /* */ .top-news__link display: block; /* Точки */ .dot width: 10px; height: 10px; cursor: pointer; .dot:before content: ''; display: block; width: 4px; height: 4px; border: 1px solid black; border-radius: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: black; transition: all 0.3s ease; .dot.active cursor: default; .dot.active:before width: 100%; height: 100%; background: transparent; .dots display: flex; justify-content: center; flex-wrap: wrap; .dots__dot flex-shrink: 0; margin: 0 6px; /* Теги */ .tag .tag__link font-size: 13px; line-height: 18px; color: #999999; text-decoration: none; .tags /*display: flex;*/ /*flex-direction: column;*/ /*align-items: flex-start;*/ .tags__tag list-style: none; .tags__tag .tag__link display: block; .btn display: flex; justify-content: center; align-items: center; min-width: 100px; height: 25px; line-height: 10px; padding: 3px 10px; border: none; border-radius: 0; color: white; font-size: 10px; text-transform: uppercase; text-decoration: none; background: black; transition: all 0.3s ease; transition: all 0.3s ease; .btn:before content: ''; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 100%; background: #666666; transition: all 0.3s ease; .btn:hover .btn:hover:before right: 0px; .btn_big min-width: 120px; .btn_important background: #ff0000; .btn_important:before background: black; /* Toggle */ .toggle flex-shrink: 0; flex-grow: 0; display: block; width: 35px; height: 35px; border: 1px solid #cccccc; border-radius: 100%; cursor: pointer; .toggle__brick width: 13px; height: 1px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: black; transition: all 0.3s ease; .toggle__caption position: absolute; top: 0; bottom: 0; left: 130%; display: flex; align-items: center; white-space: nowrap; margin: 0; @media (min-width: 576px) and (max-width: 1199px) .toggle__caption display: none; .toggle:not(.toggle_opened) .toggle__brick:first-child transform: rotate(90deg); .toggle:hover .toggle__brick:first-child, .toggle:focus .toggle__brick:first-child display: none; /* .Nav */ .nav__text margin-bottom: 0; .subnav .subnav__item margin-top: 15px; margin-bottom: 0; @media (min-width: 576px) .subnav__item margin-top: 10px; .subnav__link color: #333333; .subnav__link.current text-decoration: underline; cursor: default; .subscribe__body display: flex; flex-direction: column; justify-content: center; height: 100px; @media (min-width: 576px) .subscribe__body height: 90px; .subscribe__row display: flex; flex-direction: column; justify-content: center; align-items: center; @media (min-width: 992px) .subscribe__row flex-direction: row; .subscribe__row+.subscribe__row display: none; @media (min-width: 992px) .subscribe__row+.subscribe__row display: flex; margin-top: 10px; .subscribe__title margin-left: 15px; margin-right: 30px; margin-bottom: 5px; line-height: 25px; @media (min-width: 576px) .subscribe__title margin-left: 0px; margin-right: 0px; @media (min-width: 992px) .subscribe__title margin-bottom: 0; .subscribe__disclaimer margin-bottom: 0; .subscribe__disclaimer a text-decoration: underline; .subscribe__form width: 100%; padding: 0 15px; @media (min-width: 576px) .subscribe__form width: auto; padding: 0; @media (min-width: 992px) .subscribe__form margin-left: 20px; @media (min-width: 576px) .subscribe__form .form__field width: 275px; .subscribe__close position: absolute; top: 11px; right: 5px; @media (min-width: 576px) .subscribe__close top: 15px; right: 15px; .subscribe__error margin-top: 5px; margin-bottom: 0; /* Footer */ .footer-pusher width: 100%; height: 40px; .footer display: none; height: 0px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; color: white; z-index: 20; @media (min-width: 576px) .footer display: block; height: 40px; .footer__container, .footer__body, .footer__container>.row, .footer__container>.row>[class*="col"] height: 100%; .footer__body display: none; background: #333333; @media (min-width: 576px) .footer__body display: block; .footer__nav height: 100%; justify-content: center; @media (min-width: 992px) .footer__nav justify-content: flex-start; @media (min-width: 1200px) .footer__nav /*justify-content: center;*/ padding-left: 8px; .footer__nav .nav__item margin: 0 10px; @media (min-width: 1200px) .footer__nav .nav__item margin: 0 13px; .footer__social display: flex; align-items: center; height: 100%; .footer__social .social__list width: 100%; .footer__social .social__link width: 25px; height: 25px; .footer__subscribe width: 100%; position: absolute; bottom: 100%; left: 0; transition: all 0.3s ease; color: #000; background: rgba(204, 204, 204, 0.8); .footer__subscribe.hidden bottom: -90px; .footer__banner display: none; width: 100%; height: 90px; position: absolute; top: -180px; left: 0; transition: all 0.3s ease; @media (min-width: 992px) .footer__banner /*display: block;*/ .footer__banner.subscribe-hidden top: -90px; .footer display: block; /* Header navigation */ .header display: block; position: sticky; position: -webkit-sticky; /* safari kek hax */ top: 0; z-index: 1000; background: white; transition: all 0.3s ease; .header__bar width: 100%; /*box-shadow: 0 0 20px 0 #f0f0f0;*/ .main-nav flex-wrap: nowrap; .action-buttons display: flex; align-items: center; justify-content: center; margin: 0 auto 0 0; padding: 10px 0; z-index: 10; @media (min-width: 992px) .action-buttons margin: 0; @media (max-width: 575px) .action-buttons .mail-button display: none; .category-links margin: 0 0 0 auto; @media (min-width: 992px) .category-links margin: 0; .action-buttons div, .header-logo__link, .category-links a text-transform: uppercase; margin: auto 10px; @media (max-width: 575px) .action-buttons div:first-child margin-left: 0; .action-buttons div:last-child margin-right: 0; @media (min-width: 1200px) .action-buttons div, .header-logo__link, .category-links a text-transform: uppercase; margin: auto 20px; .header-logo__image display: block; width: 100%; height: 100%; background: transparent; .header .category-links a:not(.red) display: none; @media (min-width: 992px) .header .category-links a:not(.red) display: block; .action-buttons div, .action-buttons a, .action-buttons a svg, .action-buttons div svg display: block; width: 20px; height: 20px; cursor: pointer; @media (min-width: 1200px) .action-buttons div, .action-buttons a, .action-buttons a svg, .action-buttons div svg width: 20px; height: 20px; .action-buttons a margin: 0 20px; .action-buttons div font-size: 0; display: inline-block; /*padding: 10px;*/ @media (min-width: 1200px) .action-buttons .menu-button margin-left: -30px; .menu-item-lock display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 50; @media (min-width: 992px) .menu-item-lock display: none; .header-logo display: flex; @media (max-width: 575px) .header-logo position: absolute; left: 0; right: 0; top: 5px; .header-logo__link display: block; font-size: 0; width: 70px; height: 30px; display: block; margin: auto; .header-logo__link-15 display: block; width: 31px; height: 40px; position: absolute; top: 0; bottom: 0; left: 0; right: 10%; margin: auto; .logo15 flex-shrink: 0; display: block; width: 45px; margin-right: 10px; margin-left: -30px; .logo15__image @media (min-width: 576px) .header-logo__link /*width: 100px;*/ /*height: 40px;*/ width: 130px; height: 50px; margin: auto 10px; .header-logo__link-15 width: 50px; height: 50px; right: 36%; .logo15 width: 50px; margin-right: 10px; margin-left: -20px; @media (min-width: 1200px) .header-logo__link margin: auto; .logo15 width: 70px; margin-right: 15px; margin-left: -20px; .category-links display: flex; justify-content: space-between; .category-links a font-size: 12px; font-family: 'Roboto', Arial, serif; font-weight: 500; display: inline-block; padding: 11px; margin: 0; white-space: nowrap; @media (min-width: 576px) .category-links a padding: 20px 12px; @media (min-width: 1449px) .category-links a /*padding: 20px;*/ .category-links>a:first-of-type padding-left: 0; .category-links>a:last-of-type padding-right: 0; .category-links>div display: inline-block; .category-links a:hover+.subcategory-links, .subcategory-links:hover opacity: 1; pointer-events: all; transform: none; .category-links .red color: red; .subcategory-links display: flex; flex-direction: column; align-items: flex-start; opacity: 0; pointer-events: none; transition: opacity 1s, transform 0.5s; transform: translateY(-5px); position: absolute; width: 180px; /* box-shadow: 0 10px 20px 0 #f0f0f0; */ z-index: 10; margin-top: -10px; /* outline: 1px solid black; */ background: white; .subcategory-links a text-transform: initial; font-weight: 300; padding: 10px 15px; display: block; .subcategory-links a:last-of-type padding-bottom: 20px; /* Left sidebar navigation */ .menu-left transform: translateX(-100%); opacity: 0; pointer-events: none; transition: opacity 0.5s, transform 1s; min-height: 100vh; max-width: 330px; z-index: 1050; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; padding: 17px 25px 25px 40px; color: #ffffff; overflow: hidden; height: 100%; @media (max-width: 575px) .menu-left padding: 25px 20px 25px 25px; .menu-left.open transform: none; opacity: 1; pointer-events: all; .menu-left .scroll width: 100%; height: 100%; overflow-y: scroll; padding-right: 50px; box-sizing: content-box; overflow-x: hidden; /*top: -5px;*/ .menu-left section padding: 23px 0; font-size: 12px; font-family: 'Roboto', Arial, serif; .menu-left .category-links display: flex; flex-direction: column; align-items: flex-start; .menu-left section:after content: ''; height: 1px; width: 100%; /*max-width: 240px;*/ position: absolute; background: #fff; bottom: 0; left: -20px; .menu-left section:last-of-type::after display: none; .menu-left .buttons justify-content: space-between; display: flex; padding-top: 0; padding-bottom: 43px; overflow: hidden; height: 40px; transition: height 0.5s; .menu-left .buttons.open height: 500px; .menu-left .region-button text-transform: uppercase; display: block; height: 20px; z-index: 20; line-height: 25px; cursor: pointer; .menu-left .region-button svg margin-right: 10px; margin-top: -3px; .menu-left .close-button width: 20px; height: 20px; font-size: 30px; line-height: 20px; display: inline-block; vertical-align: -4px; text-align: center; z-index: 20; cursor: pointer; .menu-left .region-links width: 100%; max-width: 240px; position: absolute; height: 430px; z-index: 10; margin-top: 40px; /*border-top: 1px solid #fff;*/ .menu-left .region-links .red font-family: 'PT Serif', Arial, serif; font-size: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; padding-top: 25px; color: red; .menu-left .region-links a display: block; font-size: 13px; .menu-left .region-links a span display: inline-block; min-width: 30px; .menu-left section:last-of-type border-bottom-color: transparent; .menu-left .category-links>a, .menu-left .category-links>div>a /* width: 300%; */ padding: 3px 0; display: block; z-index: 10; .menu-left .category-links>div display: block; width: 100%; .menu-left .category-links a+.subcategory position: absolute; left: 100px; width: 140px; margin-top: -22px; z-index: 20; opacity: 0; pointer-events: none; transform: translateX(-15px); transition: transform 0.5s, opacity 0.3s; .menu-left .category-links a+.subcategory a padding: 0 0 6px; text-transform: initial; width: 100%; .menu-left .category-links a:focus outline: none; color: red; .menu-item-lock:focus outline: none; /*.menu-left .category-links a:hover+.subcategory,*/ /*.menu-left .category-links a+.subcategory:hover,*/ /*.menu-left .category-links a:focus+.subcategory,*/ /*.menu-left .category-links a+.subcategory:focus,*/ /*.menu-item-lock:focus ~ .subcategory,*/ .category-links__item.opened .subcategory opacity: 1 !important; pointer-events: all !important; transform: none !important; .category-links__item.opened .category-links__link color: red; .menu-left .issue display: flex; align-items: flex-end; margin-bottom: 28px; /*padding-top: 30px;*/ .menu-left .issue .buy padding-left: 20px; .menu-left .issue .buy a:first-of-type margin-bottom: 15px; display: block; display: none; .menu-left .issue .buy span text-decoration: underline; .menu-left .issue .buy svg margin-top: -20px; margin-left: 10px; .menu-left .issue a display: block; width: 150px; .menu-left .issue-text font-size: 18px; font-family: 'PT Serif', Arial, serif; font-weight: 600; line-height: normal; margin-bottom: 38px; .menu-left form font-size: 13px; font-family: 'Roboto', Arial, serif; margin-bottom: 40px; .menu-left label, .menu-left input margin-bottom: 13px; .menu-left input, .menu-left button width: 100%; max-width: 240px; border: 1px solid #777777; text-transform: uppercase; font-size: 10px; padding: 5px 10px; .menu-left button background: transparent; color: white; padding: 5px 20px; max-width: 100px; .menu-left .social display: flex; justify-content: space-between; margin-bottom: 30px; .menu-left .social a display: inline-block; width: 30px; height: 30px; background: #262626; border-radius: 50%; font-size: 0; margin-top: 0; .menu-left .social a.facebook /*background: url(/themes/main2018/assets/svg/social-facebook.svg);*/ .menu-left .social a.vk /*background: url(/themes/main2018/assets/svg/social-vk.svg);*/ .menu-left .social a.twitter /*background: url(/themes/main2018/assets/svg/social-twitter.svg);*/ .menu-left .social a.ok /*background: url(/themes/main2018/assets/svg/social-ok.svg);*/ .menu-left .social a.instagram /*background: url(/themes/main2018/assets/svg/social-instagram.svg)*/ .menu-left .social a.viber /*background: url(/themes/main2018/assets/svg/social-viber.svg)*/ .menu-left .social a.youtube /*background: url(/themes/main2018/assets/svg/social-youtube.svg)*/ .menu-left .etc-links margin-bottom: 17px; .menu-left .etc-links a display: block; text-transform: uppercase; font-size: 10px; padding: 5px 0; color: #cccccc; .menu-left p font-size: 11px; line-height: 18px; color: #cccccc; .menu-left p a display: block; margin-top: 22px; text-decoration: underline; /* search start */ .search display: flex; justify-content: center; align-items: center; z-index: 1000; color: white; font-size: 13px; transition: opacity 0.2s; position: fixed; top: 0; bottom: 0; left: 0; right: 0; transition: all 0.3s ease; .search .search-overlay position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); .search .search-container max-width: 820px; width: 100%; z-index: 100; position: fixed; transition: all 0.3s ease; @media (max-width: 575px) .search.open .search-container padding: 0 20px; .search.hidden opacity: 0; .search.hidden .search-container transform: translateY(10%); opacity: 0; .search .heading font-family: 'PT Serif', Arial, serif; font-weight: 600; font-size: 34px; margin-bottom: 25px; .search .heading .close-button float: right; font-size: 40px; line-height: 30px; font-family: 'Roboto', Arial, serif; font-weight: 300; top: 10px; cursor: pointer; .search .search-box border-bottom: 1px solid white; width: 100%; max-width: 820px; height: 50px; margin-bottom: 118px; .search input background: transparent; color: white; border: 0; outline: 0; padding: 10px; font-size: 20px; width: 100%; max-width: 770px; position: absolute; .search button float: right; background: transparent; border: 0; outline: 0; cursor: pointer; padding: 10px 0; .search .popular .heading font-size: 22px; margin-bottom: 11px; .search .popular a display: block; margin-bottom: 5px; .infinite__component .gallery-container h1 display: none; /* TODO: remove dubliCATing h1 */ .gallery-container h1 width: 100%; flex-shrink: 0; .infinite__component:first-of-type .gallery-container h1 margin-bottom: 50px; display: block; @media (max-width: 575px) .infinite__component:first-of-type .gallery-container h1 margin-bottom: 30px; .infinite__pagination display: none; .gallery display: flex; flex-wrap: wrap; width: 100%; .gallery-container display: flex; flex-wrap: wrap; .gallery-container>a height: auto; @media (min-width: 992px) .gallery-container>a display: block; width: 50%; padding: 0 10px; .gallery-container>a img display: block; width: 100%; @media (min-width: 576px) .gallery-page margin-top: 55px; .gallery-page .announces__title margin-bottom: 44px; .gallery-item display: block; /*width: 50%;*/ /*max-width: 400px;*/ /*margin-right: 20px;*/ /* margin-bottom: 30px; */ @media (min-width: 576px) .gallery-item min-height: 375px; .gallery-item a display: block; .gallery-item .announce__header display: block; margin-bottom: 10px; /*height: 58vw;*/ width: 100%; object-fit: cover; object-position: center; font-family: 'object-fit:cover;object-position:center;'; background: #cccccc .announce__header img width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: 'object-fit:cover;object-position:center;'; @media (min-width: 576px) .gallery-item .announce__header margin-bottom: 20px; height: 250px; .gallery-item .red color: red; .gallery-item h3 overflow: hidden; margin-bottom: 40px; font-size: 18px; line-height: 22px; height: 110px; @media (min-width: 576px) .gallery-item h3 margin-bottom: 0px; @media (max-width: 575px) .gallery-item h3 font-size: 15px; line-height: 20px; margin-bottom: 30px; height: auto; .gallery-item .announce__header background: #cccccc; /* gallery-post */ .swiper-gallery width: 100%; /*height: 810px;*/ margin-bottom: 20px; @media (max-width: 575px) .swiper-gallery /*height: 500px;*/ .swiper-gallery .swiper-slide width: 840px; /*height: 690px;*/ .swiper-slide__img opacity: 1 !important; .swiper-gallery .swiper-image width: 100%; max-width: 715px; height: 690px; margin: 0 auto 90px; display: flex; justify-content: center; align-items: center; flex-direction: column; @media (max-width: 575px) .swiper-gallery .swiper-image height: 410px; margin: 0 auto 50px; .swiper-gallery .swiper-image img /* height: 410px; */ .swiper-gallery .swiper-image img max-width: 100%; max-height: 100%; margin: auto; display: block; width: auto; .swiper-gallery .swiper-image .announce__image-thumb display: none .swiper-gallery .swiper-caption display: block; text-align: center; font-size: 13px; color: #666666; font-family: 'Roboto', Arial, serif; font-style: italic; margin-bottom: 25px; .swiper-gallery .swiper-text text-align: center; max-width: 560px; margin: 0 auto; .swiper-gallery .swiper-button-prev, .swiper-gallery .swiper-button-next background: transparent; width: 30px; height: 30px; @media (max-width: 575px) .swiper-gallery .swiper-button-next, .swiper-gallery .swiper-button-prev display: none .swiper-gallery .swiper-button-prev transform: rotate(180deg) .swiper-gallery .swiper-pagination-fraction font-family: 'PT Serif', Arial, serif; font-weight: 600; font-size: 18px; /*bottom: 50px;*/ color: red; top: 425px; bottom: auto; @media (min-width: 576px) .swiper-gallery .swiper-pagination-fraction top: 715px; .swiper-gallery .swiper-pagination-current, .swiper-gallery .swiper-pagination-total color: black; .swiper-gallery .swiper-button-next, .swiper-gallery .swiper-button-prev top: 370px; .swiper-container /*width: 840px;*/ width: 100%; /*height: 810px;*/ margin-bottom: 20px; .swiper-slide width: 840px; /*height: 690px;*/ .swiper-image width: 100%; max-width: 715px; height: 690px; margin: 0 auto 90px; display: flex; justify-content: center; align-items: center; flex-direction: column; .swiper-image img max-width: 100%; margin: 0 auto; display: block; .swiper-caption display: block; text-align: center; font-size: 13px; color: #666666; font-family: 'Roboto', sans-serif; font-style: italic; .swiper-button-prev, .swiper-button-next background: transparent; width: 30px; height: 30px; .swiper-button-prev transform: rotate(180deg) .swiper-pagination-fraction font-family: 'PT Serif', serif; font-weight: 600; font-size: 18px; color: red; .swiper-pagination-current, .swiper-pagination-total color: black; .swiper-button-next, .swiper-button-prev top: 45%; .gallery-post margin-bottom: 100px; .gallery-post h1 text-align: center; margin: 0 auto 30px; max-width: 550px; @media (max-width: 575px) .gallery-post h1 margin: 0 auto 20px; .gallery-post--text max-width: 550px; margin: 0 auto 50px; font-size: 16px; font-family: 'Roboto', Arial, serif; text-align: center; .gallery-post .shares max-width: 220px; margin: 0 auto; @media (max-width: 575px) .gallery-post .shares margin-bottom: 60px; .gallery-post .shares .share margin: 0 10px; display: inline-block; .search-results max-width: 590px; margin-left: auto; margin-right: auto; margin-bottom: 51px; @media (min-width: 576px) .search-results margin-bottom: 90px; @media (min-width: 992px) .search-results margin-left: 0; .search-results__title margin-bottom: 19px; @media (min-width: 576px) .search-results__title margin-bottom: 45px; .search-results__locations display: flex; margin-top: 33px; @media (min-width: 576px) .search-results__locations margin-top: 55px; .search-results__location display: block; .search-results__location:not(.current) color: red; text-decoration: underline; .search-results__location+.search-results__location margin-left: 25px; .flacky margin-top: 0; margin-bottom: 0; .flacky__page background: white; .flacky__overlay position: absolute; top: 0; bottom: 0; left: -20px; right: -20px; pointer-events: none; .flacky__inner /*padding-top: 80px;*/ /*padding-bottom: 80px;*/ .flacky__page:after content: ''; display: none; height: 30px; position: absolute; top: 100%; left: 0; right: 0; opacity: 0.6; background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0); .flacky__page_current z-index: 20; .flacky__page_next .flacky__overlay, .flacky__page_prev .flacky__overlay z-index: 5; background: black; .flacky__page_current:after display: block; .flacky__inner .announces:first-child /*margin-top: 0;*/ .flacky__page:not(:first-child) .flacky__inner /*padding-top: 150px;*/ .flacky_disabled /*margin-top: 80px;*/ .flacky_disabled .flacky__page:after, .flacky_disabled .flacky__overlay display: none !important; .flacky_disabled .flacky__inner transform: none !important; padding-top: 0px; padding-bottom: 0px; .flacky_disabled .flacky__page:not(:first-child) .flacky__inner /*padding-top: 100px;*/ .instagram .abc .instagram-list .item .spinner_abs left: 55px; right: auto; .abc__list /*width: 85px;*/ /*margin-right: 20px;*/ /*height: 1800px;*/ /*position: sticky;*/ /*top: 100px;*/ /*bottom: 200px;*/ display: flex; flex-direction: column; align-items: center; padding-left: 10px; @media (min-width: 1200px) .abc__list padding-left: 0px; .instagram .abc a font-size: 16px; display: block; margin-bottom: 5px; line-height: normal; .instagram .abc a.current color: red; cursor: default; .instagram .abc a.dead color: #cccccc; pointer-events: none; .instagram font-family: 'Roboto', Arial, serif; /*margin-top: 60px;*/ .instagram h1 width: 100%; margin-bottom: 50px; @media (max-width: 575px) .instagram h1 margin-bottom: 30px; .instagram-title width: 100%; margin-top: 45px; margin-bottom: 50px; .instagram__title~.aside margin-top: -80px; .instagram .aside .instagram .list-circles margin-right: 125px; .instagram .item margin-bottom: 60px; display: flex; align-items: center; @media (min-width: 992px) .instagram .item margin-bottom: 50px; @media (max-width: 575px) .instagram .item margin-bottom: 30px; .instagram .item+.item, .instagram .infinite__component+.infinite__component /* margin-top: 60px; */ .instagram .item img width: 190px; height: 190px; background: #cccccc; border-radius: 50%; display: block; margin-right: 20px; @media (max-width: 575px) .instagram .item img width: 80px; height: 80px; @media (min-width: 992px) .instagram .item img width: 150px; height: 150px; .instagram .item .caption /* text-transform: uppercase; */ font-size: 16px; max-width: 610px; @media (max-width: 575px) .instagram .item .caption font-size: 12px; line-height: 16px; .instagram .item .caption .account text-transform: initial; color: red; font-size: 13px; display: block; .instagram .others h2 margin-bottom: 30px; .instagram .others .item margin-bottom: 30px; .instagram-profile padding-top: 50px; margin-bottom: 50px; .instagram-profile .feed-grid justify-content: space-between; display: flex; flex-wrap: wrap; .instagram-profile .feed-grid a display: block; margin-bottom: 50px; width: 275px; height: 275px; overflow: hidden; .instagram-profile .feed-grid a img width: 275px; height: 275px; border-radius: 0; @media (max-width: 575px) .instagram-post .arrow display: none; .instagram-profile .feed-grid a, .instagram-profile .feed-grid a img @media (min-width: 992px) .instagram-profile .feed-grid a, .instagram-profile .feed-grid a img margin-bottom: 30px; width: 210px; height: 210px; .instagram-post-container padding-top: 50px; @media (max-width: 575px) .instagram-post-container padding-top: 30px; .instagram-post display: flex; align-items: flex-start; margin: 50px auto 100px; justify-content: flex-start; .instagram-post .prev transform: rotate(180deg); margin: 0; .instagram-post .photo-container display: flex; align-items: flex-start; .instagram-post .photo-container__sizer width: 100%; .photo-container__arrow display: block; font-weight: bold; .photo-container__divider color: red; font-weight: bold; margin: 0 5px; .photo-container__mobile-controls display: flex; justify-content: center; align-items: center; margin-top: 8px; .photo-container__arrow.photo-container__arrow_left transform: rotate(180deg); .instagram-post .photo-container__square width: 100%; height: 0; padding-top: 100%; .instagram-post .photo-container__body margin-left: 0; display: flex; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; .instagram-post .photo-container a:hover background: #fafafa; .instagram-post .photo-container a img margin: 0 auto; display: block; width: 100%; .instagram-post .photo-container p margin-top: 6px; margin-bottom: 0; color: #666666; font-size: 13px; line-height: 18px; font-style: italic; text-align: center; @media (min-width: 576px) .photo-container__arrow position: absolute; top: 100vw; top: calc(100vw - 27px); right: 0; .photo-container__arrow.photo-container__arrow_left left: 0; right: auto; .instagram-post .photo-container p margin-top: 17px; margin-left: 50px; margin-right: 50px; @media (min-width: 992px) .photo-container__arrow display: block; margin-top: 290px; position: relative; top: auto; left: auto; right: auto; .instagram-post .photo-container__sizer margin: 0 16px; .instagram-post .photo-container p margin-left: 0px; margin-right: 0px; margin-top: 35px; @media (min-width: 1200px) .instagram-post margin: 60px auto 100px; justify-content: center; align-items: center; .instagram-post .photo-container__sizer width: 715px; .photo-container__arrow margin-top: 350px; .instagram-relateds padding-top: 71px; .instagram-relateds__title margin-bottom: 20px; .instagram-relateds .item margin-bottom: 0; .instagram-relateds .item~.item margin-top: 20px; .instagram-related.item flex-direction: column; align-items: flex-start; .instagram-related .item /* */ .error-center height: 100%; display: flex; align-items: center; .error padding: 160px 0; .error>* max-width: 650px; margin: 0 auto; text-align: center; .error h1 font-size: 60px; line-height: 70px; margin-bottom: 50px; .error p font-size: 12px; font-weight: 500; line-height: 24px; text-transform: uppercase; .error .red color: red; @media (max-width: 575px) .hidden-xs display: none !important; @media (min-width: 576px) and (max-width: 767px) .hidden-sm display: none !important; @media (min-width: 768px) and (max-width: 991px) .hidden-md display: none !important; @media (min-width: 992px) and (max-width: 1199px) .hidden-lg display: none !important; @media (min-width: 1200px) .hidden-xl display: none !important; .progressbar height: 4px; position: fixed; top: 0; left: 0; right: 0; z-index: 9000; pointer-events: none; transition: all 0.3s ease; .progressbar.hidden opacity: 0; .progressbar__fill width: 0%; height: 100%; position: absolute; top: 0; left: 0; background: red; overflow: hidden; transition: all 0.6s ease; .progressbar__decor width: 10vw; height: 100%; position: absolute; top: 0; left: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.5+50,0+100 */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 80%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 80%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 80%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 */ animation: progressbar 1s infinite linear; @keyframes progressbar 0% left: -10vw; 100% left: 110vw; /* admin-form */ .form-admin label display: block; margin-bottom: 16px; .form-admin input[type="text"], .form-admin input[type="password"] width: 260px; font-size: 16px; height: auto; display: block; line-height: 35px; margin: 0 auto; text-align: center; text-transform: initial; .form-admin input[type="submit"] margin: 0 auto; width: 260px; font-size: 16px; height: auto; display: block; line-height: 35px; margin-bottom: 16px; .form-admin .label_error-checkbox display: flex; max-width: 260px; margin: 0 auto; .form-admin .label_error-checkbox span text-align: left; padding: 0 10px; line-height: 9px; archive-page .gallery-item height: auto; .archive-item height: auto; width: 100%; margin-bottom: 63px; .archive-item__body display: block; width: 100%; .archive-item__image display: block; width: 100%; margin-bottom: 14px; .archive-item__info display: flex; flex-direction: column; .archive-item .buy position: absolute; right: 0; margin-top: -45px; @media (min-width: 1200px) .archive-item__info flex-direction: row; align-items: flex-end; .archive-item__title height: auto !important; margin-bottom: 0 !important; .archive-item__date margin-bottom: 0; margin-top: 2px; @media (min-width: 1200px) .archive-item__date margin-top: 0; margin-left: 8px; .lazy transition: all 0.3s ease; .lazy, .lazy-loading /*opacity: 0 !important;*/ .lazy-loaded /*opacity: 1 !important;*/ /*transition: all 0.6s ease;*/ .static .upperc text-transform: uppercase .static a[href^="mailto:"] color: red; .static a[href^="/mediakit-"], .static a[href$=".pdf"], .static a[href$=".PDF"] color: red; display: inline-block; padding: 5px 10px 5px 30px; background-image: url('/themes/main2018/assets/svg/static-download1.svg'); background-size: 20px 20px; background-repeat: no-repeat; background-position: center left; .static a[href$=".pdf"], .static a[href$=".PDF"] background-image: url('/themes/main2018/assets/svg/static-download2.svg'); .invited-editor .invited-editor__body display: block; width: 100%; height: 100%; margin: 15px auto; .invited-editor__title margin-bottom: 0; font-family: 'Lemon', Arial, serif; font-weight: 400; .invited-editor__img display: block; background: none; .invited-editor__name margin-bottom: 0; .invited-editor_1000x90 width: 1000px; height: 90px; margin-left: auto; margin-right: auto; .invited-editor_1000x90 .invited-editor__body display: flex; align-items: center; justify-content: center; .invited-editor_1000x90 .invited-editor__title font-size: 36px; .invited-editor_1000x90 .invited-editor__img height: 100%; margin: 0 10px .invited-editor_1000x90 .invited-editor__name font-size: 49px; .invited-editor_300x250 width: 300px; height: 250px; margin-left: auto; margin-right: auto; .invited-editor_300x250 .invited-editor__body .invited-editor_300x250 .invited-editor__title font-size: 26px; line-height: 26px; position: absolute; top: 65px; left: 15px; z-index: 1; width: 50%; .invited-editor_300x250 .invited-editor__img width: auto; max-height: 100%; position: absolute; bottom: 0; right: 8px; .invited-editor_300x250 .invited-editor__name display: flex; flex-direction: column; align-items: flex-start; font-size: 39px; line-height: 31px; position: absolute; bottom: 20px; left: 15px; z-index: 1; .invited-editor_300x250 .invited-editor__name .invited-editor__name-row display: block; .invited-editor_300x250 .invited-editor__name .invited-editor__name-row:before content: ''; display: block; height: 27px; position: absolute; left: -4px; right: -4px; bottom: -2px; background: white; /* photoslider horizontal*/ .story-photoslider, .story-photoslider-nav max-width: 760px; margin: 0 auto; height: 740px; .story-photoslider-nav height: 130px; top: -220px; box-sizing: border-box; z-index: 10; .story-photoslider .swiper-slide background: white; .story-photoslider .swiper-image margin-bottom: 180px; .story-photoslider .swiper-caption font-family: 'Roboto', Arial, serif; font-style: italic; color: #666666; font-size: 13px; line-height: 18px; height: 55px; overflow: hidden; .story-photoslider-nav .swiper-slide max-width: 190px; height: 130px; opacity: 0.7; .story-photoslider-nav .swiper-slide-thumb-active opacity: 1; .art-gallery .art-gal-text font-family: 'Roboto', Arial, serif; font-style: italic; color: #666666; font-size: 13px; line-height: 18px; height: 55px; overflow: hidden; .art-gallery .art-gal-thumbphoto margin: 0; /*padding: 0;*/ cursor: pointer; .art-gallery .art-gal-thumbphoto img height: auto; width: auto; .art-gallery padding: 0; .art-gallery .art-gal-bigphoto img height: auto; /*width: auto;*/ /*min-width: 750px;*/ width: 100%; min-width: 0; margin-bottom: 20px; /* Отсюда начинается чистенький красивый цсс */ .sticky position: sticky; top: 80px; @media (min-width: 576px) .img-portrait:not(.slide-img) max-width: 450px !important; .admin-panel width: 100%; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 30px 20px; margin: 50px auto; .admin-panel p:last-child margin-bottom: 0; .admin-bar background: rgb(244, 244, 244) none repeat scroll 0px 0px; border-top: 2px solid rgb(223, 223, 223); height: 47px; text-align: center; z-index: 100000; .eternal__preloader width: 100%; height: 120px; margin-top: 30px; background: rgba(204, 204, 204, 0.3); .eternal__subpage:not(:last-child):not(:empty) padding-bottom: 60px; .banner_active /*background: red;*/ /* Offers */ .offer height: auto; .offer__sizer width: 100%; height: 0; padding-top: 100%; .offer__body position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: white; background: #cccccc; .offer__back position: absolute; top: 0; bottom: 0; left: 0; right: 0; .offer__back img display: block; width: 100%; .offer__back:after content: ''; display: block; height: 75%; position: absolute; bottom: 0; left: 0; right: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0); .offer__image display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: 'object-fit:cover;object-position:center;'; .offer__info position: absolute; left: 0; right: 0; bottom: 0; padding: 0 18px 12px; .offer__category margin-bottom: 5px; .offer__title .offer__description .offer__body:hover color: #cccccc; .offers max-width: 610px; margin-top: 90px; margin-bottom: 70px; margin-left: auto; margin-right: auto; .offers__title margin-bottom: 30px; text-align: center; text-transform: uppercase; letter-spacing: 3.2px; .offers__dots margin-top: 20px; @media (max-width: 575px) .offers__slider flex-wrap: nowrap; .offers__item flex-shrink: 0; @media (min-width: 576px) .offers__dots display: none !important; @media (min-width: 576px) and (max-width: 991px) .offers__item:first-child, .offers__item:nth-child(2) margin-bottom: 20px; @media (min-width: 992px) .offers max-width: none; margin-top: 100px; margin-bottom: 60px; .offers:first-child margin-top: 0px; .offers:last-child margin-bottom: 0px; /* /Offers */ /* galleries */ .gal-preview .gal-preview__body .gal-preview__header margin-bottom: 10px; .gal-preview__image display: block; width: 100%; object-fit: cover; object-position: center; font-family: 'object-fit:cover;object-position:center;'; .gal-preview__info .gal-preview__title height: 88px; overflow: hidden; margin-bottom: 0; @media (min-width: 992px) .gal-preview__header height: 245px; .gal-preview__image height: 100%; .galleries .gal-preview margin-bottom: 22px; .gal-preview.sklt height: auto; .gal-preview.sklt .sklt__img height: 225px; margin-bottom: 13px; .gal-preview.sklt .sklt__tx height: 18px; background: #dadada; margin-top: 4px; margin-bottom: 0; .gal-preview.sklt .sklt__tx:last-child width: 60%; /* /galleries */ /* .tags */ .tag-btn, a.tag-btn display: block; font-family: 'Roboto', Arial, serif; font-size: 10px; font-weight: 500; line-height: 10px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-appearance: none; border: 1px solid #999999; color: #999999; background: transparent; padding: 8px 17px; cursor: pointer; .tag-btn:hover a.tag-btn:hover border: 1px solid black; color: black; .tags display: flex; flex-wrap: wrap; margin: 50px -10px 0; @media (max-width: 576px) .tags margin-top: 0; .tags__tag-btn, a.tags__tag-btn margin: 10px; /* /.tags */ /* Account */ .account .account+.account margin-top: 60px; .account__body display: flex; align-items: center; flex-wrap: nowrap; .account__avatar width: 80px; height: 80px; border-radius: 100%; overflow: hidden; .account__image display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: 'object-fit:cover;object-position:center;'; .account__caption .account__name text-transform: uppercase; margin-bottom: 0px; .account__description margin-bottom: 10px; .account__login margin-bottom: 0; color: red; .account__link .account_simple .account__header, .account_simple .account__description display: none; .insta-profile .account margin-top: 40px; margin-bottom: 50px; .accounts padding-left: 10px; @media (min-width: 1200px) .accounts padding-left: 0px; .accounts__title margin-bottom: 25px; .accounts__list /* ToDo: ниже должны быть +, а не ~. Заменить, когда перепишу бесконечный скролл. */ .accounts .account~.account, .eternal__subpage~.eternal__subpage .account margin-top: 28px; .accounts .account_simple~.account_simple margin-top: 25px; .accounts_related padding-top: 127px; padding-left: 0; @media (min-width: 576px) .account__avatar width: 150px; height: 150px; .accounts .account~.account, .eternal__subpage~.eternal__subpage .account margin-top: 40px; @media (min-width: 992px) .account__description margin-bottom: 25px; @media (min-width: 1200px) .account__avatar width: 190px; height: 190px; .accounts .account~.account:not(.account_simple), .eternal__subpage~.eternal__subpage .account:not(.account_simple) margin-top: 60px; .accounts_related padding-top: 156px; /* /Account */ /* Feed */ .feed padding-top: 10px; padding-bottom: 10px; .feed__sizer width: 100%; height: 0; padding-top: 100%; .feed__body position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #cccccc; .feed__image display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: 'object-fit:cover;object-position:center;'; .feeds margin-top: 50px; .feeds__list margin-bottom: -10px; .feeds__subpage width: 100%; .eternal .feeds margin-top: 0; .eternal .feeds__list margin-bottom: 0px; .eternal__subpage:last-child .feeds__list margin-bottom: -10px; /* /Feed */ /* Instagram */ .instagram .instagram__title margin-bottom: 50px; .instagram__account margin-bottom: 50px; /* /Instagram */ /* Article */ .article .article__row align-items: stretch; flex-wrap: nowrap; .article__title /*display: flex; align-items: flex-start;*/ .article__cover margin-bottom: 35px; .article__poster display: block; width: 100%; .article__aside width: 105px; .article__social position: -webkit-sticky; position: sticky; top: 90px; .article__main /*width: 100%;*/ /*flex-shrink: 1;*/ width: 0; flex-grow: 1; .article__main .banner_divider margin-top: 40px; margin-bottom: 40px; @media (max-width: 991px) .article padding-top: 20px; /* /Article */ .journal.sklt .journal .sklt__img height: 385px; margin-bottom: 5px; .journal .sklt__tx height: 30px; margin-bottom: 0; background: rgba(204, 204, 204, 0.6); .content a, .article__lead a color: #ed1c24 .video-crab .h2 letter-spacing: 4px; margin-bottom: 30px; .video-crab .video-crab--block display: block; font-family: 'Roboto', sans-serif; .video-crab .video-crab--block img margin-bottom: 15px; width: 100%; height: 170px; .video-crab .video-crab--text font-size: 13px; line-height: 18px; height: 50px; margin-bottom: 30px; .video-crab .video-crab--block.large img height: 340px; margin-bottom: 30px; .video-crab .video-crab--block.large .video-crab--text max-width: 440px; margin: 0 auto; text-align: center; font-family: 'PT Serif', serif; font-size: 22px; font-weight: bold; line-height: 25px; /* calendar css */ .articles_date max-width: 1310px; margin: 0 auto; .regular display: block; /* padding: 1%; */ margin: 1%; margin-bottom: 60px; max-width: 485px; .flex display: flex; justify-content: space-between; hr height: 1px; overflow: hidden; font-size: 0; line-height: 0; background: #ccc; margin: 50px 0; border: 0; /* css for calendar */ .b-calendar font: 14px/1.2 Arial, sans-serif; background: #f2f2f2; .b-calendar--along width: 300px; padding: 30px 40px; margin: 50px auto; .b-calendar--many padding: 20px; /* width: 250px;*/ display: inline-block; vertical-align: top; margin: 0 20px 20px; .b-calendar__title text-align: center; margin: 0 0 20px; .b-calendar__year font-weight: bold; color: #333; .b-calendar__tb width: 100%; .b-calendar__head font: bold 14px/1.2 Arial, sans-serif; padding: 5px; text-align: left; border-bottom: 1px solid #c0c0c0; .b-calendar__np padding: 5px; .b-calendar__day font: 14px/1.2 Arial, sans-serif; padding: 4px; text-align: left; .b-calendar__day.day-active .b-calendar__number border-radius: 12px; .b-calendar__day.day-active.small .b-calendar__number background-color: #ffd9d9; .b-calendar__day.day-active.medium .b-calendar__number background-color: #ffa0a0; .b-calendar__day.day-active.large .b-calendar__number background-color: #fd6a6a; .b-calendar__number text-align: center; padding: 4px 2px; .b-calendar__weekend color: red; .links text-align: left; padding: 3%; .links>button margin: 1%; padding: 1% .new_year display: none; .show display: flex; flex-wrap: wrap; justify-content: center; /* end calendar css */ .amway-block display: flex; flex-direction: column; align-items: center; max-width: 700px; border: 1px solid red; padding: 25px 45px 20px; margin: 50px auto; font-family: 'Roboto', Arial, sans-serif; background: white; .amway-block__text width: 100%; margin: 0 !important; text-align: left; font-size: 16px; line-height: 26px; .amway-block__btn display: block; padding: 7px 22px; margin: 20px auto 10px; color: white !important; font-family: 'Helvetica', Arial, sans-serif; font-size: 21px; font-weight: 300; text-transform: uppercase; text-align: center; text-decoration: none; background: red; .amway-block__btn:hover color: white; .amway-block__tag display: block; text-align: center; text-decoration: none; color: red; margin: 0 !important; .amway-prod display: flex; flex-direction: column; align-items: center; width: 100%; margin-top: 50px; padding: 0 0 40px; background: white; .amway-prod__img display: block; width: 100%; max-width: 397px; margin: 0 auto !important; .amway-prod__btn display: block; padding: 7px 22px; margin: 0px auto; color: white !important; font-family: 'Helvetica', Arial, sans-serif; font-size: 21px; font-weight: 300; text-transform: uppercase; text-align: center; text-decoration: none; background: black; .amway-prod__btn:hover color: white; @media (max-width: 767px) .amway-block padding: 20px 25px 15px; margin-top: 30px; /*hello live*/ .swiper-button-red background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ed1c24'%2F%3E%3C%2Fsvg%3E"); .swiper-button-next.swiper-button-red, .swiper-button-prev.swiper-button-red width: 10px; height: 20px; top: 70%; background-size: auto; background-repeat: no-repeat .swiper-button-prev.swiper-button-red left: 0 .swiper-button-next.swiper-button-red right: 0 .live-section-bg background: #252525; margin-left: -20px; margin-right: -20px; margin-top: 50px; margin-bottom: 50px; background: #252525 .eternal__content_video .live-section-bg margin-top: -50px; .live-section max-width: 1240px; margin: 0 auto; padding: 40px 0; display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; .live-section-title margin-bottom: 35px; .live-section-logo-hello width: 100px; height: 30px; display: inline-block; margin-right: 10px; .live-section-logo-live width: 60px; height: 30px; display: inline-block; margin-right: 20px; .live-section-description color: #fff; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; display: inline-block; .live-container width: 300px; height: 600px; margin: 0 0 50px; .swiper-container width: 100%; height: 300px; margin-left: auto; margin-right: auto; .gallery-post .swiper-container height: auto; .swiper-slide background-size: cover; background-position: center; .live-content height: 530px; width: 100%; margin-bottom: 10px; .live-content iframe, .live-content .swiper-slide iframe display: block; width: 300px; height: 530px; border: none; .live-nav height: 70px; box-sizing: border-box; padding: 10px 20px; .live-nav .swiper-slide max-width: 50px; height: 50px; border-radius: 50%; overflow: hidden; cursor: pointer; transition: box-shadow 0.3s; box-shadow: 0 0 3px 3px transparent, 0 0 3px 5px transparent; .live-nav .live-islive, .live-nav .swiper-slide:hover box-shadow: 0 0 3px 3px black, 0 0 3px 5px red; .live-nav .swiper-slide-thumb-active opacity: 1; .live-additional display: flex; flex-direction: column-reverse; .live-triple width: 100%; display: flex; flex-direction: column; align-items: center; margin: 50px auto 0; color: white; .live-triple-item display: flex; flex-direction: column; align-items: center; max-width: 260px; margin-bottom: 40px; .live-triple-item-linkpic, .live-triple-item-linkpic img display: block; height: 156px; /* width: 260px; */ .live-triple-item-linkpic -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0); transition: box-shadow 0.3s .live-triple-item-linkpic:hover, .live-triple-item:hover .live-triple-item-linkpic box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.4); .live-triple-item-text padding: 20px 0 0; overflow: hidden; .live-triple-item-category display: block; margin-bottom: 10px; font-size: 10px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; .live-b-container position: relative; .live-triple-item-title font-size: 19px; font-family: 'PT Serif', Arial, Helvetica, sans-serif; font-weight: 600; line-height: 19px; @media (min-width: 992px) .live-section-bg width: 3000px; margin-left: -880px; margin-right: auto; .live-section flex-direction: row; align-items: flex-start; .live-section-title width: 100%; .live-container margin: 0 20px 0 0; .live-additional flex-direction: row; .live-triple width: 540px; display: flex; align-items: flex-start; margin: 0; .live-triple-item flex-direction: row; align-items: flex-start; max-width: none; margin-bottom: 13px; .live-triple-item-text padding: 20px 25px; height: 174px; max-width: 320px; padding-top: 0 .live-b-container width: 340px; padding-left: 40px; top: -20px; @media (max-width: 575px) .live-section-description display: block; padding-top: 10px; .live-section-title, .live-container, .live-content iframe, .live-content .swiper-slide iframe width: 100%; max-width: 350px .live-additional display: none .live-link .live-link__image display: block; width: 50px; margin-top: -8px; .category-links__link.live-link padding: 10px 0 !important; .category-links__link.live-link .live-link__image margin-top: 0; /*gone CSS*/ .content__text-number position: relative; margin-top: 40px; padding-top: 85px; counter-increment: p-count; .content__text-number::after content: counter(p-count); position: absolute; top: 0; right: 0; bottom: auto; left: 0; height: 70px; width: 70px; margin: auto; border-radius: 50%; border: 2px solid #e2e2e2; font-size: 48px; line-height: 70px; font-family: "MyriadProBoldCondensed", sans-serif; color: #e2e2e2; text-align: center; /*end hello live*/ window.dataLayer = window.dataLayer || []; function gtag()dataLayer.push(arguments); gtag('js', new Date()); gtag('config', 'UA-46708187-1'); gtag('event', 'page_view'); setTimeout("gtag('event', 'page_view', 'read' : '5 seconds')", 5000); var keep_ga = true; try setTimeout(function () keep_ga = false; , 1800000); setInterval(()=> if(keep_ga) gtag('event', 'page_view', 'read' : '5 min'); , 300000); catch (error) (function(m,e,t,r,i,k,a)function(); m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(23463136, "init", clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true ); var _top100q = _top100q || []; _top100q.push(["setAccount", 2981931]); (function() var top100 = document.createElement("script"); top100.type = "text/javascript"; top100.async = true; top100.src = "//st.top100.ru/top100/top100.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(top100, s); )(); (function(win, doc, cb))(window, this.document,'tnscounter_callback'); var _tmr = _tmr || []; _tmr.push(id: "2572088", type: "pageView", start: (new Date()).getTime()); (function (d, w) var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//top-fwz1.mail.ru/js/code.js"; var f = function () var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);; if (w.opera == "[object Opera]") d.addEventListener("DOMContentLoaded", f, false); else f(); )(document, window); .footer__subscribe display:none
https://necessary-gifts.ru/soblaznitelnyy-naryad-dlya-virtualnoy-vecherinki-rianna-otprazdnovala-vyhod-svoey-linii-uhodovoy-kosmetiki-root-blue-007bff-indigo-6610f2-purple-6f42c1-pink-e83e8c-red-dc3545-136.html
0 notes
Text
Kereta Moto's Property Monthly Instalment Calculator is a user-friendly online tool meticulously crafted to simplify the process of estimating monthly instalments for property purchases in Malaysia. Property Monthly Instalment Calculator /* Add your custom CSS styles here */ body font-family: Arial, sans-serif; .calculator-container max-width: 500px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); input[type="number"] width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; button width: 100%; padding: 10px; background-color: #007bff; color: #fff; border: none; border-radius: 5px; cursor: pointer; button:hover background-color: #0056b3; .result margin-top: 20px; text-align: center; font-weight: bold; Property Calculator Property Price (RM) Loan Period (years) Interest Rate (%) Calculate function calculateMonthlyInstalment() var propertyPrice = parseFloat(document.getElementById('propertyPrice').value); var loanPeriod = parseFloat(document.getElementById('loanPeriod').value); var interestRate = parseFloat(document.getElementById('interestRate').value); var monthlyInterestRate = (interestRate / 100) / 12; var numberOfPayments = loanPeriod * 12; var monthlyInstalment = (propertyPrice * monthlyInterestRate) / (1 - Math.pow(1 + monthlyInterestRate, -numberOfPayments)); document.getElementById('result').innerText = 'Monthly Instalment: RM ' + monthlyInstalment.toFixed(2); Utilizing advanced algorithms and up-to-date market data, Kereta Moto's calculator provides users with accurate estimations of their monthly instalments based on various factors such as property price, down payment amount, loan tenure, and interest rates. By inputting these key details into the calculator, users can swiftly generate a comprehensive breakdown of their potential monthly financial commitments, allowing for better financial planning and decision-making. Features and Benefits Property Monthly Instalment Calculator Kereta Moto's calculator boasts a sleek and intuitive interface, ensuring a seamless user experience for individuals of all backgrounds and expertise levels. With the ability to adjust variables such as loan tenure and interest rates, users can tailor their calculations to align with their unique financial circumstances and preferences. Gone are the days of lengthy manual calculations. With just a few clicks, users can obtain instant and accurate estimations of their monthly instalments, saving time and effort in the process. Armed with a clear understanding of their monthly financial commitments, users can make well-informed decisions regarding property purchases, thereby mitigating the risk of potential financial strain in the future. FAQ (Frequently Asked Questions) How Accurate are the Calculations Provided by Kereta Moto's Property Monthly Instalment Calculator? Kereta Moto's calculator leverages sophisticated algorithms and real-time market data to ensure the accuracy of its calculations. While the estimations provided may serve as a reliable guide, it's important to note that actual instalments may vary based on factors such as loan approval, prevailing interest rates, and additional fees. Can I Use the Calculator for Different Types of Properties? Absolutely! Whether you're considering a condominium, landed property, or commercial real estate, Kereta Moto's calculator accommodates a wide range of property types, allowing users to assess monthly instalments across various segments of the market. Is Kereta Moto's Property Monthly Instalment Calculator Free to Use? Yes, Kereta Moto's calculator is completely free to use, providing users with unrestricted access to its powerful features and functionalities without any hidden costs or subscription fees.
0 notes