diff --git a/firstspot/.github/workflows/codeql.yml b/firstspot/.github/workflows/codeql.yml new file mode 100644 index 00000000..37e1df48 --- /dev/null +++ b/firstspot/.github/workflows/codeql.yml @@ -0,0 +1,42 @@ +name: 'CodeQL' + +on: + push: + branches: ['main'] + pull_request: + branches: ['main'] + schedule: + - cron: '19 19 * * 0' + +jobs: + analyze: + name: Analyze + runs-on: ${{ (matrix.language == 'swift' && 'macos-latest') || 'ubuntu-latest' }} + timeout-minutes: ${{ (matrix.language == 'swift' && 120) || 360 }} + permissions: + actions: read + contents: read + security-events: write + + strategy: + fail-fast: false + matrix: + language: ['javascript-typescript'] + + steps: + - name: Checkout repository + uses: actions/checkout@v4 + + # Initializes the CodeQL tools for scanning. + - name: Initialize CodeQL + uses: github/codeql-action/init@v3 + with: + languages: ${{ matrix.language }} + + - name: Autobuild + uses: github/codeql-action/autobuild@v3 + + - name: Perform CodeQL Analysis + uses: github/codeql-action/analyze@v3 + with: + category: '/language:${{matrix.language}}' diff --git a/firstspot/.vscode/settings.json b/firstspot/.vscode/settings.json new file mode 100644 index 00000000..889bbbf9 --- /dev/null +++ b/firstspot/.vscode/settings.json @@ -0,0 +1,4 @@ +{ +"liveServer.settings.port": 5503, +"git.ignoreLimitWarning": true +} diff --git a/firstspot/README.md b/firstspot/README.md new file mode 100644 index 00000000..ee818215 --- /dev/null +++ b/firstspot/README.md @@ -0,0 +1,101 @@ +# FirstSpot - A Haven for Travelers + +### PROJECT DESCRIPTION AND OUTLINE + +## Introduction
+First spot is designed for tourists so they can now explore new destinations where a guide will always be there to help you explore new paths where you can create your paths as well. Planning a multi-city trip helps you relax and stirs in an extra element of excitement since you get to explore new destinations on the go. + +![FirstSpot Image](https://user-images.githubusercontent.com/69755312/194810054-c785c9b6-4dea-46b8-86e6-c19b090de964.png) + +### About Introduction and Techniques + +- **Search with Filters:** Utilize search filters to refine results based on user ratings, alphabetical order, and budget preferences. + +- **Login/Sign up:** Clicking the 'Sign Up' button invokes a form with two registration options. Toggle between Tourist and Tourist Guide sign-up for respective user profiles. + +- **Feeling Lucky:** Engage the "Feeling Lucky" feature for a random location suggestion, sparking spontaneous and adventurous journeys. + +- **Explore:** Our unique 'Explore' feature allows visitors to create their own routes. Seek suggestions from verified guides, ensuring a safe and joyful journey. + +- **Predefined Routes:** Save time with predefined routes created by our guides. No need to spend hours planning your own route. + +- **Help from Tourist Guides:** Choose your dedicated tourist guide for personalized route recommendations. They are available in chat to address queries about paths or destinations. + +### Objective of the Work + +The primary aim of our website is to make it easy for travelers to explore, manage plans, and connect with popular tourist guides, ensuring a trip that is easy, convenient, and safe. +

Languages and Tools:

+

css3 html5 javascript php

+ +# ⭐ How to get started with open source? + + + +## Getting Started with Open Source + +### 🚀 How to Get Started + +If you're new to open source, these resources will guide you through the basics of Git and GitHub. + +- [Watch this introductory video for a quick start](https://youtu.be/SYtPC9tHYyQ) +- [Forking a Repository](https://help.github.com/en/github/getting-started-with-github/fork-a-repo) +- [Cloning a Repository](https://help.github.com/en/desktop/contributing-to-projects/creating-a-pull-request) +- [Creating a Pull Request](https://opensource.com/article/19/7/create-pull-request-github) +- [Getting Started with Git and GitHub](https://towardsdatascience.com/getting-started-with-git-and-github-6fcd0f2d4ac6) + + +### How to start + +1. Start by making a Fork of the [**firstspot**](https://github.com/jaysomani/firstspot/fork) repository. Click on the ![Fork symbol](https://i.imgur.com/G4z1kEe.png) at the top right corner. + +2. Clone your new fork of the repository in the terminal/CLI on your computer: + + ```bash + git clone https://github.com//firstspot + ``` + +3. Navigate to the newly created `firstspot` project directory: + + ```bash + cd firstspot + ``` + +4. Set upstream command: + + ```bash + git remote add upstream https://github.com/jaysomani/firstspot + ``` + +5. Create a new branch: + + ```bash + git checkout -b YourBranchName + ``` + +6. Sync your fork or your local repository with the origin repository: + + - In your forked repository, click on "Fetch upstream" + - Click "Fetch and merge" + +7. Make your changes to the source code. + +8. Stage your changes and commit: + + ⚠️ **Make sure** not to run the commands `git add .` or `git add *`. Instead, stage your changes for each file/folder + + ```bash + git add public + ``` + + ```bash + git commit -m "" + ``` + +9. Push your local commits to the remote repository: + + ```bash + git push origin YourBranchName + ``` + +10. Create a [Pull Request](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request)! + diff --git a/firstspot/about.html b/firstspot/about.html new file mode 100644 index 00000000..e55dc409 --- /dev/null +++ b/firstspot/about.html @@ -0,0 +1,56 @@ + + + + + + + FirstSpot + + + + + +
+

FIRSTSPOT YOUR PATHWAY TO EXPLORE NEW HORIZONS

+
+ +
+

+ Welcome to FirstSpot, your premier travel companion offering a distinctive blend of personalized services. Our unique selling proposition encompasses personalized matching for tailored holidays, an exclusive selection of handpicked tours, and unwavering 24/7 expert support. At FirstSpot, we transcend traditional travel, transforming each journey into a seamless fusion of discovery and joy. Our commitment is to be your comprehensive travel planning hub, making travel dreams a reality. Join us in exploring new horizons and creating unforgettable memories. FirstSpot – where every adventure is curated, every experience is unique, and your travel aspirations find their perfect destination. +

+
+ + + + diff --git a/firstspot/bat/ReCaptcha/ReCaptcha.php b/firstspot/bat/ReCaptcha/ReCaptcha.php new file mode 100644 index 00000000..7139fae3 --- /dev/null +++ b/firstspot/bat/ReCaptcha/ReCaptcha.php @@ -0,0 +1,97 @@ +secret = $secret; + + if (!is_null($requestMethod)) { + $this->requestMethod = $requestMethod; + } else { + $this->requestMethod = new RequestMethod\Post(); + } + } + + /** + * Calls the reCAPTCHA siteverify API to verify whether the user passes + * CAPTCHA test. + * + * @param string $response The value of 'g-recaptcha-response' in the submitted form. + * @param string $remoteIp The end user's IP address. + * @return Response Response from the service. + */ + public function verify($response, $remoteIp = null) + { + // Discard empty solution submissions + if (empty($response)) { + $recaptchaResponse = new Response(false, array('missing-input-response')); + return $recaptchaResponse; + } + + $params = new RequestParameters($this->secret, $response, $remoteIp, self::VERSION); + $rawResponse = $this->requestMethod->submit($params); + return Response::fromJson($rawResponse); + } +} diff --git a/firstspot/bat/ReCaptcha/RequestMethod.php b/firstspot/bat/ReCaptcha/RequestMethod.php new file mode 100644 index 00000000..fc4dde59 --- /dev/null +++ b/firstspot/bat/ReCaptcha/RequestMethod.php @@ -0,0 +1,42 @@ +curl = $curl; + } else { + $this->curl = new Curl(); + } + } + + /** + * Submit the cURL request with the specified parameters. + * + * @param RequestParameters $params Request parameters + * @return string Body of the reCAPTCHA response + */ + public function submit(RequestParameters $params) + { + $handle = $this->curl->init(self::SITE_VERIFY_URL); + + $options = array( + CURLOPT_POST => true, + CURLOPT_POSTFIELDS => $params->toQueryString(), + CURLOPT_HTTPHEADER => array( + 'Content-Type: application/x-www-form-urlencoded' + ), + CURLINFO_HEADER_OUT => false, + CURLOPT_HEADER => false, + CURLOPT_RETURNTRANSFER => true, + CURLOPT_SSL_VERIFYPEER => true + ); + $this->curl->setoptArray($handle, $options); + + $response = $this->curl->exec($handle); + $this->curl->close($handle); + + return $response; + } +} diff --git a/firstspot/bat/ReCaptcha/RequestMethod/Post.php b/firstspot/bat/ReCaptcha/RequestMethod/Post.php new file mode 100644 index 00000000..7770d908 --- /dev/null +++ b/firstspot/bat/ReCaptcha/RequestMethod/Post.php @@ -0,0 +1,70 @@ + array( + 'header' => "Content-type: application/x-www-form-urlencoded\r\n", + 'method' => 'POST', + 'content' => $params->toQueryString(), + // Force the peer to validate (not needed in 5.6.0+, but still works + 'verify_peer' => true, + // Force the peer validation to use www.google.com + $peer_key => 'www.google.com', + ), + ); + $context = stream_context_create($options); + return file_get_contents(self::SITE_VERIFY_URL, false, $context); + } +} diff --git a/firstspot/bat/ReCaptcha/RequestMethod/Socket.php b/firstspot/bat/ReCaptcha/RequestMethod/Socket.php new file mode 100644 index 00000000..f51f1239 --- /dev/null +++ b/firstspot/bat/ReCaptcha/RequestMethod/Socket.php @@ -0,0 +1,104 @@ +handle = fsockopen($hostname, $port, $errno, $errstr, (is_null($timeout) ? ini_get("default_socket_timeout") : $timeout)); + + if ($this->handle != false && $errno === 0 && $errstr === '') { + return $this->handle; + } + return false; + } + + /** + * fwrite + * + * @see http://php.net/fwrite + * @param string $string + * @param int $length + * @return int | bool + */ + public function fwrite($string, $length = null) + { + return fwrite($this->handle, $string, (is_null($length) ? strlen($string) : $length)); + } + + /** + * fgets + * + * @see http://php.net/fgets + * @param int $length + * @return string + */ + public function fgets($length = null) + { + return fgets($this->handle, $length); + } + + /** + * feof + * + * @see http://php.net/feof + * @return bool + */ + public function feof() + { + return feof($this->handle); + } + + /** + * fclose + * + * @see http://php.net/fclose + * @return bool + */ + public function fclose() + { + return fclose($this->handle); + } +} diff --git a/firstspot/bat/ReCaptcha/RequestMethod/SocketPost.php b/firstspot/bat/ReCaptcha/RequestMethod/SocketPost.php new file mode 100644 index 00000000..47541215 --- /dev/null +++ b/firstspot/bat/ReCaptcha/RequestMethod/SocketPost.php @@ -0,0 +1,121 @@ +socket = $socket; + } else { + $this->socket = new Socket(); + } + } + + /** + * Submit the POST request with the specified parameters. + * + * @param RequestParameters $params Request parameters + * @return string Body of the reCAPTCHA response + */ + public function submit(RequestParameters $params) + { + $errno = 0; + $errstr = ''; + + if (false === $this->socket->fsockopen('ssl://' . self::RECAPTCHA_HOST, 443, $errno, $errstr, 30)) { + return self::BAD_REQUEST; + } + + $content = $params->toQueryString(); + + $request = "POST " . self::SITE_VERIFY_PATH . " HTTP/1.1\r\n"; + $request .= "Host: " . self::RECAPTCHA_HOST . "\r\n"; + $request .= "Content-Type: application/x-www-form-urlencoded\r\n"; + $request .= "Content-length: " . strlen($content) . "\r\n"; + $request .= "Connection: close\r\n\r\n"; + $request .= $content . "\r\n\r\n"; + + $this->socket->fwrite($request); + $response = ''; + + while (!$this->socket->feof()) { + $response .= $this->socket->fgets(4096); + } + + $this->socket->fclose(); + + if (0 !== strpos($response, 'HTTP/1.1 200 OK')) { + return self::BAD_RESPONSE; + } + + $parts = preg_split("#\n\s*\n#Uis", $response); + + return $parts[1]; + } +} diff --git a/firstspot/bat/ReCaptcha/RequestParameters.php b/firstspot/bat/ReCaptcha/RequestParameters.php new file mode 100644 index 00000000..cb66f26c --- /dev/null +++ b/firstspot/bat/ReCaptcha/RequestParameters.php @@ -0,0 +1,103 @@ +secret = $secret; + $this->response = $response; + $this->remoteIp = $remoteIp; + $this->version = $version; + } + + /** + * Array representation. + * + * @return array Array formatted parameters. + */ + public function toArray() + { + $params = array('secret' => $this->secret, 'response' => $this->response); + + if (!is_null($this->remoteIp)) { + $params['remoteip'] = $this->remoteIp; + } + + if (!is_null($this->version)) { + $params['version'] = $this->version; + } + + return $params; + } + + /** + * Query string representation for HTTP request. + * + * @return string Query string formatted parameters. + */ + public function toQueryString() + { + return http_build_query($this->toArray(), '', '&'); + } +} diff --git a/firstspot/bat/ReCaptcha/Response.php b/firstspot/bat/ReCaptcha/Response.php new file mode 100644 index 00000000..d2d8a8bf --- /dev/null +++ b/firstspot/bat/ReCaptcha/Response.php @@ -0,0 +1,102 @@ +success = $success; + $this->errorCodes = $errorCodes; + } + + /** + * Is success? + * + * @return boolean + */ + public function isSuccess() + { + return $this->success; + } + + /** + * Get error codes. + * + * @return array + */ + public function getErrorCodes() + { + return $this->errorCodes; + } +} diff --git a/firstspot/bat/ReCaptcha/autoload.php b/firstspot/bat/ReCaptcha/autoload.php new file mode 100644 index 00000000..75a8c85d --- /dev/null +++ b/firstspot/bat/ReCaptcha/autoload.php @@ -0,0 +1,30 @@ + + * @author Jim Jagielski (jimjag) + * @author Andy Prevost (codeworxtech) + * @author Brent R. Matzelle (original founder) + * @copyright 2012 - 2014 Marcus Bointon + * @copyright 2010 - 2012 Jim Jagielski + * @copyright 2004 - 2009 Andy Prevost + * @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License + * @note This program is distributed in the hope that it will be useful - WITHOUT + * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or + * FITNESS FOR A PARTICULAR PURPOSE. + */ + +/** + * PHPMailer SPL autoloader. + * @param string $classname The name of the class to load + */ +function PHPMailerAutoload($classname) +{ + //Can't use __DIR__ as it's only in PHP 5.3+ + $filename = dirname(__FILE__).DIRECTORY_SEPARATOR.'class.'.strtolower($classname).'.php'; + if (is_readable($filename)) { + require $filename; + } +} + +if (version_compare(PHP_VERSION, '5.1.2', '>=')) { + //SPL autoloading was introduced in PHP 5.1.2 + if (version_compare(PHP_VERSION, '5.3.0', '>=')) { + spl_autoload_register('PHPMailerAutoload', true, true); + } else { + spl_autoload_register('PHPMailerAutoload'); + } +} else { + /** + * Fall back to traditional autoload for old PHP versions + * @param string $classname The name of the class to load + */ + function __autoload($classname) + { + PHPMailerAutoload($classname); + } +} diff --git a/firstspot/bat/phpmailer/class.phpmailer.php b/firstspot/bat/phpmailer/class.phpmailer.php new file mode 100644 index 00000000..f82b4b19 --- /dev/null +++ b/firstspot/bat/phpmailer/class.phpmailer.php @@ -0,0 +1,3518 @@ + + * @author Jim Jagielski (jimjag) + * @author Andy Prevost (codeworxtech) + * @author Brent R. Matzelle (original founder) + * @copyright 2012 - 2014 Marcus Bointon + * @copyright 2010 - 2012 Jim Jagielski + * @copyright 2004 - 2009 Andy Prevost + * @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License + * @note This program is distributed in the hope that it will be useful - WITHOUT + * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or + * FITNESS FOR A PARTICULAR PURPOSE. + */ + +/** + * PHPMailer - PHP email creation and transport class. + * @package PHPMailer + * @author Marcus Bointon (Synchro/coolbru) + * @author Jim Jagielski (jimjag) + * @author Andy Prevost (codeworxtech) + * @author Brent R. Matzelle (original founder) + */ +class PHPMailer +{ + /** + * The PHPMailer Version number. + * @type string + */ + public $Version = '5.2.9'; + + /** + * Email priority. + * Options: 1 = High, 3 = Normal, 5 = low. + * @type integer + */ + public $Priority = 3; + + /** + * The character set of the message. + * @type string + */ + public $CharSet = 'iso-8859-1'; + + /** + * The MIME Content-type of the message. + * @type string + */ + public $ContentType = 'text/plain'; + + /** + * The message encoding. + * Options: "8bit", "7bit", "binary", "base64", and "quoted-printable". + * @type string + */ + public $Encoding = '8bit'; + + /** + * Holds the most recent mailer error message. + * @type string + */ + public $ErrorInfo = ''; + + /** + * The From email address for the message. + * @type string + */ + public $From = 'root@localhost'; + + /** + * The From name of the message. + * @type string + */ + public $FromName = 'Root User'; + + /** + * The Sender email (Return-Path) of the message. + * If not empty, will be sent via -f to sendmail or as 'MAIL FROM' in smtp mode. + * @type string + */ + public $Sender = ''; + + /** + * The Return-Path of the message. + * If empty, it will be set to either From or Sender. + * @type string + * @deprecated Email senders should never set a return-path header; + * it's the receiver's job (RFC5321 section 4.4), so this no longer does anything. + * @link https://tools.ietf.org/html/rfc5321#section-4.4 RFC5321 reference + */ + public $ReturnPath = ''; + + /** + * The Subject of the message. + * @type string + */ + public $Subject = ''; + + /** + * An HTML or plain text message body. + * If HTML then call isHTML(true). + * @type string + */ + public $Body = ''; + + /** + * The plain-text message body. + * This body can be read by mail clients that do not have HTML email + * capability such as mutt & Eudora. + * Clients that can read HTML will view the normal Body. + * @type string + */ + public $AltBody = ''; + + /** + * An iCal message part body. + * Only supported in simple alt or alt_inline message types + * To generate iCal events, use the bundled extras/EasyPeasyICS.php class or iCalcreator + * @link http://sprain.ch/blog/downloads/php-class-easypeasyics-create-ical-files-with-php/ + * @link http://kigkonsult.se/iCalcreator/ + * @type string + */ + public $Ical = ''; + + /** + * The complete compiled MIME message body. + * @access protected + * @type string + */ + protected $MIMEBody = ''; + + /** + * The complete compiled MIME message headers. + * @type string + * @access protected + */ + protected $MIMEHeader = ''; + + /** + * Extra headers that createHeader() doesn't fold in. + * @type string + * @access protected + */ + protected $mailHeader = ''; + + /** + * Word-wrap the message body to this number of chars. + * Set to 0 to not wrap. A useful value here is 78, for RFC2822 section 2.1.1 compliance. + * @type integer + */ + public $WordWrap = 0; + + /** + * Which method to use to send mail. + * Options: "mail", "sendmail", or "smtp". + * @type string + */ + public $Mailer = 'mail'; + + /** + * The path to the sendmail program. + * @type string + */ + public $Sendmail = '/usr/sbin/sendmail'; + + /** + * Whether mail() uses a fully sendmail-compatible MTA. + * One which supports sendmail's "-oi -f" options. + * @type boolean + */ + public $UseSendmailOptions = true; + + /** + * Path to PHPMailer plugins. + * Useful if the SMTP class is not in the PHP include path. + * @type string + * @deprecated Should not be needed now there is an autoloader. + */ + public $PluginDir = ''; + + /** + * The email address that a reading confirmation should be sent to. + * @type string + */ + public $ConfirmReadingTo = ''; + + /** + * The hostname to use in Message-Id and Received headers + * and as default HELO string. + * If empty, the value returned + * by SERVER_NAME is used or 'localhost.localdomain'. + * @type string + */ + public $Hostname = ''; + + /** + * An ID to be used in the Message-Id header. + * If empty, a unique id will be generated. + * @type string + */ + public $MessageID = ''; + + /** + * The message Date to be used in the Date header. + * If empty, the current date will be added. + * @type string + */ + public $MessageDate = ''; + + /** + * SMTP hosts. + * Either a single hostname or multiple semicolon-delimited hostnames. + * You can also specify a different port + * for each host by using this format: [hostname:port] + * (e.g. "smtp1.example.com:25;smtp2.example.com"). + * You can also specify encryption type, for example: + * (e.g. "tls://smtp1.example.com:587;ssl://smtp2.example.com:465"). + * Hosts will be tried in order. + * @type string + */ + public $Host = 'localhost'; + + /** + * The default SMTP server port. + * @type integer + * @TODO Why is this needed when the SMTP class takes care of it? + */ + public $Port = 25; + + /** + * The SMTP HELO of the message. + * Default is $Hostname. + * @type string + * @see PHPMailer::$Hostname + */ + public $Helo = ''; + + /** + * The secure connection prefix. + * Options: "", "ssl" or "tls" + * @type string + */ + public $SMTPSecure = ''; + + /** + * Whether to use SMTP authentication. + * Uses the Username and Password properties. + * @type boolean + * @see PHPMailer::$Username + * @see PHPMailer::$Password + */ + public $SMTPAuth = false; + + /** + * SMTP username. + * @type string + */ + public $Username = ''; + + /** + * SMTP password. + * @type string + */ + public $Password = ''; + + /** + * SMTP auth type. + * Options are LOGIN (default), PLAIN, NTLM, CRAM-MD5 + * @type string + */ + public $AuthType = ''; + + /** + * SMTP realm. + * Used for NTLM auth + * @type string + */ + public $Realm = ''; + + /** + * SMTP workstation. + * Used for NTLM auth + * @type string + */ + public $Workstation = ''; + + /** + * The SMTP server timeout in seconds. + * Default of 5 minutes (300sec) is from RFC2821 section 4.5.3.2 + * @type integer + */ + public $Timeout = 300; + + /** + * SMTP class debug output mode. + * Debug output level. + * Options: + * * `0` No output + * * `1` Commands + * * `2` Data and commands + * * `3` As 2 plus connection status + * * `4` Low-level data output + * @type integer + * @see SMTP::$do_debug + */ + public $SMTPDebug = 0; + + /** + * How to handle debug output. + * Options: + * * `echo` Output plain-text as-is, appropriate for CLI + * * `html` Output escaped, line breaks converted to `
`, appropriate for browser output + * * `error_log` Output to error log as configured in php.ini + * + * Alternatively, you can provide a callable expecting two params: a message string and the debug level: + * + * $mail->Debugoutput = function($str, $level) {echo "debug level $level; message: $str";}; + * + * @type string|callable + * @see SMTP::$Debugoutput + */ + public $Debugoutput = 'echo'; + + /** + * Whether to keep SMTP connection open after each message. + * If this is set to true then to close the connection + * requires an explicit call to smtpClose(). + * @type boolean + */ + public $SMTPKeepAlive = false; + + /** + * Whether to split multiple to addresses into multiple messages + * or send them all in one message. + * @type boolean + */ + public $SingleTo = false; + + /** + * Storage for addresses when SingleTo is enabled. + * @type array + * @TODO This should really not be public + */ + public $SingleToArray = array(); + + /** + * Whether to generate VERP addresses on send. + * Only applicable when sending via SMTP. + * @link http://en.wikipedia.org/wiki/Variable_envelope_return_path + * @link http://www.postfix.org/VERP_README.html Postfix VERP info + * @type boolean + */ + public $do_verp = false; + + /** + * Whether to allow sending messages with an empty body. + * @type boolean + */ + public $AllowEmpty = false; + + /** + * The default line ending. + * @note The default remains "\n". We force CRLF where we know + * it must be used via self::CRLF. + * @type string + */ + public $LE = "\n"; + + /** + * DKIM selector. + * @type string + */ + public $DKIM_selector = ''; + + /** + * DKIM Identity. + * Usually the email address used as the source of the email + * @type string + */ + public $DKIM_identity = ''; + + /** + * DKIM passphrase. + * Used if your key is encrypted. + * @type string + */ + public $DKIM_passphrase = ''; + + /** + * DKIM signing domain name. + * @example 'example.com' + * @type string + */ + public $DKIM_domain = ''; + + /** + * DKIM private key file path. + * @type string + */ + public $DKIM_private = ''; + + /** + * Callback Action function name. + * + * The function that handles the result of the send email action. + * It is called out by send() for each email sent. + * + * Value can be any php callable: http://www.php.net/is_callable + * + * Parameters: + * boolean $result result of the send action + * string $to email address of the recipient + * string $cc cc email addresses + * string $bcc bcc email addresses + * string $subject the subject + * string $body the email body + * string $from email address of sender + * @type string + */ + public $action_function = ''; + + /** + * What to put in the X-Mailer header. + * Options: An empty string for PHPMailer default, whitespace for none, or a string to use + * @type string + */ + public $XMailer = ''; + + /** + * An instance of the SMTP sender class. + * @type SMTP + * @access protected + */ + protected $smtp = null; + + /** + * The array of 'to' addresses. + * @type array + * @access protected + */ + protected $to = array(); + + /** + * The array of 'cc' addresses. + * @type array + * @access protected + */ + protected $cc = array(); + + /** + * The array of 'bcc' addresses. + * @type array + * @access protected + */ + protected $bcc = array(); + + /** + * The array of reply-to names and addresses. + * @type array + * @access protected + */ + protected $ReplyTo = array(); + + /** + * An array of all kinds of addresses. + * Includes all of $to, $cc, $bcc, $replyto + * @type array + * @access protected + */ + protected $all_recipients = array(); + + /** + * The array of attachments. + * @type array + * @access protected + */ + protected $attachment = array(); + + /** + * The array of custom headers. + * @type array + * @access protected + */ + protected $CustomHeader = array(); + + /** + * The most recent Message-ID (including angular brackets). + * @type string + * @access protected + */ + protected $lastMessageID = ''; + + /** + * The message's MIME type. + * @type string + * @access protected + */ + protected $message_type = ''; + + /** + * The array of MIME boundary strings. + * @type array + * @access protected + */ + protected $boundary = array(); + + /** + * The array of available languages. + * @type array + * @access protected + */ + protected $language = array(); + + /** + * The number of errors encountered. + * @type integer + * @access protected + */ + protected $error_count = 0; + + /** + * The S/MIME certificate file path. + * @type string + * @access protected + */ + protected $sign_cert_file = ''; + + /** + * The S/MIME key file path. + * @type string + * @access protected + */ + protected $sign_key_file = ''; + + /** + * The optional S/MIME extra certificates ("CA Chain") file path. + * @type string + * @access protected + */ + protected $sign_extracerts_file = ''; + + /** + * The S/MIME password for the key. + * Used only if the key is encrypted. + * @type string + * @access protected + */ + protected $sign_key_pass = ''; + + /** + * Whether to throw exceptions for errors. + * @type boolean + * @access protected + */ + protected $exceptions = false; + + /** + * Error severity: message only, continue processing. + */ + const STOP_MESSAGE = 0; + + /** + * Error severity: message, likely ok to continue processing. + */ + const STOP_CONTINUE = 1; + + /** + * Error severity: message, plus full stop, critical error reached. + */ + const STOP_CRITICAL = 2; + + /** + * SMTP RFC standard line ending. + */ + const CRLF = "\r\n"; + + /** + * Constructor. + * @param boolean $exceptions Should we throw external exceptions? + */ + public function __construct($exceptions = false) + { + $this->exceptions = (boolean)$exceptions; + } + + /** + * Destructor. + */ + public function __destruct() + { + //Close any open SMTP connection nicely + if ($this->Mailer == 'smtp') { + $this->smtpClose(); + } + } + + /** + * Call mail() in a safe_mode-aware fashion. + * Also, unless sendmail_path points to sendmail (or something that + * claims to be sendmail), don't pass params (not a perfect fix, + * but it will do) + * @param string $to To + * @param string $subject Subject + * @param string $body Message Body + * @param string $header Additional Header(s) + * @param string $params Params + * @access private + * @return boolean + */ + private function mailPassthru($to, $subject, $body, $header, $params) + { + //Check overloading of mail function to avoid double-encoding + if (ini_get('mbstring.func_overload') & 1) { + $subject = $this->secureHeader($subject); + } else { + $subject = $this->encodeHeader($this->secureHeader($subject)); + } + if (ini_get('safe_mode') || !($this->UseSendmailOptions)) { + $result = @mail($to, $subject, $body, $header); + } else { + $result = @mail($to, $subject, $body, $header, $params); + } + return $result; + } + + /** + * Output debugging info via user-defined method. + * Only generates output if SMTP debug output is enabled (@see SMTP::$do_debug). + * @see PHPMailer::$Debugoutput + * @see PHPMailer::$SMTPDebug + * @param string $str + */ + protected function edebug($str) + { + if ($this->SMTPDebug <= 0) { + return; + } + //Avoid clash with built-in function names + if (!in_array($this->Debugoutput, array('error_log', 'html', 'echo')) and is_callable($this->Debugoutput)) { + call_user_func($this->Debugoutput, $str, $this->SMTPDebug); + return; + } + switch ($this->Debugoutput) { + case 'error_log': + //Don't output, just log + error_log($str); + break; + case 'html': + //Cleans up output a bit for a better looking, HTML-safe output + echo htmlentities( + preg_replace('/[\r\n]+/', '', $str), + ENT_QUOTES, + 'UTF-8' + ) + . "
\n"; + break; + case 'echo': + default: + //Normalize line breaks + $str = preg_replace('/(\r\n|\r|\n)/ms', "\n", $str); + echo gmdate('Y-m-d H:i:s') . "\t" . str_replace( + "\n", + "\n \t ", + trim($str) + ) . "\n"; + } + } + + /** + * Sets message type to HTML or plain. + * @param boolean $isHtml True for HTML mode. + * @return void + */ + public function isHTML($isHtml = true) + { + if ($isHtml) { + $this->ContentType = 'text/html'; + } else { + $this->ContentType = 'text/plain'; + } + } + + /** + * Send messages using SMTP. + * @return void + */ + public function isSMTP() + { + $this->Mailer = 'smtp'; + } + + /** + * Send messages using PHP's mail() function. + * @return void + */ + public function isMail() + { + $this->Mailer = 'mail'; + } + + /** + * Send messages using $Sendmail. + * @return void + */ + public function isSendmail() + { + $ini_sendmail_path = ini_get('sendmail_path'); + + if (!stristr($ini_sendmail_path, 'sendmail')) { + $this->Sendmail = '/usr/sbin/sendmail'; + } else { + $this->Sendmail = $ini_sendmail_path; + } + $this->Mailer = 'sendmail'; + } + + /** + * Send messages using qmail. + * @return void + */ + public function isQmail() + { + $ini_sendmail_path = ini_get('sendmail_path'); + + if (!stristr($ini_sendmail_path, 'qmail')) { + $this->Sendmail = '/var/qmail/bin/qmail-inject'; + } else { + $this->Sendmail = $ini_sendmail_path; + } + $this->Mailer = 'qmail'; + } + + /** + * Add a "To" address. + * @param string $address + * @param string $name + * @return boolean true on success, false if address already used + */ + public function addAddress($address, $name = '') + { + return $this->addAnAddress('to', $address, $name); + } + + /** + * Add a "CC" address. + * @note: This function works with the SMTP mailer on win32, not with the "mail" mailer. + * @param string $address + * @param string $name + * @return boolean true on success, false if address already used + */ + public function addCC($address, $name = '') + { + return $this->addAnAddress('cc', $address, $name); + } + + /** + * Add a "BCC" address. + * @note: This function works with the SMTP mailer on win32, not with the "mail" mailer. + * @param string $address + * @param string $name + * @return boolean true on success, false if address already used + */ + public function addBCC($address, $name = '') + { + return $this->addAnAddress('bcc', $address, $name); + } + + /** + * Add a "Reply-to" address. + * @param string $address + * @param string $name + * @return boolean + */ + public function addReplyTo($address, $name = '') + { + return $this->addAnAddress('Reply-To', $address, $name); + } + + /** + * Add an address to one of the recipient arrays. + * Addresses that have been added already return false, but do not throw exceptions + * @param string $kind One of 'to', 'cc', 'bcc', 'ReplyTo' + * @param string $address The email address to send to + * @param string $name + * @throws phpmailerException + * @return boolean true on success, false if address already used or invalid in some way + * @access protected + */ + protected function addAnAddress($kind, $address, $name = '') + { + if (!preg_match('/^(to|cc|bcc|Reply-To)$/', $kind)) { + $this->setError($this->lang('Invalid recipient array') . ': ' . $kind); + $this->edebug($this->lang('Invalid recipient array') . ': ' . $kind); + if ($this->exceptions) { + throw new phpmailerException('Invalid recipient array: ' . $kind); + } + return false; + } + $address = trim($address); + $name = trim(preg_replace('/[\r\n]+/', '', $name)); //Strip breaks and trim + if (!$this->validateAddress($address)) { + $this->setError($this->lang('invalid_address') . ': ' . $address); + $this->edebug($this->lang('invalid_address') . ': ' . $address); + if ($this->exceptions) { + throw new phpmailerException($this->lang('invalid_address') . ': ' . $address); + } + return false; + } + if ($kind != 'Reply-To') { + if (!isset($this->all_recipients[strtolower($address)])) { + array_push($this->$kind, array($address, $name)); + $this->all_recipients[strtolower($address)] = true; + return true; + } + } else { + if (!array_key_exists(strtolower($address), $this->ReplyTo)) { + $this->ReplyTo[strtolower($address)] = array($address, $name); + return true; + } + } + return false; + } + + /** + * Set the From and FromName properties. + * @param string $address + * @param string $name + * @param boolean $auto Whether to also set the Sender address, defaults to true + * @throws phpmailerException + * @return boolean + */ + public function setFrom($address, $name = '', $auto = true) + { + $address = trim($address); + $name = trim(preg_replace('/[\r\n]+/', '', $name)); //Strip breaks and trim + if (!$this->validateAddress($address)) { + $this->setError($this->lang('invalid_address') . ': ' . $address); + $this->edebug($this->lang('invalid_address') . ': ' . $address); + if ($this->exceptions) { + throw new phpmailerException($this->lang('invalid_address') . ': ' . $address); + } + return false; + } + $this->From = $address; + $this->FromName = $name; + if ($auto) { + if (empty($this->Sender)) { + $this->Sender = $address; + } + } + return true; + } + + /** + * Return the Message-ID header of the last email. + * Technically this is the value from the last time the headers were created, + * but it's also the message ID of the last sent message except in + * pathological cases. + * @return string + */ + public function getLastMessageID() + { + return $this->lastMessageID; + } + + /** + * Check that a string looks like an email address. + * @param string $address The email address to check + * @param string $patternselect A selector for the validation pattern to use : + * * `auto` Pick strictest one automatically; + * * `pcre8` Use the squiloople.com pattern, requires PCRE > 8.0, PHP >= 5.3.2, 5.2.14; + * * `pcre` Use old PCRE implementation; + * * `php` Use PHP built-in FILTER_VALIDATE_EMAIL; same as pcre8 but does not allow 'dotless' domains; + * * `html5` Use the pattern given by the HTML5 spec for 'email' type form input elements. + * * `noregex` Don't use a regex: super fast, really dumb. + * @return boolean + * @static + * @access public + */ + public static function validateAddress($address, $patternselect = 'auto') + { + if (!$patternselect or $patternselect == 'auto') { + //Check this constant first so it works when extension_loaded() is disabled by safe mode + //Constant was added in PHP 5.2.4 + if (defined('PCRE_VERSION')) { + //This pattern can get stuck in a recursive loop in PCRE <= 8.0.2 + if (version_compare(PCRE_VERSION, '8.0.3') >= 0) { + $patternselect = 'pcre8'; + } else { + $patternselect = 'pcre'; + } + } elseif (function_exists('extension_loaded') and extension_loaded('pcre')) { + //Fall back to older PCRE + $patternselect = 'pcre'; + } else { + //Filter_var appeared in PHP 5.2.0 and does not require the PCRE extension + if (version_compare(PHP_VERSION, '5.2.0') >= 0) { + $patternselect = 'php'; + } else { + $patternselect = 'noregex'; + } + } + } + switch ($patternselect) { + case 'pcre8': + /** + * Uses the same RFC5322 regex on which FILTER_VALIDATE_EMAIL is based, but allows dotless domains. + * @link http://squiloople.com/2009/12/20/email-address-validation/ + * @copyright 2009-2010 Michael Rushton + * Feel free to use and redistribute this code. But please keep this copyright notice. + */ + return (boolean)preg_match( + '/^(?!(?>(?1)"?(?>\\\[ -~]|[^"])"?(?1)){255,})(?!(?>(?1)"?(?>\\\[ -~]|[^"])"?(?1)){65,}@)' . + '((?>(?>(?>((?>(?>(?>\x0D\x0A)?[\t ])+|(?>[\t ]*\x0D\x0A)?[\t ]+)?)(\((?>(?2)' . + '(?>[\x01-\x08\x0B\x0C\x0E-\'*-\[\]-\x7F]|\\\[\x00-\x7F]|(?3)))*(?2)\)))+(?2))|(?2))?)' . + '([!#-\'*+\/-9=?^-~-]+|"(?>(?2)(?>[\x01-\x08\x0B\x0C\x0E-!#-\[\]-\x7F]|\\\[\x00-\x7F]))*' . + '(?2)")(?>(?1)\.(?1)(?4))*(?1)@(?!(?1)[a-z0-9-]{64,})(?1)(?>([a-z0-9](?>[a-z0-9-]*[a-z0-9])?)' . + '(?>(?1)\.(?!(?1)[a-z0-9-]{64,})(?1)(?5)){0,126}|\[(?:(?>IPv6:(?>([a-f0-9]{1,4})(?>:(?6)){7}' . + '|(?!(?:.*[a-f0-9][:\]]){8,})((?6)(?>:(?6)){0,6})?::(?7)?))|(?>(?>IPv6:(?>(?6)(?>:(?6)){5}:' . + '|(?!(?:.*[a-f0-9]:){6,})(?8)?::(?>((?6)(?>:(?6)){0,4}):)?))?(25[0-5]|2[0-4][0-9]|1[0-9]{2}' . + '|[1-9]?[0-9])(?>\.(?9)){3}))\])(?1)$/isD', + $address + ); + case 'pcre': + //An older regex that doesn't need a recent PCRE + return (boolean)preg_match( + '/^(?!(?>"?(?>\\\[ -~]|[^"])"?){255,})(?!(?>"?(?>\\\[ -~]|[^"])"?){65,}@)(?>' . + '[!#-\'*+\/-9=?^-~-]+|"(?>(?>[\x01-\x08\x0B\x0C\x0E-!#-\[\]-\x7F]|\\\[\x00-\xFF]))*")' . + '(?>\.(?>[!#-\'*+\/-9=?^-~-]+|"(?>(?>[\x01-\x08\x0B\x0C\x0E-!#-\[\]-\x7F]|\\\[\x00-\xFF]))*"))*' . + '@(?>(?![a-z0-9-]{64,})(?>[a-z0-9](?>[a-z0-9-]*[a-z0-9])?)(?>\.(?![a-z0-9-]{64,})' . + '(?>[a-z0-9](?>[a-z0-9-]*[a-z0-9])?)){0,126}|\[(?:(?>IPv6:(?>(?>[a-f0-9]{1,4})(?>:' . + '[a-f0-9]{1,4}){7}|(?!(?:.*[a-f0-9][:\]]){8,})(?>[a-f0-9]{1,4}(?>:[a-f0-9]{1,4}){0,6})?' . + '::(?>[a-f0-9]{1,4}(?>:[a-f0-9]{1,4}){0,6})?))|(?>(?>IPv6:(?>[a-f0-9]{1,4}(?>:' . + '[a-f0-9]{1,4}){5}:|(?!(?:.*[a-f0-9]:){6,})(?>[a-f0-9]{1,4}(?>:[a-f0-9]{1,4}){0,4})?' . + '::(?>(?:[a-f0-9]{1,4}(?>:[a-f0-9]{1,4}){0,4}):)?))?(?>25[0-5]|2[0-4][0-9]|1[0-9]{2}' . + '|[1-9]?[0-9])(?>\.(?>25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}))\])$/isD', + $address + ); + case 'html5': + /** + * This is the pattern used in the HTML5 spec for validation of 'email' type form input elements. + * @link http://www.whatwg.org/specs/web-apps/current-work/#e-mail-state-(type=email) + */ + return (boolean)preg_match( + '/^[a-zA-Z0-9.!#$%&\'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}' . + '[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/sD', + $address + ); + case 'noregex': + //No PCRE! Do something _very_ approximate! + //Check the address is 3 chars or longer and contains an @ that's not the first or last char + return (strlen($address) >= 3 + and strpos($address, '@') >= 1 + and strpos($address, '@') != strlen($address) - 1); + case 'php': + default: + return (boolean)filter_var($address, FILTER_VALIDATE_EMAIL); + } + } + + /** + * Create a message and send it. + * Uses the sending method specified by $Mailer. + * @throws phpmailerException + * @return boolean false on error - See the ErrorInfo property for details of the error. + */ + public function send() + { + try { + if (!$this->preSend()) { + return false; + } + return $this->postSend(); + } catch (phpmailerException $exc) { + $this->mailHeader = ''; + $this->setError($exc->getMessage()); + if ($this->exceptions) { + throw $exc; + } + return false; + } + } + + /** + * Prepare a message for sending. + * @throws phpmailerException + * @return boolean + */ + public function preSend() + { + try { + $this->mailHeader = ''; + if ((count($this->to) + count($this->cc) + count($this->bcc)) < 1) { + throw new phpmailerException($this->lang('provide_address'), self::STOP_CRITICAL); + } + + // Set whether the message is multipart/alternative + if (!empty($this->AltBody)) { + $this->ContentType = 'multipart/alternative'; + } + + $this->error_count = 0; // reset errors + $this->setMessageType(); + // Refuse to send an empty message unless we are specifically allowing it + if (!$this->AllowEmpty and empty($this->Body)) { + throw new phpmailerException($this->lang('empty_message'), self::STOP_CRITICAL); + } + + $this->MIMEHeader = $this->createHeader(); + $this->MIMEBody = $this->createBody(); + + // To capture the complete message when using mail(), create + // an extra header list which createHeader() doesn't fold in + if ($this->Mailer == 'mail') { + if (count($this->to) > 0) { + $this->mailHeader .= $this->addrAppend('To', $this->to); + } else { + $this->mailHeader .= $this->headerLine('To', 'undisclosed-recipients:;'); + } + $this->mailHeader .= $this->headerLine( + 'Subject', + $this->encodeHeader($this->secureHeader(trim($this->Subject))) + ); + } + + // Sign with DKIM if enabled + if (!empty($this->DKIM_domain) + && !empty($this->DKIM_private) + && !empty($this->DKIM_selector) + && file_exists($this->DKIM_private)) { + $header_dkim = $this->DKIM_Add( + $this->MIMEHeader . $this->mailHeader, + $this->encodeHeader($this->secureHeader($this->Subject)), + $this->MIMEBody + ); + $this->MIMEHeader = rtrim($this->MIMEHeader, "\r\n ") . self::CRLF . + str_replace("\r\n", "\n", $header_dkim) . self::CRLF; + } + return true; + + } catch (phpmailerException $exc) { + $this->setError($exc->getMessage()); + if ($this->exceptions) { + throw $exc; + } + return false; + } + } + + /** + * Actually send a message. + * Send the email via the selected mechanism + * @throws phpmailerException + * @return boolean + */ + public function postSend() + { + try { + // Choose the mailer and send through it + switch ($this->Mailer) { + case 'sendmail': + case 'qmail': + return $this->sendmailSend($this->MIMEHeader, $this->MIMEBody); + case 'smtp': + return $this->smtpSend($this->MIMEHeader, $this->MIMEBody); + case 'mail': + return $this->mailSend($this->MIMEHeader, $this->MIMEBody); + default: + $sendMethod = $this->Mailer.'Send'; + if (method_exists($this, $sendMethod)) { + return $this->$sendMethod($this->MIMEHeader, $this->MIMEBody); + } + + return $this->mailSend($this->MIMEHeader, $this->MIMEBody); + } + } catch (phpmailerException $exc) { + $this->setError($exc->getMessage()); + $this->edebug($exc->getMessage()); + if ($this->exceptions) { + throw $exc; + } + } + return false; + } + + /** + * Send mail using the $Sendmail program. + * @param string $header The message headers + * @param string $body The message body + * @see PHPMailer::$Sendmail + * @throws phpmailerException + * @access protected + * @return boolean + */ + protected function sendmailSend($header, $body) + { + if ($this->Sender != '') { + if ($this->Mailer == 'qmail') { + $sendmail = sprintf('%s -f%s', escapeshellcmd($this->Sendmail), escapeshellarg($this->Sender)); + } else { + $sendmail = sprintf('%s -oi -f%s -t', escapeshellcmd($this->Sendmail), escapeshellarg($this->Sender)); + } + } else { + if ($this->Mailer == 'qmail') { + $sendmail = sprintf('%s', escapeshellcmd($this->Sendmail)); + } else { + $sendmail = sprintf('%s -oi -t', escapeshellcmd($this->Sendmail)); + } + } + if ($this->SingleTo) { + foreach ($this->SingleToArray as $toAddr) { + if (!@$mail = popen($sendmail, 'w')) { + throw new phpmailerException($this->lang('execute') . $this->Sendmail, self::STOP_CRITICAL); + } + fputs($mail, 'To: ' . $toAddr . "\n"); + fputs($mail, $header); + fputs($mail, $body); + $result = pclose($mail); + $this->doCallback( + ($result == 0), + array($toAddr), + $this->cc, + $this->bcc, + $this->Subject, + $body, + $this->From + ); + if ($result != 0) { + throw new phpmailerException($this->lang('execute') . $this->Sendmail, self::STOP_CRITICAL); + } + } + } else { + if (!@$mail = popen($sendmail, 'w')) { + throw new phpmailerException($this->lang('execute') . $this->Sendmail, self::STOP_CRITICAL); + } + fputs($mail, $header); + fputs($mail, $body); + $result = pclose($mail); + $this->doCallback(($result == 0), $this->to, $this->cc, $this->bcc, $this->Subject, $body, $this->From); + if ($result != 0) { + throw new phpmailerException($this->lang('execute') . $this->Sendmail, self::STOP_CRITICAL); + } + } + return true; + } + + /** + * Send mail using the PHP mail() function. + * @param string $header The message headers + * @param string $body The message body + * @link http://www.php.net/manual/en/book.mail.php + * @throws phpmailerException + * @access protected + * @return boolean + */ + protected function mailSend($header, $body) + { + $toArr = array(); + foreach ($this->to as $toaddr) { + $toArr[] = $this->addrFormat($toaddr); + } + $to = implode(', ', $toArr); + + if (empty($this->Sender)) { + $params = ' '; + } else { + $params = sprintf('-f%s', $this->Sender); + } + if ($this->Sender != '' and !ini_get('safe_mode')) { + $old_from = ini_get('sendmail_from'); + ini_set('sendmail_from', $this->Sender); + } + $result = false; + if ($this->SingleTo && count($toArr) > 1) { + foreach ($toArr as $toAddr) { + $result = $this->mailPassthru($toAddr, $this->Subject, $body, $header, $params); + $this->doCallback($result, array($toAddr), $this->cc, $this->bcc, $this->Subject, $body, $this->From); + } + } else { + $result = $this->mailPassthru($to, $this->Subject, $body, $header, $params); + $this->doCallback($result, $this->to, $this->cc, $this->bcc, $this->Subject, $body, $this->From); + } + if (isset($old_from)) { + ini_set('sendmail_from', $old_from); + } + if (!$result) { + throw new phpmailerException($this->lang('instantiate'), self::STOP_CRITICAL); + } + return true; + } + + /** + * Get an instance to use for SMTP operations. + * Override this function to load your own SMTP implementation + * @return SMTP + */ + public function getSMTPInstance() + { + if (!is_object($this->smtp)) { + $this->smtp = new SMTP; + } + return $this->smtp; + } + + /** + * Send mail via SMTP. + * Returns false if there is a bad MAIL FROM, RCPT, or DATA input. + * Uses the PHPMailerSMTP class by default. + * @see PHPMailer::getSMTPInstance() to use a different class. + * @param string $header The message headers + * @param string $body The message body + * @throws phpmailerException + * @uses SMTP + * @access protected + * @return boolean + */ + protected function smtpSend($header, $body) + { + $bad_rcpt = array(); + + if (!$this->smtpConnect()) { + throw new phpmailerException($this->lang('smtp_connect_failed'), self::STOP_CRITICAL); + } + if ('' == $this->Sender) { + $smtp_from = $this->From; + } else { + $smtp_from = $this->Sender; + } + if (!$this->smtp->mail($smtp_from)) { + $this->setError($this->lang('from_failed') . $smtp_from . ' : ' . implode(',', $this->smtp->getError())); + throw new phpmailerException($this->ErrorInfo, self::STOP_CRITICAL); + } + + // Attempt to send to all recipients + foreach ($this->to as $to) { + if (!$this->smtp->recipient($to[0])) { + $bad_rcpt[] = $to[0]; + $isSent = false; + } else { + $isSent = true; + } + $this->doCallback($isSent, array($to[0]), array(), array(), $this->Subject, $body, $this->From); + } + foreach ($this->cc as $cc) { + if (!$this->smtp->recipient($cc[0])) { + $bad_rcpt[] = $cc[0]; + $isSent = false; + } else { + $isSent = true; + } + $this->doCallback($isSent, array(), array($cc[0]), array(), $this->Subject, $body, $this->From); + } + foreach ($this->bcc as $bcc) { + if (!$this->smtp->recipient($bcc[0])) { + $bad_rcpt[] = $bcc[0]; + $isSent = false; + } else { + $isSent = true; + } + $this->doCallback($isSent, array(), array(), array($bcc[0]), $this->Subject, $body, $this->From); + } + + // Only send the DATA command if we have viable recipients + if ((count($this->all_recipients) > count($bad_rcpt)) and !$this->smtp->data($header . $body)) { + throw new phpmailerException($this->lang('data_not_accepted'), self::STOP_CRITICAL); + } + if ($this->SMTPKeepAlive) { + $this->smtp->reset(); + } else { + $this->smtp->quit(); + $this->smtp->close(); + } + //Create error message for any bad addresses + if (count($bad_rcpt) > 0) { + throw new phpmailerException( + $this->lang('recipients_failed') . implode(', ', $bad_rcpt), + self::STOP_CONTINUE + ); + } + return true; + } + + /** + * Initiate a connection to an SMTP server. + * Returns false if the operation failed. + * @param array $options An array of options compatible with stream_context_create() + * @uses SMTP + * @access public + * @throws phpmailerException + * @return boolean + */ + public function smtpConnect($options = array()) + { + if (is_null($this->smtp)) { + $this->smtp = $this->getSMTPInstance(); + } + + // Already connected? + if ($this->smtp->connected()) { + return true; + } + + $this->smtp->setTimeout($this->Timeout); + $this->smtp->setDebugLevel($this->SMTPDebug); + $this->smtp->setDebugOutput($this->Debugoutput); + $this->smtp->setVerp($this->do_verp); + $hosts = explode(';', $this->Host); + $lastexception = null; + + foreach ($hosts as $hostentry) { + $hostinfo = array(); + if (!preg_match('/^((ssl|tls):\/\/)*([a-zA-Z0-9\.-]*):?([0-9]*)$/', trim($hostentry), $hostinfo)) { + // Not a valid host entry + continue; + } + // $hostinfo[2]: optional ssl or tls prefix + // $hostinfo[3]: the hostname + // $hostinfo[4]: optional port number + // The host string prefix can temporarily override the current setting for SMTPSecure + // If it's not specified, the default value is used + $prefix = ''; + $tls = ($this->SMTPSecure == 'tls'); + if ($hostinfo[2] == 'ssl' or ($hostinfo[2] == '' and $this->SMTPSecure == 'ssl')) { + $prefix = 'ssl://'; + $tls = false; // Can't have SSL and TLS at once + } elseif ($hostinfo[2] == 'tls') { + $tls = true; + // tls doesn't use a prefix + } + $host = $hostinfo[3]; + $port = $this->Port; + $tport = (integer)$hostinfo[4]; + if ($tport > 0 and $tport < 65536) { + $port = $tport; + } + if ($this->smtp->connect($prefix . $host, $port, $this->Timeout, $options)) { + try { + if ($this->Helo) { + $hello = $this->Helo; + } else { + $hello = $this->serverHostname(); + } + $this->smtp->hello($hello); + + if ($tls) { + if (!$this->smtp->startTLS()) { + throw new phpmailerException($this->lang('connect_host')); + } + // We must resend HELO after tls negotiation + $this->smtp->hello($hello); + } + if ($this->SMTPAuth) { + if (!$this->smtp->authenticate( + $this->Username, + $this->Password, + $this->AuthType, + $this->Realm, + $this->Workstation + ) + ) { + throw new phpmailerException($this->lang('authenticate')); + } + } + return true; + } catch (phpmailerException $exc) { + $lastexception = $exc; + // We must have connected, but then failed TLS or Auth, so close connection nicely + $this->smtp->quit(); + } + } + } + // If we get here, all connection attempts have failed, so close connection hard + $this->smtp->close(); + // As we've caught all exceptions, just report whatever the last one was + if ($this->exceptions and !is_null($lastexception)) { + throw $lastexception; + } + return false; + } + + /** + * Close the active SMTP session if one exists. + * @return void + */ + public function smtpClose() + { + if ($this->smtp !== null) { + if ($this->smtp->connected()) { + $this->smtp->quit(); + $this->smtp->close(); + } + } + } + + /** + * Set the language for error messages. + * Returns false if it cannot load the language file. + * The default language is English. + * @param string $langcode ISO 639-1 2-character language code (e.g. French is "fr") + * @param string $lang_path Path to the language file directory, with trailing separator (slash) + * @return boolean + * @access public + */ + public function setLanguage($langcode = 'en', $lang_path = '') + { + // Define full set of translatable strings in English + $PHPMAILER_LANG = array( + 'authenticate' => 'SMTP Error: Could not authenticate.', + 'connect_host' => 'SMTP Error: Could not connect to SMTP host.', + 'data_not_accepted' => 'SMTP Error: data not accepted.', + 'empty_message' => 'Message body empty', + 'encoding' => 'Unknown encoding: ', + 'execute' => 'Could not execute: ', + 'file_access' => 'Could not access file: ', + 'file_open' => 'File Error: Could not open file: ', + 'from_failed' => 'The following From address failed: ', + 'instantiate' => 'Could not instantiate mail function.', + 'invalid_address' => 'Invalid address', + 'mailer_not_supported' => ' mailer is not supported.', + 'provide_address' => 'You must provide at least one recipient email address.', + 'recipients_failed' => 'SMTP Error: The following recipients failed: ', + 'signing' => 'Signing Error: ', + 'smtp_connect_failed' => 'SMTP connect() failed.', + 'smtp_error' => 'SMTP server error: ', + 'variable_set' => 'Cannot set or reset variable: ' + ); + if (empty($lang_path)) { + // Calculate an absolute path so it can work if CWD is not here + $lang_path = dirname(__FILE__). DIRECTORY_SEPARATOR . 'language'. DIRECTORY_SEPARATOR; + } + $foundlang = true; + $lang_file = $lang_path . 'phpmailer.lang-' . $langcode . '.php'; + if ($langcode != 'en') { // There is no English translation file + // Make sure language file path is readable + if (!is_readable($lang_file)) { + $foundlang = false; + } else { + // Overwrite language-specific strings. + // This way we'll never have missing translations. + $foundlang = include $lang_file; + } + } + $this->language = $PHPMAILER_LANG; + return (boolean)$foundlang; // Returns false if language not found + } + + /** + * Get the array of strings for the current language. + * @return array + */ + public function getTranslations() + { + return $this->language; + } + + /** + * Create recipient headers. + * @access public + * @param string $type + * @param array $addr An array of recipient, + * where each recipient is a 2-element indexed array with element 0 containing an address + * and element 1 containing a name, like: + * array(array('joe@example.com', 'Joe User'), array('zoe@example.com', 'Zoe User')) + * @return string + */ + public function addrAppend($type, $addr) + { + $addresses = array(); + foreach ($addr as $address) { + $addresses[] = $this->addrFormat($address); + } + return $type . ': ' . implode(', ', $addresses) . $this->LE; + } + + /** + * Format an address for use in a message header. + * @access public + * @param array $addr A 2-element indexed array, element 0 containing an address, element 1 containing a name + * like array('joe@example.com', 'Joe User') + * @return string + */ + public function addrFormat($addr) + { + if (empty($addr[1])) { // No name provided + return $this->secureHeader($addr[0]); + } else { + return $this->encodeHeader($this->secureHeader($addr[1]), 'phrase') . ' <' . $this->secureHeader( + $addr[0] + ) . '>'; + } + } + + /** + * Word-wrap message. + * For use with mailers that do not automatically perform wrapping + * and for quoted-printable encoded messages. + * Original written by philippe. + * @param string $message The message to wrap + * @param integer $length The line length to wrap to + * @param boolean $qp_mode Whether to run in Quoted-Printable mode + * @access public + * @return string + */ + public function wrapText($message, $length, $qp_mode = false) + { + if ($qp_mode) { + $soft_break = sprintf(' =%s', $this->LE); + } else { + $soft_break = $this->LE; + } + // If utf-8 encoding is used, we will need to make sure we don't + // split multibyte characters when we wrap + $is_utf8 = (strtolower($this->CharSet) == 'utf-8'); + $lelen = strlen($this->LE); + $crlflen = strlen(self::CRLF); + + $message = $this->fixEOL($message); + //Remove a trailing line break + if (substr($message, -$lelen) == $this->LE) { + $message = substr($message, 0, -$lelen); + } + + //Split message into lines + $lines = explode($this->LE, $message); + //Message will be rebuilt in here + $message = ''; + foreach ($lines as $line) { + $words = explode(' ', $line); + $buf = ''; + $firstword = true; + foreach ($words as $word) { + if ($qp_mode and (strlen($word) > $length)) { + $space_left = $length - strlen($buf) - $crlflen; + if (!$firstword) { + if ($space_left > 20) { + $len = $space_left; + if ($is_utf8) { + $len = $this->utf8CharBoundary($word, $len); + } elseif (substr($word, $len - 1, 1) == '=') { + $len--; + } elseif (substr($word, $len - 2, 1) == '=') { + $len -= 2; + } + $part = substr($word, 0, $len); + $word = substr($word, $len); + $buf .= ' ' . $part; + $message .= $buf . sprintf('=%s', self::CRLF); + } else { + $message .= $buf . $soft_break; + } + $buf = ''; + } + while (strlen($word) > 0) { + if ($length <= 0) { + break; + } + $len = $length; + if ($is_utf8) { + $len = $this->utf8CharBoundary($word, $len); + } elseif (substr($word, $len - 1, 1) == '=') { + $len--; + } elseif (substr($word, $len - 2, 1) == '=') { + $len -= 2; + } + $part = substr($word, 0, $len); + $word = substr($word, $len); + + if (strlen($word) > 0) { + $message .= $part . sprintf('=%s', self::CRLF); + } else { + $buf = $part; + } + } + } else { + $buf_o = $buf; + if (!$firstword) { + $buf .= ' '; + } + $buf .= $word; + + if (strlen($buf) > $length and $buf_o != '') { + $message .= $buf_o . $soft_break; + $buf = $word; + } + } + $firstword = false; + } + $message .= $buf . self::CRLF; + } + + return $message; + } + + /** + * Find the last character boundary prior to $maxLength in a utf-8 + * quoted-printable encoded string. + * Original written by Colin Brown. + * @access public + * @param string $encodedText utf-8 QP text + * @param integer $maxLength Find the last character boundary prior to this length + * @return integer + */ + public function utf8CharBoundary($encodedText, $maxLength) + { + $foundSplitPos = false; + $lookBack = 3; + while (!$foundSplitPos) { + $lastChunk = substr($encodedText, $maxLength - $lookBack, $lookBack); + $encodedCharPos = strpos($lastChunk, '='); + if (false !== $encodedCharPos) { + // Found start of encoded character byte within $lookBack block. + // Check the encoded byte value (the 2 chars after the '=') + $hex = substr($encodedText, $maxLength - $lookBack + $encodedCharPos + 1, 2); + $dec = hexdec($hex); + if ($dec < 128) { + // Single byte character. + // If the encoded char was found at pos 0, it will fit + // otherwise reduce maxLength to start of the encoded char + if ($encodedCharPos > 0) { + $maxLength = $maxLength - ($lookBack - $encodedCharPos); + } + $foundSplitPos = true; + } elseif ($dec >= 192) { + // First byte of a multi byte character + // Reduce maxLength to split at start of character + $maxLength = $maxLength - ($lookBack - $encodedCharPos); + $foundSplitPos = true; + } elseif ($dec < 192) { + // Middle byte of a multi byte character, look further back + $lookBack += 3; + } + } else { + // No encoded character found + $foundSplitPos = true; + } + } + return $maxLength; + } + + /** + * Apply word wrapping to the message body. + * Wraps the message body to the number of chars set in the WordWrap property. + * You should only do this to plain-text bodies as wrapping HTML tags may break them. + * This is called automatically by createBody(), so you don't need to call it yourself. + * @access public + * @return void + */ + public function setWordWrap() + { + if ($this->WordWrap < 1) { + return; + } + + switch ($this->message_type) { + case 'alt': + case 'alt_inline': + case 'alt_attach': + case 'alt_inline_attach': + $this->AltBody = $this->wrapText($this->AltBody, $this->WordWrap); + break; + default: + $this->Body = $this->wrapText($this->Body, $this->WordWrap); + break; + } + } + + /** + * Assemble message headers. + * @access public + * @return string The assembled headers + */ + public function createHeader() + { + $result = ''; + + // Set the boundaries + $uniq_id = md5(uniqid(time())); + $this->boundary[1] = 'b1_' . $uniq_id; + $this->boundary[2] = 'b2_' . $uniq_id; + $this->boundary[3] = 'b3_' . $uniq_id; + + if ($this->MessageDate == '') { + $this->MessageDate = self::rfcDate(); + } + $result .= $this->headerLine('Date', $this->MessageDate); + + + // To be created automatically by mail() + if ($this->SingleTo) { + if ($this->Mailer != 'mail') { + foreach ($this->to as $toaddr) { + $this->SingleToArray[] = $this->addrFormat($toaddr); + } + } + } else { + if (count($this->to) > 0) { + if ($this->Mailer != 'mail') { + $result .= $this->addrAppend('To', $this->to); + } + } elseif (count($this->cc) == 0) { + $result .= $this->headerLine('To', 'undisclosed-recipients:;'); + } + } + + $result .= $this->addrAppend('From', array(array(trim($this->From), $this->FromName))); + + // sendmail and mail() extract Cc from the header before sending + if (count($this->cc) > 0) { + $result .= $this->addrAppend('Cc', $this->cc); + } + + // sendmail and mail() extract Bcc from the header before sending + if (( + $this->Mailer == 'sendmail' or $this->Mailer == 'qmail' or $this->Mailer == 'mail' + ) + and count($this->bcc) > 0 + ) { + $result .= $this->addrAppend('Bcc', $this->bcc); + } + + if (count($this->ReplyTo) > 0) { + $result .= $this->addrAppend('Reply-To', $this->ReplyTo); + } + + // mail() sets the subject itself + if ($this->Mailer != 'mail') { + $result .= $this->headerLine('Subject', $this->encodeHeader($this->secureHeader($this->Subject))); + } + + if ($this->MessageID != '') { + $this->lastMessageID = $this->MessageID; + } else { + $this->lastMessageID = sprintf('<%s@%s>', $uniq_id, $this->ServerHostname()); + } + $result .= $this->HeaderLine('Message-ID', $this->lastMessageID); + $result .= $this->headerLine('X-Priority', $this->Priority); + if ($this->XMailer == '') { + $result .= $this->headerLine( + 'X-Mailer', + 'PHPMailer ' . $this->Version . ' (https://github.com/PHPMailer/PHPMailer/)' + ); + } else { + $myXmailer = trim($this->XMailer); + if ($myXmailer) { + $result .= $this->headerLine('X-Mailer', $myXmailer); + } + } + + if ($this->ConfirmReadingTo != '') { + $result .= $this->headerLine('Disposition-Notification-To', '<' . trim($this->ConfirmReadingTo) . '>'); + } + + // Add custom headers + foreach ($this->CustomHeader as $header) { + $result .= $this->headerLine( + trim($header[0]), + $this->encodeHeader(trim($header[1])) + ); + } + if (!$this->sign_key_file) { + $result .= $this->headerLine('MIME-Version', '1.0'); + $result .= $this->getMailMIME(); + } + + return $result; + } + + /** + * Get the message MIME type headers. + * @access public + * @return string + */ + public function getMailMIME() + { + $result = ''; + $ismultipart = true; + switch ($this->message_type) { + case 'inline': + $result .= $this->headerLine('Content-Type', 'multipart/related;'); + $result .= $this->textLine("\tboundary=\"" . $this->boundary[1] . '"'); + break; + case 'attach': + case 'inline_attach': + case 'alt_attach': + case 'alt_inline_attach': + $result .= $this->headerLine('Content-Type', 'multipart/mixed;'); + $result .= $this->textLine("\tboundary=\"" . $this->boundary[1] . '"'); + break; + case 'alt': + case 'alt_inline': + $result .= $this->headerLine('Content-Type', 'multipart/alternative;'); + $result .= $this->textLine("\tboundary=\"" . $this->boundary[1] . '"'); + break; + default: + // Catches case 'plain': and case '': + $result .= $this->textLine('Content-Type: ' . $this->ContentType . '; charset=' . $this->CharSet); + $ismultipart = false; + break; + } + // RFC1341 part 5 says 7bit is assumed if not specified + if ($this->Encoding != '7bit') { + // RFC 2045 section 6.4 says multipart MIME parts may only use 7bit, 8bit or binary CTE + if ($ismultipart) { + if ($this->Encoding == '8bit') { + $result .= $this->headerLine('Content-Transfer-Encoding', '8bit'); + } + // The only remaining alternatives are quoted-printable and base64, which are both 7bit compatible + } else { + $result .= $this->headerLine('Content-Transfer-Encoding', $this->Encoding); + } + } + + if ($this->Mailer != 'mail') { + $result .= $this->LE; + } + + return $result; + } + + /** + * Returns the whole MIME message. + * Includes complete headers and body. + * Only valid post preSend(). + * @see PHPMailer::preSend() + * @access public + * @return string + */ + public function getSentMIMEMessage() + { + return $this->MIMEHeader . $this->mailHeader . self::CRLF . $this->MIMEBody; + } + + /** + * Assemble the message body. + * Returns an empty string on failure. + * @access public + * @throws phpmailerException + * @return string The assembled message body + */ + public function createBody() + { + $body = ''; + + if ($this->sign_key_file) { + $body .= $this->getMailMIME() . $this->LE; + } + + $this->setWordWrap(); + + $bodyEncoding = $this->Encoding; + $bodyCharSet = $this->CharSet; + if ($bodyEncoding == '8bit' and !$this->has8bitChars($this->Body)) { + $bodyEncoding = '7bit'; + $bodyCharSet = 'us-ascii'; + } + $altBodyEncoding = $this->Encoding; + $altBodyCharSet = $this->CharSet; + if ($altBodyEncoding == '8bit' and !$this->has8bitChars($this->AltBody)) { + $altBodyEncoding = '7bit'; + $altBodyCharSet = 'us-ascii'; + } + switch ($this->message_type) { + case 'inline': + $body .= $this->getBoundary($this->boundary[1], $bodyCharSet, '', $bodyEncoding); + $body .= $this->encodeString($this->Body, $bodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->attachAll('inline', $this->boundary[1]); + break; + case 'attach': + $body .= $this->getBoundary($this->boundary[1], $bodyCharSet, '', $bodyEncoding); + $body .= $this->encodeString($this->Body, $bodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->attachAll('attachment', $this->boundary[1]); + break; + case 'inline_attach': + $body .= $this->textLine('--' . $this->boundary[1]); + $body .= $this->headerLine('Content-Type', 'multipart/related;'); + $body .= $this->textLine("\tboundary=\"" . $this->boundary[2] . '"'); + $body .= $this->LE; + $body .= $this->getBoundary($this->boundary[2], $bodyCharSet, '', $bodyEncoding); + $body .= $this->encodeString($this->Body, $bodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->attachAll('inline', $this->boundary[2]); + $body .= $this->LE; + $body .= $this->attachAll('attachment', $this->boundary[1]); + break; + case 'alt': + $body .= $this->getBoundary($this->boundary[1], $altBodyCharSet, 'text/plain', $altBodyEncoding); + $body .= $this->encodeString($this->AltBody, $altBodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->getBoundary($this->boundary[1], $bodyCharSet, 'text/html', $bodyEncoding); + $body .= $this->encodeString($this->Body, $bodyEncoding); + $body .= $this->LE . $this->LE; + if (!empty($this->Ical)) { + $body .= $this->getBoundary($this->boundary[1], '', 'text/calendar; method=REQUEST', ''); + $body .= $this->encodeString($this->Ical, $this->Encoding); + $body .= $this->LE . $this->LE; + } + $body .= $this->endBoundary($this->boundary[1]); + break; + case 'alt_inline': + $body .= $this->getBoundary($this->boundary[1], $altBodyCharSet, 'text/plain', $altBodyEncoding); + $body .= $this->encodeString($this->AltBody, $altBodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->textLine('--' . $this->boundary[1]); + $body .= $this->headerLine('Content-Type', 'multipart/related;'); + $body .= $this->textLine("\tboundary=\"" . $this->boundary[2] . '"'); + $body .= $this->LE; + $body .= $this->getBoundary($this->boundary[2], $bodyCharSet, 'text/html', $bodyEncoding); + $body .= $this->encodeString($this->Body, $bodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->attachAll('inline', $this->boundary[2]); + $body .= $this->LE; + $body .= $this->endBoundary($this->boundary[1]); + break; + case 'alt_attach': + $body .= $this->textLine('--' . $this->boundary[1]); + $body .= $this->headerLine('Content-Type', 'multipart/alternative;'); + $body .= $this->textLine("\tboundary=\"" . $this->boundary[2] . '"'); + $body .= $this->LE; + $body .= $this->getBoundary($this->boundary[2], $altBodyCharSet, 'text/plain', $altBodyEncoding); + $body .= $this->encodeString($this->AltBody, $altBodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->getBoundary($this->boundary[2], $bodyCharSet, 'text/html', $bodyEncoding); + $body .= $this->encodeString($this->Body, $bodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->endBoundary($this->boundary[2]); + $body .= $this->LE; + $body .= $this->attachAll('attachment', $this->boundary[1]); + break; + case 'alt_inline_attach': + $body .= $this->textLine('--' . $this->boundary[1]); + $body .= $this->headerLine('Content-Type', 'multipart/alternative;'); + $body .= $this->textLine("\tboundary=\"" . $this->boundary[2] . '"'); + $body .= $this->LE; + $body .= $this->getBoundary($this->boundary[2], $altBodyCharSet, 'text/plain', $altBodyEncoding); + $body .= $this->encodeString($this->AltBody, $altBodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->textLine('--' . $this->boundary[2]); + $body .= $this->headerLine('Content-Type', 'multipart/related;'); + $body .= $this->textLine("\tboundary=\"" . $this->boundary[3] . '"'); + $body .= $this->LE; + $body .= $this->getBoundary($this->boundary[3], $bodyCharSet, 'text/html', $bodyEncoding); + $body .= $this->encodeString($this->Body, $bodyEncoding); + $body .= $this->LE . $this->LE; + $body .= $this->attachAll('inline', $this->boundary[3]); + $body .= $this->LE; + $body .= $this->endBoundary($this->boundary[2]); + $body .= $this->LE; + $body .= $this->attachAll('attachment', $this->boundary[1]); + break; + default: + // catch case 'plain' and case '' + $body .= $this->encodeString($this->Body, $bodyEncoding); + break; + } + + if ($this->isError()) { + $body = ''; + } elseif ($this->sign_key_file) { + try { + if (!defined('PKCS7_TEXT')) { + throw new phpmailerException($this->lang('signing') . ' OpenSSL extension missing.'); + } + // @TODO would be nice to use php://temp streams here, but need to wrap for PHP < 5.1 + $file = tempnam(sys_get_temp_dir(), 'mail'); + if (false === file_put_contents($file, $body)) { + throw new phpmailerException($this->lang('signing') . ' Could not write temp file'); + } + $signed = tempnam(sys_get_temp_dir(), 'signed'); + //Workaround for PHP bug https://bugs.php.net/bug.php?id=69197 + if (empty($this->sign_extracerts_file)) { + $sign = @openssl_pkcs7_sign( + $file, + $signed, + 'file://' . realpath($this->sign_cert_file), + array('file://' . realpath($this->sign_key_file), $this->sign_key_pass), + null + ); + } else { + $sign = @openssl_pkcs7_sign( + $file, + $signed, + 'file://' . realpath($this->sign_cert_file), + array('file://' . realpath($this->sign_key_file), $this->sign_key_pass), + null, + PKCS7_DETACHED, + $this->sign_extracerts_file + ); + } + if ($sign) { + @unlink($file); + $body = file_get_contents($signed); + @unlink($signed); + } else { + @unlink($file); + @unlink($signed); + throw new phpmailerException($this->lang('signing') . openssl_error_string()); + } + } catch (phpmailerException $exc) { + $body = ''; + if ($this->exceptions) { + throw $exc; + } + } + } + return $body; + } + + /** + * Return the start of a message boundary. + * @access protected + * @param string $boundary + * @param string $charSet + * @param string $contentType + * @param string $encoding + * @return string + */ + protected function getBoundary($boundary, $charSet, $contentType, $encoding) + { + $result = ''; + if ($charSet == '') { + $charSet = $this->CharSet; + } + if ($contentType == '') { + $contentType = $this->ContentType; + } + if ($encoding == '') { + $encoding = $this->Encoding; + } + $result .= $this->textLine('--' . $boundary); + $result .= sprintf('Content-Type: %s; charset=%s', $contentType, $charSet); + $result .= $this->LE; + // RFC1341 part 5 says 7bit is assumed if not specified + if ($encoding != '7bit') { + $result .= $this->headerLine('Content-Transfer-Encoding', $encoding); + } + $result .= $this->LE; + + return $result; + } + + /** + * Return the end of a message boundary. + * @access protected + * @param string $boundary + * @return string + */ + protected function endBoundary($boundary) + { + return $this->LE . '--' . $boundary . '--' . $this->LE; + } + + /** + * Set the message type. + * PHPMailer only supports some preset message types, + * not arbitrary MIME structures. + * @access protected + * @return void + */ + protected function setMessageType() + { + $type = array(); + if ($this->alternativeExists()) { + $type[] = 'alt'; + } + if ($this->inlineImageExists()) { + $type[] = 'inline'; + } + if ($this->attachmentExists()) { + $type[] = 'attach'; + } + $this->message_type = implode('_', $type); + if ($this->message_type == '') { + $this->message_type = 'plain'; + } + } + + /** + * Format a header line. + * @access public + * @param string $name + * @param string $value + * @return string + */ + public function headerLine($name, $value) + { + return $name . ': ' . $value . $this->LE; + } + + /** + * Return a formatted mail line. + * @access public + * @param string $value + * @return string + */ + public function textLine($value) + { + return $value . $this->LE; + } + + /** + * Add an attachment from a path on the filesystem. + * Returns false if the file could not be found or read. + * @param string $path Path to the attachment. + * @param string $name Overrides the attachment name. + * @param string $encoding File encoding (see $Encoding). + * @param string $type File extension (MIME) type. + * @param string $disposition Disposition to use + * @throws phpmailerException + * @return boolean + */ + public function addAttachment($path, $name = '', $encoding = 'base64', $type = '', $disposition = 'attachment') + { + try { + if (!@is_file($path)) { + throw new phpmailerException($this->lang('file_access') . $path, self::STOP_CONTINUE); + } + + // If a MIME type is not specified, try to work it out from the file name + if ($type == '') { + $type = self::filenameToType($path); + } + + $filename = basename($path); + if ($name == '') { + $name = $filename; + } + + $this->attachment[] = array( + 0 => $path, + 1 => $filename, + 2 => $name, + 3 => $encoding, + 4 => $type, + 5 => false, // isStringAttachment + 6 => $disposition, + 7 => 0 + ); + + } catch (phpmailerException $exc) { + $this->setError($exc->getMessage()); + $this->edebug($exc->getMessage()); + if ($this->exceptions) { + throw $exc; + } + return false; + } + return true; + } + + /** + * Return the array of attachments. + * @return array + */ + public function getAttachments() + { + return $this->attachment; + } + + /** + * Attach all file, string, and binary attachments to the message. + * Returns an empty string on failure. + * @access protected + * @param string $disposition_type + * @param string $boundary + * @return string + */ + protected function attachAll($disposition_type, $boundary) + { + // Return text of body + $mime = array(); + $cidUniq = array(); + $incl = array(); + + // Add all attachments + foreach ($this->attachment as $attachment) { + // Check if it is a valid disposition_filter + if ($attachment[6] == $disposition_type) { + // Check for string attachment + $string = ''; + $path = ''; + $bString = $attachment[5]; + if ($bString) { + $string = $attachment[0]; + } else { + $path = $attachment[0]; + } + + $inclhash = md5(serialize($attachment)); + if (in_array($inclhash, $incl)) { + continue; + } + $incl[] = $inclhash; + $name = $attachment[2]; + $encoding = $attachment[3]; + $type = $attachment[4]; + $disposition = $attachment[6]; + $cid = $attachment[7]; + if ($disposition == 'inline' && isset($cidUniq[$cid])) { + continue; + } + $cidUniq[$cid] = true; + + $mime[] = sprintf('--%s%s', $boundary, $this->LE); + $mime[] = sprintf( + 'Content-Type: %s; name="%s"%s', + $type, + $this->encodeHeader($this->secureHeader($name)), + $this->LE + ); + // RFC1341 part 5 says 7bit is assumed if not specified + if ($encoding != '7bit') { + $mime[] = sprintf('Content-Transfer-Encoding: %s%s', $encoding, $this->LE); + } + + if ($disposition == 'inline') { + $mime[] = sprintf('Content-ID: <%s>%s', $cid, $this->LE); + } + + // If a filename contains any of these chars, it should be quoted, + // but not otherwise: RFC2183 & RFC2045 5.1 + // Fixes a warning in IETF's msglint MIME checker + // Allow for bypassing the Content-Disposition header totally + if (!(empty($disposition))) { + $encoded_name = $this->encodeHeader($this->secureHeader($name)); + if (preg_match('/[ \(\)<>@,;:\\"\/\[\]\?=]/', $encoded_name)) { + $mime[] = sprintf( + 'Content-Disposition: %s; filename="%s"%s', + $disposition, + $encoded_name, + $this->LE . $this->LE + ); + } else { + $mime[] = sprintf( + 'Content-Disposition: %s; filename=%s%s', + $disposition, + $encoded_name, + $this->LE . $this->LE + ); + } + } else { + $mime[] = $this->LE; + } + + // Encode as string attachment + if ($bString) { + $mime[] = $this->encodeString($string, $encoding); + if ($this->isError()) { + return ''; + } + $mime[] = $this->LE . $this->LE; + } else { + $mime[] = $this->encodeFile($path, $encoding); + if ($this->isError()) { + return ''; + } + $mime[] = $this->LE . $this->LE; + } + } + } + + $mime[] = sprintf('--%s--%s', $boundary, $this->LE); + + return implode('', $mime); + } + + /** + * Encode a file attachment in requested format. + * Returns an empty string on failure. + * @param string $path The full path to the file + * @param string $encoding The encoding to use; one of 'base64', '7bit', '8bit', 'binary', 'quoted-printable' + * @throws phpmailerException + * @see EncodeFile(encodeFile + * @access protected + * @return string + */ + protected function encodeFile($path, $encoding = 'base64') + { + try { + if (!is_readable($path)) { + throw new phpmailerException($this->lang('file_open') . $path, self::STOP_CONTINUE); + } + $magic_quotes = get_magic_quotes_runtime(); + if ($magic_quotes) { + if (version_compare(PHP_VERSION, '5.3.0', '<')) { + set_magic_quotes_runtime(false); + } else { + //Doesn't exist in PHP 5.4, but we don't need to check because + //get_magic_quotes_runtime always returns false in 5.4+ + //so it will never get here + ini_set('magic_quotes_runtime', false); + } + } + $file_buffer = file_get_contents($path); + $file_buffer = $this->encodeString($file_buffer, $encoding); + if ($magic_quotes) { + if (version_compare(PHP_VERSION, '5.3.0', '<')) { + set_magic_quotes_runtime($magic_quotes); + } else { + ini_set('magic_quotes_runtime', $magic_quotes); + } + } + return $file_buffer; + } catch (Exception $exc) { + $this->setError($exc->getMessage()); + return ''; + } + } + + /** + * Encode a string in requested format. + * Returns an empty string on failure. + * @param string $str The text to encode + * @param string $encoding The encoding to use; one of 'base64', '7bit', '8bit', 'binary', 'quoted-printable' + * @access public + * @return string + */ + public function encodeString($str, $encoding = 'base64') + { + $encoded = ''; + switch (strtolower($encoding)) { + case 'base64': + $encoded = chunk_split(base64_encode($str), 76, $this->LE); + break; + case '7bit': + case '8bit': + $encoded = $this->fixEOL($str); + // Make sure it ends with a line break + if (substr($encoded, -(strlen($this->LE))) != $this->LE) { + $encoded .= $this->LE; + } + break; + case 'binary': + $encoded = $str; + break; + case 'quoted-printable': + $encoded = $this->encodeQP($str); + break; + default: + $this->setError($this->lang('encoding') . $encoding); + break; + } + return $encoded; + } + + /** + * Encode a header string optimally. + * Picks shortest of Q, B, quoted-printable or none. + * @access public + * @param string $str + * @param string $position + * @return string + */ + public function encodeHeader($str, $position = 'text') + { + $matchcount = 0; + switch (strtolower($position)) { + case 'phrase': + if (!preg_match('/[\200-\377]/', $str)) { + // Can't use addslashes as we don't know the value of magic_quotes_sybase + $encoded = addcslashes($str, "\0..\37\177\\\""); + if (($str == $encoded) && !preg_match('/[^A-Za-z0-9!#$%&\'*+\/=?^_`{|}~ -]/', $str)) { + return ($encoded); + } else { + return ("\"$encoded\""); + } + } + $matchcount = preg_match_all('/[^\040\041\043-\133\135-\176]/', $str, $matches); + break; + /** @noinspection PhpMissingBreakStatementInspection */ + case 'comment': + $matchcount = preg_match_all('/[()"]/', $str, $matches); + // Intentional fall-through + case 'text': + default: + $matchcount += preg_match_all('/[\000-\010\013\014\016-\037\177-\377]/', $str, $matches); + break; + } + + //There are no chars that need encoding + if ($matchcount == 0) { + return ($str); + } + + $maxlen = 75 - 7 - strlen($this->CharSet); + // Try to select the encoding which should produce the shortest output + if ($matchcount > strlen($str) / 3) { + // More than a third of the content will need encoding, so B encoding will be most efficient + $encoding = 'B'; + if (function_exists('mb_strlen') && $this->hasMultiBytes($str)) { + // Use a custom function which correctly encodes and wraps long + // multibyte strings without breaking lines within a character + $encoded = $this->base64EncodeWrapMB($str, "\n"); + } else { + $encoded = base64_encode($str); + $maxlen -= $maxlen % 4; + $encoded = trim(chunk_split($encoded, $maxlen, "\n")); + } + } else { + $encoding = 'Q'; + $encoded = $this->encodeQ($str, $position); + $encoded = $this->wrapText($encoded, $maxlen, true); + $encoded = str_replace('=' . self::CRLF, "\n", trim($encoded)); + } + + $encoded = preg_replace('/^(.*)$/m', ' =?' . $this->CharSet . "?$encoding?\\1?=", $encoded); + $encoded = trim(str_replace("\n", $this->LE, $encoded)); + + return $encoded; + } + + /** + * Check if a string contains multi-byte characters. + * @access public + * @param string $str multi-byte text to wrap encode + * @return boolean + */ + public function hasMultiBytes($str) + { + if (function_exists('mb_strlen')) { + return (strlen($str) > mb_strlen($str, $this->CharSet)); + } else { // Assume no multibytes (we can't handle without mbstring functions anyway) + return false; + } + } + + /** + * Does a string contain any 8-bit chars (in any charset)? + * @param string $text + * @return boolean + */ + public function has8bitChars($text) + { + return (boolean)preg_match('/[\x80-\xFF]/', $text); + } + + /** + * Encode and wrap long multibyte strings for mail headers + * without breaking lines within a character. + * Adapted from a function by paravoid + * @link http://www.php.net/manual/en/function.mb-encode-mimeheader.php#60283 + * @access public + * @param string $str multi-byte text to wrap encode + * @param string $linebreak string to use as linefeed/end-of-line + * @return string + */ + public function base64EncodeWrapMB($str, $linebreak = null) + { + $start = '=?' . $this->CharSet . '?B?'; + $end = '?='; + $encoded = ''; + if ($linebreak === null) { + $linebreak = $this->LE; + } + + $mb_length = mb_strlen($str, $this->CharSet); + // Each line must have length <= 75, including $start and $end + $length = 75 - strlen($start) - strlen($end); + // Average multi-byte ratio + $ratio = $mb_length / strlen($str); + // Base64 has a 4:3 ratio + $avgLength = floor($length * $ratio * .75); + + for ($i = 0; $i < $mb_length; $i += $offset) { + $lookBack = 0; + do { + $offset = $avgLength - $lookBack; + $chunk = mb_substr($str, $i, $offset, $this->CharSet); + $chunk = base64_encode($chunk); + $lookBack++; + } while (strlen($chunk) > $length); + $encoded .= $chunk . $linebreak; + } + + // Chomp the last linefeed + $encoded = substr($encoded, 0, -strlen($linebreak)); + return $encoded; + } + + /** + * Encode a string in quoted-printable format. + * According to RFC2045 section 6.7. + * @access public + * @param string $string The text to encode + * @param integer $line_max Number of chars allowed on a line before wrapping + * @return string + * @link http://www.php.net/manual/en/function.quoted-printable-decode.php#89417 Adapted from this comment + */ + public function encodeQP($string, $line_max = 76) + { + if (function_exists('quoted_printable_encode')) { // Use native function if it's available (>= PHP5.3) + return $this->fixEOL(quoted_printable_encode($string)); + } + // Fall back to a pure PHP implementation + $string = str_replace( + array('%20', '%0D%0A.', '%0D%0A', '%'), + array(' ', "\r\n=2E", "\r\n", '='), + rawurlencode($string) + ); + $string = preg_replace('/[^\r\n]{' . ($line_max - 3) . '}[^=\r\n]{2}/', "$0=\r\n", $string); + return $this->fixEOL($string); + } + + /** + * Backward compatibility wrapper for an old QP encoding function that was removed. + * @see PHPMailer::encodeQP() + * @access public + * @param string $string + * @param integer $line_max + * @param boolean $space_conv + * @return string + * @deprecated Use encodeQP instead. + */ + public function encodeQPphp( + $string, + $line_max = 76, + /** @noinspection PhpUnusedParameterInspection */ $space_conv = false + ) { + return $this->encodeQP($string, $line_max); + } + + /** + * Encode a string using Q encoding. + * @link http://tools.ietf.org/html/rfc2047 + * @param string $str the text to encode + * @param string $position Where the text is going to be used, see the RFC for what that means + * @access public + * @return string + */ + public function encodeQ($str, $position = 'text') + { + // There should not be any EOL in the string + $pattern = ''; + $encoded = str_replace(array("\r", "\n"), '', $str); + switch (strtolower($position)) { + case 'phrase': + // RFC 2047 section 5.3 + $pattern = '^A-Za-z0-9!*+\/ -'; + break; + /** @noinspection PhpMissingBreakStatementInspection */ + case 'comment': + // RFC 2047 section 5.2 + $pattern = '\(\)"'; + // intentional fall-through + // for this reason we build the $pattern without including delimiters and [] + case 'text': + default: + // RFC 2047 section 5.1 + // Replace every high ascii, control, =, ? and _ characters + $pattern = '\000-\011\013\014\016-\037\075\077\137\177-\377' . $pattern; + break; + } + $matches = array(); + if (preg_match_all("/[{$pattern}]/", $encoded, $matches)) { + // If the string contains an '=', make sure it's the first thing we replace + // so as to avoid double-encoding + $eqkey = array_search('=', $matches[0]); + if (false !== $eqkey) { + unset($matches[0][$eqkey]); + array_unshift($matches[0], '='); + } + foreach (array_unique($matches[0]) as $char) { + $encoded = str_replace($char, '=' . sprintf('%02X', ord($char)), $encoded); + } + } + // Replace every spaces to _ (more readable than =20) + return str_replace(' ', '_', $encoded); + } + + + /** + * Add a string or binary attachment (non-filesystem). + * This method can be used to attach ascii or binary data, + * such as a BLOB record from a database. + * @param string $string String attachment data. + * @param string $filename Name of the attachment. + * @param string $encoding File encoding (see $Encoding). + * @param string $type File extension (MIME) type. + * @param string $disposition Disposition to use + * @return void + */ + public function addStringAttachment( + $string, + $filename, + $encoding = 'base64', + $type = '', + $disposition = 'attachment' + ) { + // If a MIME type is not specified, try to work it out from the file name + if ($type == '') { + $type = self::filenameToType($filename); + } + // Append to $attachment array + $this->attachment[] = array( + 0 => $string, + 1 => $filename, + 2 => basename($filename), + 3 => $encoding, + 4 => $type, + 5 => true, // isStringAttachment + 6 => $disposition, + 7 => 0 + ); + } + + /** + * Add an embedded (inline) attachment from a file. + * This can include images, sounds, and just about any other document type. + * These differ from 'regular' attachments in that they are intended to be + * displayed inline with the message, not just attached for download. + * This is used in HTML messages that embed the images + * the HTML refers to using the $cid value. + * @param string $path Path to the attachment. + * @param string $cid Content ID of the attachment; Use this to reference + * the content when using an embedded image in HTML. + * @param string $name Overrides the attachment name. + * @param string $encoding File encoding (see $Encoding). + * @param string $type File MIME type. + * @param string $disposition Disposition to use + * @return boolean True on successfully adding an attachment + */ + public function addEmbeddedImage($path, $cid, $name = '', $encoding = 'base64', $type = '', $disposition = 'inline') + { + if (!@is_file($path)) { + $this->setError($this->lang('file_access') . $path); + return false; + } + + // If a MIME type is not specified, try to work it out from the file name + if ($type == '') { + $type = self::filenameToType($path); + } + + $filename = basename($path); + if ($name == '') { + $name = $filename; + } + + // Append to $attachment array + $this->attachment[] = array( + 0 => $path, + 1 => $filename, + 2 => $name, + 3 => $encoding, + 4 => $type, + 5 => false, // isStringAttachment + 6 => $disposition, + 7 => $cid + ); + return true; + } + + /** + * Add an embedded stringified attachment. + * This can include images, sounds, and just about any other document type. + * Be sure to set the $type to an image type for images: + * JPEG images use 'image/jpeg', GIF uses 'image/gif', PNG uses 'image/png'. + * @param string $string The attachment binary data. + * @param string $cid Content ID of the attachment; Use this to reference + * the content when using an embedded image in HTML. + * @param string $name + * @param string $encoding File encoding (see $Encoding). + * @param string $type MIME type. + * @param string $disposition Disposition to use + * @return boolean True on successfully adding an attachment + */ + public function addStringEmbeddedImage( + $string, + $cid, + $name = '', + $encoding = 'base64', + $type = '', + $disposition = 'inline' + ) { + // If a MIME type is not specified, try to work it out from the name + if ($type == '') { + $type = self::filenameToType($name); + } + + // Append to $attachment array + $this->attachment[] = array( + 0 => $string, + 1 => $name, + 2 => $name, + 3 => $encoding, + 4 => $type, + 5 => true, // isStringAttachment + 6 => $disposition, + 7 => $cid + ); + return true; + } + + /** + * Check if an inline attachment is present. + * @access public + * @return boolean + */ + public function inlineImageExists() + { + foreach ($this->attachment as $attachment) { + if ($attachment[6] == 'inline') { + return true; + } + } + return false; + } + + /** + * Check if an attachment (non-inline) is present. + * @return boolean + */ + public function attachmentExists() + { + foreach ($this->attachment as $attachment) { + if ($attachment[6] == 'attachment') { + return true; + } + } + return false; + } + + /** + * Check if this message has an alternative body set. + * @return boolean + */ + public function alternativeExists() + { + return !empty($this->AltBody); + } + + /** + * Clear all To recipients. + * @return void + */ + public function clearAddresses() + { + foreach ($this->to as $to) { + unset($this->all_recipients[strtolower($to[0])]); + } + $this->to = array(); + } + + /** + * Clear all CC recipients. + * @return void + */ + public function clearCCs() + { + foreach ($this->cc as $cc) { + unset($this->all_recipients[strtolower($cc[0])]); + } + $this->cc = array(); + } + + /** + * Clear all BCC recipients. + * @return void + */ + public function clearBCCs() + { + foreach ($this->bcc as $bcc) { + unset($this->all_recipients[strtolower($bcc[0])]); + } + $this->bcc = array(); + } + + /** + * Clear all ReplyTo recipients. + * @return void + */ + public function clearReplyTos() + { + $this->ReplyTo = array(); + } + + /** + * Clear all recipient types. + * @return void + */ + public function clearAllRecipients() + { + $this->to = array(); + $this->cc = array(); + $this->bcc = array(); + $this->all_recipients = array(); + } + + /** + * Clear all filesystem, string, and binary attachments. + * @return void + */ + public function clearAttachments() + { + $this->attachment = array(); + } + + /** + * Clear all custom headers. + * @return void + */ + public function clearCustomHeaders() + { + $this->CustomHeader = array(); + } + + /** + * Add an error message to the error container. + * @access protected + * @param string $msg + * @return void + */ + protected function setError($msg) + { + $this->error_count++; + if ($this->Mailer == 'smtp' and !is_null($this->smtp)) { + $lasterror = $this->smtp->getError(); + if (!empty($lasterror) and array_key_exists('smtp_msg', $lasterror)) { + $msg .= '

' . $this->lang('smtp_error') . $lasterror['smtp_msg'] . "

\n"; + } + } + $this->ErrorInfo = $msg; + } + + /** + * Return an RFC 822 formatted date. + * @access public + * @return string + * @static + */ + public static function rfcDate() + { + // Set the time zone to whatever the default is to avoid 500 errors + // Will default to UTC if it's not set properly in php.ini + date_default_timezone_set(@date_default_timezone_get()); + return date('D, j M Y H:i:s O'); + } + + /** + * Get the server hostname. + * Returns 'localhost.localdomain' if unknown. + * @access protected + * @return string + */ + protected function serverHostname() + { + $result = 'localhost.localdomain'; + if (!empty($this->Hostname)) { + $result = $this->Hostname; + } elseif (isset($_SERVER) and array_key_exists('SERVER_NAME', $_SERVER) and !empty($_SERVER['SERVER_NAME'])) { + $result = $_SERVER['SERVER_NAME']; + } elseif (function_exists('gethostname') && gethostname() !== false) { + $result = gethostname(); + } elseif (php_uname('n') !== false) { + $result = php_uname('n'); + } + return $result; + } + + /** + * Get an error message in the current language. + * @access protected + * @param string $key + * @return string + */ + protected function lang($key) + { + if (count($this->language) < 1) { + $this->setLanguage('en'); // set the default language + } + + if (isset($this->language[$key])) { + return $this->language[$key]; + } else { + return 'Language string failed to load: ' . $key; + } + } + + /** + * Check if an error occurred. + * @access public + * @return boolean True if an error did occur. + */ + public function isError() + { + return ($this->error_count > 0); + } + + /** + * Ensure consistent line endings in a string. + * Changes every end of line from CRLF, CR or LF to $this->LE. + * @access public + * @param string $str String to fixEOL + * @return string + */ + public function fixEOL($str) + { + // Normalise to \n + $nstr = str_replace(array("\r\n", "\r"), "\n", $str); + // Now convert LE as needed + if ($this->LE !== "\n") { + $nstr = str_replace("\n", $this->LE, $nstr); + } + return $nstr; + } + + /** + * Add a custom header. + * $name value can be overloaded to contain + * both header name and value (name:value) + * @access public + * @param string $name Custom header name + * @param string $value Header value + * @return void + */ + public function addCustomHeader($name, $value = null) + { + if ($value === null) { + // Value passed in as name:value + $this->CustomHeader[] = explode(':', $name, 2); + } else { + $this->CustomHeader[] = array($name, $value); + } + } + + /** + * Create a message from an HTML string. + * Automatically makes modifications for inline images and backgrounds + * and creates a plain-text version by converting the HTML. + * Overwrites any existing values in $this->Body and $this->AltBody + * @access public + * @param string $message HTML message string + * @param string $basedir baseline directory for path + * @param boolean|callable $advanced Whether to use the internal HTML to text converter + * or your own custom converter @see html2text() + * @return string $message + */ + public function msgHTML($message, $basedir = '', $advanced = false) + { + preg_match_all('/(src|background)=["\'](.*)["\']/Ui', $message, $images); + if (isset($images[2])) { + foreach ($images[2] as $imgindex => $url) { + // Convert data URIs into embedded images + if (preg_match('#^data:(image[^;,]*)(;base64)?,#', $url, $match)) { + $data = substr($url, strpos($url, ',')); + if ($match[2]) { + $data = base64_decode($data); + } else { + $data = rawurldecode($data); + } + $cid = md5($url) . '@phpmailer.0'; // RFC2392 S 2 + if ($this->addStringEmbeddedImage($data, $cid, '', 'base64', $match[1])) { + $message = str_replace( + $images[0][$imgindex], + $images[1][$imgindex] . '="cid:' . $cid . '"', + $message + ); + } + } elseif (!preg_match('#^[A-z]+://#', $url)) { + // Do not change urls for absolute images (thanks to corvuscorax) + $filename = basename($url); + $directory = dirname($url); + if ($directory == '.') { + $directory = ''; + } + $cid = md5($url) . '@phpmailer.0'; // RFC2392 S 2 + if (strlen($basedir) > 1 && substr($basedir, -1) != '/') { + $basedir .= '/'; + } + if (strlen($directory) > 1 && substr($directory, -1) != '/') { + $directory .= '/'; + } + if ($this->addEmbeddedImage( + $basedir . $directory . $filename, + $cid, + $filename, + 'base64', + self::_mime_types((string)self::mb_pathinfo($filename, PATHINFO_EXTENSION)) + ) + ) { + $message = preg_replace( + '/' . $images[1][$imgindex] . '=["\']' . preg_quote($url, '/') . '["\']/Ui', + $images[1][$imgindex] . '="cid:' . $cid . '"', + $message + ); + } + } + } + } + $this->isHTML(true); + // Convert all message body line breaks to CRLF, makes quoted-printable encoding work much better + $this->Body = $this->normalizeBreaks($message); + $this->AltBody = $this->normalizeBreaks($this->html2text($message, $advanced)); + if (empty($this->AltBody)) { + $this->AltBody = 'To view this email message, open it in a program that understands HTML!' . + self::CRLF . self::CRLF; + } + return $this->Body; + } + + /** + * Convert an HTML string into plain text. + * This is used by msgHTML(). + * Note - older versions of this function used a bundled advanced converter + * which was been removed for license reasons in #232 + * Example usage: + * + * // Use default conversion + * $plain = $mail->html2text($html); + * // Use your own custom converter + * $plain = $mail->html2text($html, function($html) { + * $converter = new MyHtml2text($html); + * return $converter->get_text(); + * }); + * + * @param string $html The HTML text to convert + * @param boolean|callable $advanced Any boolean value to use the internal converter, + * or provide your own callable for custom conversion. + * @return string + */ + public function html2text($html, $advanced = false) + { + if (is_callable($advanced)) { + return call_user_func($advanced, $html); + } + return html_entity_decode( + trim(strip_tags(preg_replace('/<(head|title|style|script)[^>]*>.*?<\/\\1>/si', '', $html))), + ENT_QUOTES, + $this->CharSet + ); + } + + /** + * Get the MIME type for a file extension. + * @param string $ext File extension + * @access public + * @return string MIME type of file. + * @static + */ + public static function _mime_types($ext = '') + { + $mimes = array( + 'xl' => 'application/excel', + 'js' => 'application/javascript', + 'hqx' => 'application/mac-binhex40', + 'cpt' => 'application/mac-compactpro', + 'bin' => 'application/macbinary', + 'doc' => 'application/msword', + 'word' => 'application/msword', + 'class' => 'application/octet-stream', + 'dll' => 'application/octet-stream', + 'dms' => 'application/octet-stream', + 'exe' => 'application/octet-stream', + 'lha' => 'application/octet-stream', + 'lzh' => 'application/octet-stream', + 'psd' => 'application/octet-stream', + 'sea' => 'application/octet-stream', + 'so' => 'application/octet-stream', + 'oda' => 'application/oda', + 'pdf' => 'application/pdf', + 'ai' => 'application/postscript', + 'eps' => 'application/postscript', + 'ps' => 'application/postscript', + 'smi' => 'application/smil', + 'smil' => 'application/smil', + 'mif' => 'application/vnd.mif', + 'xls' => 'application/vnd.ms-excel', + 'ppt' => 'application/vnd.ms-powerpoint', + 'wbxml' => 'application/vnd.wap.wbxml', + 'wmlc' => 'application/vnd.wap.wmlc', + 'dcr' => 'application/x-director', + 'dir' => 'application/x-director', + 'dxr' => 'application/x-director', + 'dvi' => 'application/x-dvi', + 'gtar' => 'application/x-gtar', + 'php3' => 'application/x-httpd-php', + 'php4' => 'application/x-httpd-php', + 'php' => 'application/x-httpd-php', + 'phtml' => 'application/x-httpd-php', + 'phps' => 'application/x-httpd-php-source', + 'swf' => 'application/x-shockwave-flash', + 'sit' => 'application/x-stuffit', + 'tar' => 'application/x-tar', + 'tgz' => 'application/x-tar', + 'xht' => 'application/xhtml+xml', + 'xhtml' => 'application/xhtml+xml', + 'zip' => 'application/zip', + 'mid' => 'audio/midi', + 'midi' => 'audio/midi', + 'mp2' => 'audio/mpeg', + 'mp3' => 'audio/mpeg', + 'mpga' => 'audio/mpeg', + 'aif' => 'audio/x-aiff', + 'aifc' => 'audio/x-aiff', + 'aiff' => 'audio/x-aiff', + 'ram' => 'audio/x-pn-realaudio', + 'rm' => 'audio/x-pn-realaudio', + 'rpm' => 'audio/x-pn-realaudio-plugin', + 'ra' => 'audio/x-realaudio', + 'wav' => 'audio/x-wav', + 'bmp' => 'image/bmp', + 'gif' => 'image/gif', + 'jpeg' => 'image/jpeg', + 'jpe' => 'image/jpeg', + 'jpg' => 'image/jpeg', + 'png' => 'image/png', + 'tiff' => 'image/tiff', + 'tif' => 'image/tiff', + 'eml' => 'message/rfc822', + 'css' => 'text/css', + 'html' => 'text/html', + 'htm' => 'text/html', + 'shtml' => 'text/html', + 'log' => 'text/plain', + 'text' => 'text/plain', + 'txt' => 'text/plain', + 'rtx' => 'text/richtext', + 'rtf' => 'text/rtf', + 'vcf' => 'text/vcard', + 'vcard' => 'text/vcard', + 'xml' => 'text/xml', + 'xsl' => 'text/xml', + 'mpeg' => 'video/mpeg', + 'mpe' => 'video/mpeg', + 'mpg' => 'video/mpeg', + 'mov' => 'video/quicktime', + 'qt' => 'video/quicktime', + 'rv' => 'video/vnd.rn-realvideo', + 'avi' => 'video/x-msvideo', + 'movie' => 'video/x-sgi-movie' + ); + if (array_key_exists(strtolower($ext), $mimes)) { + return $mimes[strtolower($ext)]; + } + return 'application/octet-stream'; + } + + /** + * Map a file name to a MIME type. + * Defaults to 'application/octet-stream', i.e.. arbitrary binary data. + * @param string $filename A file name or full path, does not need to exist as a file + * @return string + * @static + */ + public static function filenameToType($filename) + { + // In case the path is a URL, strip any query string before getting extension + $qpos = strpos($filename, '?'); + if (false !== $qpos) { + $filename = substr($filename, 0, $qpos); + } + $pathinfo = self::mb_pathinfo($filename); + return self::_mime_types($pathinfo['extension']); + } + + /** + * Multi-byte-safe pathinfo replacement. + * Drop-in replacement for pathinfo(), but multibyte-safe, cross-platform-safe, old-version-safe. + * Works similarly to the one in PHP >= 5.2.0 + * @link http://www.php.net/manual/en/function.pathinfo.php#107461 + * @param string $path A filename or path, does not need to exist as a file + * @param integer|string $options Either a PATHINFO_* constant, + * or a string name to return only the specified piece, allows 'filename' to work on PHP < 5.2 + * @return string|array + * @static + */ + public static function mb_pathinfo($path, $options = null) + { + $ret = array('dirname' => '', 'basename' => '', 'extension' => '', 'filename' => ''); + $pathinfo = array(); + if (preg_match('%^(.*?)[\\\\/]*(([^/\\\\]*?)(\.([^\.\\\\/]+?)|))[\\\\/\.]*$%im', $path, $pathinfo)) { + if (array_key_exists(1, $pathinfo)) { + $ret['dirname'] = $pathinfo[1]; + } + if (array_key_exists(2, $pathinfo)) { + $ret['basename'] = $pathinfo[2]; + } + if (array_key_exists(5, $pathinfo)) { + $ret['extension'] = $pathinfo[5]; + } + if (array_key_exists(3, $pathinfo)) { + $ret['filename'] = $pathinfo[3]; + } + } + switch ($options) { + case PATHINFO_DIRNAME: + case 'dirname': + return $ret['dirname']; + case PATHINFO_BASENAME: + case 'basename': + return $ret['basename']; + case PATHINFO_EXTENSION: + case 'extension': + return $ret['extension']; + case PATHINFO_FILENAME: + case 'filename': + return $ret['filename']; + default: + return $ret; + } + } + + /** + * Set or reset instance properties. + * You should avoid this function - it's more verbose, less efficient, more error-prone and + * harder to debug than setting properties directly. + * Usage Example: + * `$mail->set('SMTPSecure', 'tls');` + * is the same as: + * `$mail->SMTPSecure = 'tls';` + * @access public + * @param string $name The property name to set + * @param mixed $value The value to set the property to + * @return boolean + * @TODO Should this not be using the __set() magic function? + */ + public function set($name, $value = '') + { + if (property_exists($this, $name)) { + $this->$name = $value; + return true; + } else { + $this->setError($this->lang('variable_set') . $name); + return false; + } + } + + /** + * Strip newlines to prevent header injection. + * @access public + * @param string $str + * @return string + */ + public function secureHeader($str) + { + return trim(str_replace(array("\r", "\n"), '', $str)); + } + + /** + * Normalize line breaks in a string. + * Converts UNIX LF, Mac CR and Windows CRLF line breaks into a single line break format. + * Defaults to CRLF (for message bodies) and preserves consecutive breaks. + * @param string $text + * @param string $breaktype What kind of line break to use, defaults to CRLF + * @return string + * @access public + * @static + */ + public static function normalizeBreaks($text, $breaktype = "\r\n") + { + return preg_replace('/(\r\n|\r|\n)/ms', $breaktype, $text); + } + + + /** + * Set the public and private key files and password for S/MIME signing. + * @access public + * @param string $cert_filename + * @param string $key_filename + * @param string $key_pass Password for private key + * @param string $extracerts_filename Optional path to chain certificate + */ + public function sign($cert_filename, $key_filename, $key_pass, $extracerts_filename = '') + { + $this->sign_cert_file = $cert_filename; + $this->sign_key_file = $key_filename; + $this->sign_key_pass = $key_pass; + $this->sign_extracerts_file = $extracerts_filename; + } + + /** + * Quoted-Printable-encode a DKIM header. + * @access public + * @param string $txt + * @return string + */ + public function DKIM_QP($txt) + { + $line = ''; + for ($i = 0; $i < strlen($txt); $i++) { + $ord = ord($txt[$i]); + if (((0x21 <= $ord) && ($ord <= 0x3A)) || $ord == 0x3C || ((0x3E <= $ord) && ($ord <= 0x7E))) { + $line .= $txt[$i]; + } else { + $line .= '=' . sprintf('%02X', $ord); + } + } + return $line; + } + + /** + * Generate a DKIM signature. + * @access public + * @param string $signHeader + * @throws phpmailerException + * @return string + */ + public function DKIM_Sign($signHeader) + { + if (!defined('PKCS7_TEXT')) { + if ($this->exceptions) { + throw new phpmailerException($this->lang('signing') . ' OpenSSL extension missing.'); + } + return ''; + } + $privKeyStr = file_get_contents($this->DKIM_private); + if ($this->DKIM_passphrase != '') { + $privKey = openssl_pkey_get_private($privKeyStr, $this->DKIM_passphrase); + } else { + $privKey = $privKeyStr; + } + if (openssl_sign($signHeader, $signature, $privKey)) { + return base64_encode($signature); + } + return ''; + } + + /** + * Generate a DKIM canonicalization header. + * @access public + * @param string $signHeader Header + * @return string + */ + public function DKIM_HeaderC($signHeader) + { + $signHeader = preg_replace('/\r\n\s+/', ' ', $signHeader); + $lines = explode("\r\n", $signHeader); + foreach ($lines as $key => $line) { + list($heading, $value) = explode(':', $line, 2); + $heading = strtolower($heading); + $value = preg_replace('/\s+/', ' ', $value); // Compress useless spaces + $lines[$key] = $heading . ':' . trim($value); // Don't forget to remove WSP around the value + } + $signHeader = implode("\r\n", $lines); + return $signHeader; + } + + /** + * Generate a DKIM canonicalization body. + * @access public + * @param string $body Message Body + * @return string + */ + public function DKIM_BodyC($body) + { + if ($body == '') { + return "\r\n"; + } + // stabilize line endings + $body = str_replace("\r\n", "\n", $body); + $body = str_replace("\n", "\r\n", $body); + // END stabilize line endings + while (substr($body, strlen($body) - 4, 4) == "\r\n\r\n") { + $body = substr($body, 0, strlen($body) - 2); + } + return $body; + } + + /** + * Create the DKIM header and body in a new message header. + * @access public + * @param string $headers_line Header lines + * @param string $subject Subject + * @param string $body Body + * @return string + */ + public function DKIM_Add($headers_line, $subject, $body) + { + $DKIMsignatureType = 'rsa-sha1'; // Signature & hash algorithms + $DKIMcanonicalization = 'relaxed/simple'; // Canonicalization of header/body + $DKIMquery = 'dns/txt'; // Query method + $DKIMtime = time(); // Signature Timestamp = seconds since 00:00:00 - Jan 1, 1970 (UTC time zone) + $subject_header = "Subject: $subject"; + $headers = explode($this->LE, $headers_line); + $from_header = ''; + $to_header = ''; + $current = ''; + foreach ($headers as $header) { + if (strpos($header, 'From:') === 0) { + $from_header = $header; + $current = 'from_header'; + } elseif (strpos($header, 'To:') === 0) { + $to_header = $header; + $current = 'to_header'; + } else { + if ($current && strpos($header, ' =?') === 0) { + $current .= $header; + } else { + $current = ''; + } + } + } + $from = str_replace('|', '=7C', $this->DKIM_QP($from_header)); + $to = str_replace('|', '=7C', $this->DKIM_QP($to_header)); + $subject = str_replace( + '|', + '=7C', + $this->DKIM_QP($subject_header) + ); // Copied header fields (dkim-quoted-printable) + $body = $this->DKIM_BodyC($body); + $DKIMlen = strlen($body); // Length of body + $DKIMb64 = base64_encode(pack('H*', sha1($body))); // Base64 of packed binary SHA-1 hash of body + if ('' == $this->DKIM_identity) { + $ident = ''; + } else { + $ident = ' i=' . $this->DKIM_identity . ';'; + } + $dkimhdrs = 'DKIM-Signature: v=1; a=' . + $DKIMsignatureType . '; q=' . + $DKIMquery . '; l=' . + $DKIMlen . '; s=' . + $this->DKIM_selector . + ";\r\n" . + "\tt=" . $DKIMtime . '; c=' . $DKIMcanonicalization . ";\r\n" . + "\th=From:To:Subject;\r\n" . + "\td=" . $this->DKIM_domain . ';' . $ident . "\r\n" . + "\tz=$from\r\n" . + "\t|$to\r\n" . + "\t|$subject;\r\n" . + "\tbh=" . $DKIMb64 . ";\r\n" . + "\tb="; + $toSign = $this->DKIM_HeaderC( + $from_header . "\r\n" . $to_header . "\r\n" . $subject_header . "\r\n" . $dkimhdrs + ); + $signed = $this->DKIM_Sign($toSign); + return $dkimhdrs . $signed . "\r\n"; + } + + /** + * Allows for public read access to 'to' property. + * @access public + * @return array + */ + public function getToAddresses() + { + return $this->to; + } + + /** + * Allows for public read access to 'cc' property. + * @access public + * @return array + */ + public function getCcAddresses() + { + return $this->cc; + } + + /** + * Allows for public read access to 'bcc' property. + * @access public + * @return array + */ + public function getBccAddresses() + { + return $this->bcc; + } + + /** + * Allows for public read access to 'ReplyTo' property. + * @access public + * @return array + */ + public function getReplyToAddresses() + { + return $this->ReplyTo; + } + + /** + * Allows for public read access to 'all_recipients' property. + * @access public + * @return array + */ + public function getAllRecipientAddresses() + { + return $this->all_recipients; + } + + /** + * Perform a callback. + * @param boolean $isSent + * @param array $to + * @param array $cc + * @param array $bcc + * @param string $subject + * @param string $body + * @param string $from + */ + protected function doCallback($isSent, $to, $cc, $bcc, $subject, $body, $from) + { + if (!empty($this->action_function) && is_callable($this->action_function)) { + $params = array($isSent, $to, $cc, $bcc, $subject, $body, $from); + call_user_func_array($this->action_function, $params); + } + } +} + +/** + * PHPMailer exception handler + * @package PHPMailer + */ +class phpmailerException extends Exception +{ + /** + * Prettify error message output + * @return string + */ + public function errorMessage() + { + $errorMsg = '' . $this->getMessage() . "
\n"; + return $errorMsg; + } +} diff --git a/firstspot/bat/phpmailer/class.pop3.php b/firstspot/bat/phpmailer/class.pop3.php new file mode 100644 index 00000000..a322d979 --- /dev/null +++ b/firstspot/bat/phpmailer/class.pop3.php @@ -0,0 +1,397 @@ + + * @author Jim Jagielski (jimjag) + * @author Andy Prevost (codeworxtech) + * @author Brent R. Matzelle (original founder) + * @copyright 2012 - 2014 Marcus Bointon + * @copyright 2010 - 2012 Jim Jagielski + * @copyright 2004 - 2009 Andy Prevost + * @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License + * @note This program is distributed in the hope that it will be useful - WITHOUT + * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or + * FITNESS FOR A PARTICULAR PURPOSE. + */ + +/** + * PHPMailer POP-Before-SMTP Authentication Class. + * Specifically for PHPMailer to use for RFC1939 POP-before-SMTP authentication. + * Does not support APOP. + * @package PHPMailer + * @author Richard Davey (original author) + * @author Marcus Bointon (Synchro/coolbru) + * @author Jim Jagielski (jimjag) + * @author Andy Prevost (codeworxtech) + */ +class POP3 +{ + /** + * The POP3 PHPMailer Version number. + * @type string + * @access public + */ + public $Version = '5.2.9'; + + /** + * Default POP3 port number. + * @type integer + * @access public + */ + public $POP3_PORT = 110; + + /** + * Default timeout in seconds. + * @type integer + * @access public + */ + public $POP3_TIMEOUT = 30; + + /** + * POP3 Carriage Return + Line Feed. + * @type string + * @access public + * @deprecated Use the constant instead + */ + public $CRLF = "\r\n"; + + /** + * Debug display level. + * Options: 0 = no, 1+ = yes + * @type integer + * @access public + */ + public $do_debug = 0; + + /** + * POP3 mail server hostname. + * @type string + * @access public + */ + public $host; + + /** + * POP3 port number. + * @type integer + * @access public + */ + public $port; + + /** + * POP3 Timeout Value in seconds. + * @type integer + * @access public + */ + public $tval; + + /** + * POP3 username + * @type string + * @access public + */ + public $username; + + /** + * POP3 password. + * @type string + * @access public + */ + public $password; + + /** + * Resource handle for the POP3 connection socket. + * @type resource + * @access private + */ + private $pop_conn; + + /** + * Are we connected? + * @type boolean + * @access private + */ + private $connected = false; + + /** + * Error container. + * @type array + * @access private + */ + private $errors = array(); + + /** + * Line break constant + */ + const CRLF = "\r\n"; + + /** + * Simple static wrapper for all-in-one POP before SMTP + * @param $host + * @param boolean $port + * @param boolean $tval + * @param string $username + * @param string $password + * @param integer $debug_level + * @return boolean + */ + public static function popBeforeSmtp( + $host, + $port = false, + $tval = false, + $username = '', + $password = '', + $debug_level = 0 + ) { + $pop = new POP3; + return $pop->authorise($host, $port, $tval, $username, $password, $debug_level); + } + + /** + * Authenticate with a POP3 server. + * A connect, login, disconnect sequence + * appropriate for POP-before SMTP authorisation. + * @access public + * @param string $host The hostname to connect to + * @param integer|boolean $port The port number to connect to + * @param integer|boolean $timeout The timeout value + * @param string $username + * @param string $password + * @param integer $debug_level + * @return boolean + */ + public function authorise($host, $port = false, $timeout = false, $username = '', $password = '', $debug_level = 0) + { + $this->host = $host; + // If no port value provided, use default + if (false === $port) { + $this->port = $this->POP3_PORT; + } else { + $this->port = (integer)$port; + } + // If no timeout value provided, use default + if (false === $timeout) { + $this->tval = $this->POP3_TIMEOUT; + } else { + $this->tval = (integer)$timeout; + } + $this->do_debug = $debug_level; + $this->username = $username; + $this->password = $password; + // Reset the error log + $this->errors = array(); + // connect + $result = $this->connect($this->host, $this->port, $this->tval); + if ($result) { + $login_result = $this->login($this->username, $this->password); + if ($login_result) { + $this->disconnect(); + return true; + } + } + // We need to disconnect regardless of whether the login succeeded + $this->disconnect(); + return false; + } + + /** + * Connect to a POP3 server. + * @access public + * @param string $host + * @param integer|boolean $port + * @param integer $tval + * @return boolean + */ + public function connect($host, $port = false, $tval = 30) + { + // Are we already connected? + if ($this->connected) { + return true; + } + + //On Windows this will raise a PHP Warning error if the hostname doesn't exist. + //Rather than suppress it with @fsockopen, capture it cleanly instead + set_error_handler(array($this, 'catchWarning')); + + if (false === $port) { + $port = $this->POP3_PORT; + } + + // connect to the POP3 server + $this->pop_conn = fsockopen( + $host, // POP3 Host + $port, // Port # + $errno, // Error Number + $errstr, // Error Message + $tval + ); // Timeout (seconds) + // Restore the error handler + restore_error_handler(); + + // Did we connect? + if (false === $this->pop_conn) { + // It would appear not... + $this->setError(array( + 'error' => "Failed to connect to server $host on port $port", + 'errno' => $errno, + 'errstr' => $errstr + )); + return false; + } + + // Increase the stream time-out + stream_set_timeout($this->pop_conn, $tval, 0); + + // Get the POP3 server response + $pop3_response = $this->getResponse(); + // Check for the +OK + if ($this->checkResponse($pop3_response)) { + // The connection is established and the POP3 server is talking + $this->connected = true; + return true; + } + return false; + } + + /** + * Log in to the POP3 server. + * Does not support APOP (RFC 2828, 4949). + * @access public + * @param string $username + * @param string $password + * @return boolean + */ + public function login($username = '', $password = '') + { + if (!$this->connected) { + $this->setError('Not connected to POP3 server'); + } + if (empty($username)) { + $username = $this->username; + } + if (empty($password)) { + $password = $this->password; + } + + // Send the Username + $this->sendString("USER $username" . self::CRLF); + $pop3_response = $this->getResponse(); + if ($this->checkResponse($pop3_response)) { + // Send the Password + $this->sendString("PASS $password" . self::CRLF); + $pop3_response = $this->getResponse(); + if ($this->checkResponse($pop3_response)) { + return true; + } + } + return false; + } + + /** + * Disconnect from the POP3 server. + * @access public + */ + public function disconnect() + { + $this->sendString('QUIT'); + //The QUIT command may cause the daemon to exit, which will kill our connection + //So ignore errors here + try { + @fclose($this->pop_conn); + } catch (Exception $e) { + //Do nothing + }; + } + + /** + * Get a response from the POP3 server. + * $size is the maximum number of bytes to retrieve + * @param integer $size + * @return string + * @access private + */ + private function getResponse($size = 128) + { + $response = fgets($this->pop_conn, $size); + if ($this->do_debug >= 1) { + echo "Server -> Client: $response"; + } + return $response; + } + + /** + * Send raw data to the POP3 server. + * @param string $string + * @return integer + * @access private + */ + private function sendString($string) + { + if ($this->pop_conn) { + if ($this->do_debug >= 2) { //Show client messages when debug >= 2 + echo "Client -> Server: $string"; + } + return fwrite($this->pop_conn, $string, strlen($string)); + } + return 0; + } + + /** + * Checks the POP3 server response. + * Looks for for +OK or -ERR. + * @param string $string + * @return boolean + * @access private + */ + private function checkResponse($string) + { + if (substr($string, 0, 3) !== '+OK') { + $this->setError(array( + 'error' => "Server reported an error: $string", + 'errno' => 0, + 'errstr' => '' + )); + return false; + } else { + return true; + } + } + + /** + * Add an error to the internal error store. + * Also display debug output if it's enabled. + * @param $error + */ + private function setError($error) + { + $this->errors[] = $error; + if ($this->do_debug >= 1) { + echo '
';
+            foreach ($this->errors as $error) {
+                print_r($error);
+            }
+            echo '
'; + } + } + + /** + * POP3 connection error handler. + * @param integer $errno + * @param string $errstr + * @param string $errfile + * @param integer $errline + * @access private + */ + private function catchWarning($errno, $errstr, $errfile, $errline) + { + $this->setError(array( + 'error' => "Connecting to the POP3 server raised a PHP warning: ", + 'errno' => $errno, + 'errstr' => $errstr, + 'errfile' => $errfile, + 'errline' => $errline + )); + } +} diff --git a/firstspot/bat/phpmailer/class.smtp.php b/firstspot/bat/phpmailer/class.smtp.php new file mode 100644 index 00000000..7a0473dd --- /dev/null +++ b/firstspot/bat/phpmailer/class.smtp.php @@ -0,0 +1,1135 @@ + + * @author Jim Jagielski (jimjag) + * @author Andy Prevost (codeworxtech) + * @author Brent R. Matzelle (original founder) + * @copyright 2014 Marcus Bointon + * @copyright 2010 - 2012 Jim Jagielski + * @copyright 2004 - 2009 Andy Prevost + * @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License + * @note This program is distributed in the hope that it will be useful - WITHOUT + * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or + * FITNESS FOR A PARTICULAR PURPOSE. + */ + +/** + * PHPMailer RFC821 SMTP email transport class. + * Implements RFC 821 SMTP commands and provides some utility methods for sending mail to an SMTP server. + * @package PHPMailer + * @author Chris Ryan + * @author Marcus Bointon + */ +class SMTP +{ + /** + * The PHPMailer SMTP version number. + * @type string + */ + const VERSION = '5.2.9'; + + /** + * SMTP line break constant. + * @type string + */ + const CRLF = "\r\n"; + + /** + * The SMTP port to use if one is not specified. + * @type integer + */ + const DEFAULT_SMTP_PORT = 25; + + /** + * The maximum line length allowed by RFC 2822 section 2.1.1 + * @type integer + */ + const MAX_LINE_LENGTH = 998; + + /** + * Debug level for no output + */ + const DEBUG_OFF = 0; + + /** + * Debug level to show client -> server messages + */ + const DEBUG_CLIENT = 1; + + /** + * Debug level to show client -> server and server -> client messages + */ + const DEBUG_SERVER = 2; + + /** + * Debug level to show connection status, client -> server and server -> client messages + */ + const DEBUG_CONNECTION = 3; + + /** + * Debug level to show all messages + */ + const DEBUG_LOWLEVEL = 4; + + /** + * The PHPMailer SMTP Version number. + * @type string + * @deprecated Use the `VERSION` constant instead + * @see SMTP::VERSION + */ + public $Version = '5.2.9'; + + /** + * SMTP server port number. + * @type integer + * @deprecated This is only ever used as a default value, so use the `DEFAULT_SMTP_PORT` constant instead + * @see SMTP::DEFAULT_SMTP_PORT + */ + public $SMTP_PORT = 25; + + /** + * SMTP reply line ending. + * @type string + * @deprecated Use the `CRLF` constant instead + * @see SMTP::CRLF + */ + public $CRLF = "\r\n"; + + /** + * Debug output level. + * Options: + * * self::DEBUG_OFF (`0`) No debug output, default + * * self::DEBUG_CLIENT (`1`) Client commands + * * self::DEBUG_SERVER (`2`) Client commands and server responses + * * self::DEBUG_CONNECTION (`3`) As DEBUG_SERVER plus connection status + * * self::DEBUG_LOWLEVEL (`4`) Low-level data output, all messages + * @type integer + */ + public $do_debug = self::DEBUG_OFF; + + /** + * How to handle debug output. + * Options: + * * `echo` Output plain-text as-is, appropriate for CLI + * * `html` Output escaped, line breaks converted to `
`, appropriate for browser output + * * `error_log` Output to error log as configured in php.ini + * + * Alternatively, you can provide a callable expecting two params: a message string and the debug level: + * + * $smtp->Debugoutput = function($str, $level) {echo "debug level $level; message: $str";}; + * + * @type string|callable + */ + public $Debugoutput = 'echo'; + + /** + * Whether to use VERP. + * @link http://en.wikipedia.org/wiki/Variable_envelope_return_path + * @link http://www.postfix.org/VERP_README.html Info on VERP + * @type boolean + */ + public $do_verp = false; + + /** + * The timeout value for connection, in seconds. + * Default of 5 minutes (300sec) is from RFC2821 section 4.5.3.2 + * This needs to be quite high to function correctly with hosts using greetdelay as an anti-spam measure. + * @link http://tools.ietf.org/html/rfc2821#section-4.5.3.2 + * @type integer + */ + public $Timeout = 300; + + /** + * How long to wait for commands to complete, in seconds. + * Default of 5 minutes (300sec) is from RFC2821 section 4.5.3.2 + * @type integer + */ + public $Timelimit = 300; + + /** + * The socket for the server connection. + * @type resource + */ + protected $smtp_conn; + + /** + * Error message, if any, for the last call. + * @type array + */ + protected $error = array(); + + /** + * The reply the server sent to us for HELO. + * If null, no HELO string has yet been received. + * @type string|null + */ + protected $helo_rply = null; + + /** + * The set of SMTP extensions sent in reply to EHLO command. + * Indexes of the array are extension names. + * Value at index 'HELO' or 'EHLO' (according to command that was sent) + * represents the server name. In case of HELO it is the only element of the array. + * Other values can be boolean TRUE or an array containing extension options. + * If null, no HELO/EHLO string has yet been received. + * @type array|null + */ + protected $server_caps = null; + + /** + * The most recent reply received from the server. + * @type string + */ + protected $last_reply = ''; + + /** + * Output debugging info via a user-selected method. + * @see SMTP::$Debugoutput + * @see SMTP::$do_debug + * @param string $str Debug string to output + * @param integer $level The debug level of this message; see DEBUG_* constants + * @return void + */ + protected function edebug($str, $level = 0) + { + if ($level > $this->do_debug) { + return; + } + //Avoid clash with built-in function names + if (!in_array($this->Debugoutput, array('error_log', 'html', 'echo')) and is_callable($this->Debugoutput)) { + call_user_func($this->Debugoutput, $str, $this->do_debug); + return; + } + switch ($this->Debugoutput) { + case 'error_log': + //Don't output, just log + error_log($str); + break; + case 'html': + //Cleans up output a bit for a better looking, HTML-safe output + echo htmlentities( + preg_replace('/[\r\n]+/', '', $str), + ENT_QUOTES, + 'UTF-8' + ) + . "
\n"; + break; + case 'echo': + default: + //Normalize line breaks + $str = preg_replace('/(\r\n|\r|\n)/ms', "\n", $str); + echo gmdate('Y-m-d H:i:s') . "\t" . str_replace( + "\n", + "\n \t ", + trim($str) + )."\n"; + } + } + + /** + * Connect to an SMTP server. + * @param string $host SMTP server IP or host name + * @param integer $port The port number to connect to + * @param integer $timeout How long to wait for the connection to open + * @param array $options An array of options for stream_context_create() + * @access public + * @return boolean + */ + public function connect($host, $port = null, $timeout = 30, $options = array()) + { + static $streamok; + //This is enabled by default since 5.0.0 but some providers disable it + //Check this once and cache the result + if (is_null($streamok)) { + $streamok = function_exists('stream_socket_client'); + } + // Clear errors to avoid confusion + $this->error = array(); + // Make sure we are __not__ connected + if ($this->connected()) { + // Already connected, generate error + $this->error = array('error' => 'Already connected to a server'); + return false; + } + if (empty($port)) { + $port = self::DEFAULT_SMTP_PORT; + } + // Connect to the SMTP server + $this->edebug( + "Connection: opening to $host:$port, t=$timeout, opt=".var_export($options, true), + self::DEBUG_CONNECTION + ); + $errno = 0; + $errstr = ''; + if ($streamok) { + $socket_context = stream_context_create($options); + //Suppress errors; connection failures are handled at a higher level + $this->smtp_conn = @stream_socket_client( + $host . ":" . $port, + $errno, + $errstr, + $timeout, + STREAM_CLIENT_CONNECT, + $socket_context + ); + } else { + //Fall back to fsockopen which should work in more places, but is missing some features + $this->edebug( + "Connection: stream_socket_client not available, falling back to fsockopen", + self::DEBUG_CONNECTION + ); + $this->smtp_conn = fsockopen( + $host, + $port, + $errno, + $errstr, + $timeout + ); + } + // Verify we connected properly + if (!is_resource($this->smtp_conn)) { + $this->error = array( + 'error' => 'Failed to connect to server', + 'errno' => $errno, + 'errstr' => $errstr + ); + $this->edebug( + 'SMTP ERROR: ' . $this->error['error'] + . ": $errstr ($errno)", + self::DEBUG_CLIENT + ); + return false; + } + $this->edebug('Connection: opened', self::DEBUG_CONNECTION); + // SMTP server can take longer to respond, give longer timeout for first read + // Windows does not have support for this timeout function + if (substr(PHP_OS, 0, 3) != 'WIN') { + $max = ini_get('max_execution_time'); + // Don't bother if unlimited + if ($max != 0 && $timeout > $max) { + @set_time_limit($timeout); + } + stream_set_timeout($this->smtp_conn, $timeout, 0); + } + // Get any announcement + $announce = $this->get_lines(); + $this->edebug('SERVER -> CLIENT: ' . $announce, self::DEBUG_SERVER); + return true; + } + + /** + * Initiate a TLS (encrypted) session. + * @access public + * @return boolean + */ + public function startTLS() + { + if (!$this->sendCommand('STARTTLS', 'STARTTLS', 220)) { + return false; + } + // Begin encrypted connection + if (!stream_socket_enable_crypto( + $this->smtp_conn, + true, + STREAM_CRYPTO_METHOD_TLS_CLIENT + )) { + return false; + } + return true; + } + + /** + * Perform SMTP authentication. + * Must be run after hello(). + * @see hello() + * @param string $username The user name + * @param string $password The password + * @param string $authtype The auth type (PLAIN, LOGIN, NTLM, CRAM-MD5) + * @param string $realm The auth realm for NTLM + * @param string $workstation The auth workstation for NTLM + * @access public + * @return boolean True if successfully authenticated. + */ + public function authenticate( + $username, + $password, + $authtype = null, + $realm = '', + $workstation = '' + ) { + if (!$this->server_caps) { + $this->error = array('error' => 'Authentication is not allowed before HELO/EHLO'); + return false; + } + + if (array_key_exists('EHLO', $this->server_caps)) { + // SMTP extensions are available. Let's try to find a proper authentication method + + if (!array_key_exists('AUTH', $this->server_caps)) { + $this->error = array( 'error' => 'Authentication is not allowed at this stage' ); + // 'at this stage' means that auth may be allowed after the stage changes + // e.g. after STARTTLS + return false; + } + + self::edebug('Auth method requested: ' . ($authtype ? $authtype : 'UNKNOWN'), self::DEBUG_LOWLEVEL); + self::edebug( + 'Auth methods available on the server: ' . implode(',', $this->server_caps['AUTH']), + self::DEBUG_LOWLEVEL + ); + + if (empty($authtype)) { + foreach (array('LOGIN', 'CRAM-MD5', 'NTLM', 'PLAIN') as $method) { + if (in_array($method, $this->server_caps['AUTH'])) { + $authtype = $method; + break; + } + } + if (empty($authtype)) { + $this->error = array( 'error' => 'No supported authentication methods found' ); + return false; + } + self::edebug('Auth method selected: '.$authtype, self::DEBUG_LOWLEVEL); + } + + if (!in_array($authtype, $this->server_caps['AUTH'])) { + $this->error = array( 'error' => 'The requested authentication method "' + . $authtype . '" is not supported by the server' ); + return false; + } + } elseif (empty($authtype)) { + $authtype = 'LOGIN'; + } + switch ($authtype) { + case 'PLAIN': + // Start authentication + if (!$this->sendCommand('AUTH', 'AUTH PLAIN', 334)) { + return false; + } + // Send encoded username and password + if (!$this->sendCommand( + 'User & Password', + base64_encode("\0" . $username . "\0" . $password), + 235 + ) + ) { + return false; + } + break; + case 'LOGIN': + // Start authentication + if (!$this->sendCommand('AUTH', 'AUTH LOGIN', 334)) { + return false; + } + if (!$this->sendCommand("Username", base64_encode($username), 334)) { + return false; + } + if (!$this->sendCommand("Password", base64_encode($password), 235)) { + return false; + } + break; + case 'NTLM': + /* + * ntlm_sasl_client.php + * Bundled with Permission + * + * How to telnet in windows: + * http://technet.microsoft.com/en-us/library/aa995718%28EXCHG.65%29.aspx + * PROTOCOL Docs http://curl.haxx.se/rfc/ntlm.html#ntlmSmtpAuthentication + */ + require_once 'extras/ntlm_sasl_client.php'; + $temp = new stdClass(); + $ntlm_client = new ntlm_sasl_client_class; + //Check that functions are available + if (!$ntlm_client->Initialize($temp)) { + $this->error = array('error' => $temp->error); + $this->edebug( + 'You need to enable some modules in your php.ini file: ' + . $this->error['error'], + self::DEBUG_CLIENT + ); + return false; + } + //msg1 + $msg1 = $ntlm_client->TypeMsg1($realm, $workstation); //msg1 + + if (!$this->sendCommand( + 'AUTH NTLM', + 'AUTH NTLM ' . base64_encode($msg1), + 334 + ) + ) { + return false; + } + //Though 0 based, there is a white space after the 3 digit number + //msg2 + $challenge = substr($this->last_reply, 3); + $challenge = base64_decode($challenge); + $ntlm_res = $ntlm_client->NTLMResponse( + substr($challenge, 24, 8), + $password + ); + //msg3 + $msg3 = $ntlm_client->TypeMsg3( + $ntlm_res, + $username, + $realm, + $workstation + ); + // send encoded username + return $this->sendCommand('Username', base64_encode($msg3), 235); + case 'CRAM-MD5': + // Start authentication + if (!$this->sendCommand('AUTH CRAM-MD5', 'AUTH CRAM-MD5', 334)) { + return false; + } + // Get the challenge + $challenge = base64_decode(substr($this->last_reply, 4)); + + // Build the response + $response = $username . ' ' . $this->hmac($challenge, $password); + + // send encoded credentials + return $this->sendCommand('Username', base64_encode($response), 235); + default: + $this->error = array( 'error' => 'Authentication method "' . $authtype . '" is not supported' ); + return false; + } + return true; + } + + /** + * Calculate an MD5 HMAC hash. + * Works like hash_hmac('md5', $data, $key) + * in case that function is not available + * @param string $data The data to hash + * @param string $key The key to hash with + * @access protected + * @return string + */ + protected function hmac($data, $key) + { + if (function_exists('hash_hmac')) { + return hash_hmac('md5', $data, $key); + } + + // The following borrowed from + // http://php.net/manual/en/function.mhash.php#27225 + + // RFC 2104 HMAC implementation for php. + // Creates an md5 HMAC. + // Eliminates the need to install mhash to compute a HMAC + // by Lance Rushing + + $bytelen = 64; // byte length for md5 + if (strlen($key) > $bytelen) { + $key = pack('H*', md5($key)); + } + $key = str_pad($key, $bytelen, chr(0x00)); + $ipad = str_pad('', $bytelen, chr(0x36)); + $opad = str_pad('', $bytelen, chr(0x5c)); + $k_ipad = $key ^ $ipad; + $k_opad = $key ^ $opad; + + return md5($k_opad . pack('H*', md5($k_ipad . $data))); + } + + /** + * Check connection state. + * @access public + * @return boolean True if connected. + */ + public function connected() + { + if (is_resource($this->smtp_conn)) { + $sock_status = stream_get_meta_data($this->smtp_conn); + if ($sock_status['eof']) { + // The socket is valid but we are not connected + $this->edebug( + 'SMTP NOTICE: EOF caught while checking if connected', + self::DEBUG_CLIENT + ); + $this->close(); + return false; + } + return true; // everything looks good + } + return false; + } + + /** + * Close the socket and clean up the state of the class. + * Don't use this function without first trying to use QUIT. + * @see quit() + * @access public + * @return void + */ + public function close() + { + $this->error = array(); + $this->server_caps = null; + $this->helo_rply = null; + if (is_resource($this->smtp_conn)) { + // close the connection and cleanup + fclose($this->smtp_conn); + $this->smtp_conn = null; //Makes for cleaner serialization + $this->edebug('Connection: closed', self::DEBUG_CONNECTION); + } + } + + /** + * Send an SMTP DATA command. + * Issues a data command and sends the msg_data to the server, + * finializing the mail transaction. $msg_data is the message + * that is to be send with the headers. Each header needs to be + * on a single line followed by a with the message headers + * and the message body being separated by and additional . + * Implements rfc 821: DATA + * @param string $msg_data Message data to send + * @access public + * @return boolean + */ + public function data($msg_data) + { + //This will use the standard timelimit + if (!$this->sendCommand('DATA', 'DATA', 354)) { + return false; + } + + /* The server is ready to accept data! + * According to rfc821 we should not send more than 1000 characters on a single line (including the CRLF) + * so we will break the data up into lines by \r and/or \n then if needed we will break each of those into + * smaller lines to fit within the limit. + * We will also look for lines that start with a '.' and prepend an additional '.'. + * NOTE: this does not count towards line-length limit. + */ + + // Normalize line breaks before exploding + $lines = explode("\n", str_replace(array("\r\n", "\r"), "\n", $msg_data)); + + /* To distinguish between a complete RFC822 message and a plain message body, we check if the first field + * of the first line (':' separated) does not contain a space then it _should_ be a header and we will + * process all lines before a blank line as headers. + */ + + $field = substr($lines[0], 0, strpos($lines[0], ':')); + $in_headers = false; + if (!empty($field) && strpos($field, ' ') === false) { + $in_headers = true; + } + + foreach ($lines as $line) { + $lines_out = array(); + if ($in_headers and $line == '') { + $in_headers = false; + } + //We need to break this line up into several smaller lines + //This is a small micro-optimisation: isset($str[$len]) is equivalent to (strlen($str) > $len) + while (isset($line[self::MAX_LINE_LENGTH])) { + //Working backwards, try to find a space within the last MAX_LINE_LENGTH chars of the line to break on + //so as to avoid breaking in the middle of a word + $pos = strrpos(substr($line, 0, self::MAX_LINE_LENGTH), ' '); + //Deliberately matches both false and 0 + if (!$pos) { + //No nice break found, add a hard break + $pos = self::MAX_LINE_LENGTH - 1; + $lines_out[] = substr($line, 0, $pos); + $line = substr($line, $pos); + } else { + //Break at the found point + $lines_out[] = substr($line, 0, $pos); + //Move along by the amount we dealt with + $line = substr($line, $pos + 1); + } + //If processing headers add a LWSP-char to the front of new line RFC822 section 3.1.1 + if ($in_headers) { + $line = "\t" . $line; + } + } + $lines_out[] = $line; + + //Send the lines to the server + foreach ($lines_out as $line_out) { + //RFC2821 section 4.5.2 + if (!empty($line_out) and $line_out[0] == '.') { + $line_out = '.' . $line_out; + } + $this->client_send($line_out . self::CRLF); + } + } + + //Message data has been sent, complete the command + //Increase timelimit for end of DATA command + $savetimelimit = $this->Timelimit; + $this->Timelimit = $this->Timelimit * 2; + $result = $this->sendCommand('DATA END', '.', 250); + //Restore timelimit + $this->Timelimit = $savetimelimit; + return $result; + } + + /** + * Send an SMTP HELO or EHLO command. + * Used to identify the sending server to the receiving server. + * This makes sure that client and server are in a known state. + * Implements RFC 821: HELO + * and RFC 2821 EHLO. + * @param string $host The host name or IP to connect to + * @access public + * @return boolean + */ + public function hello($host = '') + { + //Try extended hello first (RFC 2821) + return (boolean)($this->sendHello('EHLO', $host) or $this->sendHello('HELO', $host)); + } + + /** + * Send an SMTP HELO or EHLO command. + * Low-level implementation used by hello() + * @see hello() + * @param string $hello The HELO string + * @param string $host The hostname to say we are + * @access protected + * @return boolean + */ + protected function sendHello($hello, $host) + { + $noerror = $this->sendCommand($hello, $hello . ' ' . $host, 250); + $this->helo_rply = $this->last_reply; + if ($noerror) { + $this->parseHelloFields($hello); + } else { + $this->server_caps = null; + } + return $noerror; + } + + /** + * Parse a reply to HELO/EHLO command to discover server extensions. + * In case of HELO, the only parameter that can be discovered is a server name. + * @access protected + * @param string $type - 'HELO' or 'EHLO' + */ + protected function parseHelloFields($type) + { + $this->server_caps = array(); + $lines = explode("\n", $this->last_reply); + foreach ($lines as $n => $s) { + $s = trim(substr($s, 4)); + if (!$s) { + continue; + } + $fields = explode(' ', $s); + if (!empty($fields)) { + if (!$n) { + $name = $type; + $fields = $fields[0]; + } else { + $name = array_shift($fields); + if ($name == 'SIZE') { + $fields = ($fields) ? $fields[0] : 0; + } + } + $this->server_caps[$name] = ($fields ? $fields : true); + } + } + } + + /** + * Send an SMTP MAIL command. + * Starts a mail transaction from the email address specified in + * $from. Returns true if successful or false otherwise. If True + * the mail transaction is started and then one or more recipient + * commands may be called followed by a data command. + * Implements rfc 821: MAIL FROM: + * @param string $from Source address of this message + * @access public + * @return boolean + */ + public function mail($from) + { + $useVerp = ($this->do_verp ? ' XVERP' : ''); + return $this->sendCommand( + 'MAIL FROM', + 'MAIL FROM:<' . $from . '>' . $useVerp, + 250 + ); + } + + /** + * Send an SMTP QUIT command. + * Closes the socket if there is no error or the $close_on_error argument is true. + * Implements from rfc 821: QUIT + * @param boolean $close_on_error Should the connection close if an error occurs? + * @access public + * @return boolean + */ + public function quit($close_on_error = true) + { + $noerror = $this->sendCommand('QUIT', 'QUIT', 221); + $err = $this->error; //Save any error + if ($noerror or $close_on_error) { + $this->close(); + $this->error = $err; //Restore any error from the quit command + } + return $noerror; + } + + /** + * Send an SMTP RCPT command. + * Sets the TO argument to $toaddr. + * Returns true if the recipient was accepted false if it was rejected. + * Implements from rfc 821: RCPT TO: + * @param string $toaddr The address the message is being sent to + * @access public + * @return boolean + */ + public function recipient($toaddr) + { + return $this->sendCommand( + 'RCPT TO', + 'RCPT TO:<' . $toaddr . '>', + array(250, 251) + ); + } + + /** + * Send an SMTP RSET command. + * Abort any transaction that is currently in progress. + * Implements rfc 821: RSET + * @access public + * @return boolean True on success. + */ + public function reset() + { + return $this->sendCommand('RSET', 'RSET', 250); + } + + /** + * Send a command to an SMTP server and check its return code. + * @param string $command The command name - not sent to the server + * @param string $commandstring The actual command to send + * @param integer|array $expect One or more expected integer success codes + * @access protected + * @return boolean True on success. + */ + protected function sendCommand($command, $commandstring, $expect) + { + if (!$this->connected()) { + $this->error = array( + 'error' => "Called $command without being connected" + ); + return false; + } + $this->client_send($commandstring . self::CRLF); + + $this->last_reply = $this->get_lines(); + // Fetch SMTP code and possible error code explanation + $matches = array(); + if (preg_match("/^([0-9]{3})[ -](?:([0-9]\\.[0-9]\\.[0-9]) )?/", $this->last_reply, $matches)) { + $code = $matches[1]; + $code_ex = (count($matches) > 2 ? $matches[2] : null); + // Cut off error code from each response line + $detail = preg_replace( + "/{$code}[ -]".($code_ex ? str_replace('.', '\\.', $code_ex).' ' : '')."/m", + '', + $this->last_reply + ); + } else { + // Fall back to simple parsing if regex fails + $code = substr($this->last_reply, 0, 3); + $code_ex = null; + $detail = substr($this->last_reply, 4); + } + + $this->edebug('SERVER -> CLIENT: ' . $this->last_reply, self::DEBUG_SERVER); + + if (!in_array($code, (array)$expect)) { + $this->error = array( + 'error' => "$command command failed", + 'smtp_code' => $code, + 'smtp_code_ex' => $code_ex, + 'detail' => $detail + ); + $this->edebug( + 'SMTP ERROR: ' . $this->error['error'] . ': ' . $this->last_reply, + self::DEBUG_CLIENT + ); + return false; + } + + $this->error = array(); + return true; + } + + /** + * Send an SMTP SAML command. + * Starts a mail transaction from the email address specified in $from. + * Returns true if successful or false otherwise. If True + * the mail transaction is started and then one or more recipient + * commands may be called followed by a data command. This command + * will send the message to the users terminal if they are logged + * in and send them an email. + * Implements rfc 821: SAML FROM: + * @param string $from The address the message is from + * @access public + * @return boolean + */ + public function sendAndMail($from) + { + return $this->sendCommand('SAML', "SAML FROM:$from", 250); + } + + /** + * Send an SMTP VRFY command. + * @param string $name The name to verify + * @access public + * @return boolean + */ + public function verify($name) + { + return $this->sendCommand('VRFY', "VRFY $name", array(250, 251)); + } + + /** + * Send an SMTP NOOP command. + * Used to keep keep-alives alive, doesn't actually do anything + * @access public + * @return boolean + */ + public function noop() + { + return $this->sendCommand('NOOP', 'NOOP', 250); + } + + /** + * Send an SMTP TURN command. + * This is an optional command for SMTP that this class does not support. + * This method is here to make the RFC821 Definition complete for this class + * and _may_ be implemented in future + * Implements from rfc 821: TURN + * @access public + * @return boolean + */ + public function turn() + { + $this->error = array( + 'error' => 'The SMTP TURN command is not implemented' + ); + $this->edebug('SMTP NOTICE: ' . $this->error['error'], self::DEBUG_CLIENT); + return false; + } + + /** + * Send raw data to the server. + * @param string $data The data to send + * @access public + * @return integer|boolean The number of bytes sent to the server or false on error + */ + public function client_send($data) + { + $this->edebug("CLIENT -> SERVER: $data", self::DEBUG_CLIENT); + return fwrite($this->smtp_conn, $data); + } + + /** + * Get the latest error. + * @access public + * @return array + */ + public function getError() + { + return $this->error; + } + + /** + * Get SMTP extensions available on the server + * @access public + * @return array|null + */ + public function getServerExtList() + { + return $this->server_caps; + } + + /** + * A multipurpose method + * The method works in three ways, dependent on argument value and current state + * 1. HELO/EHLO was not sent - returns null and set up $this->error + * 2. HELO was sent + * $name = 'HELO': returns server name + * $name = 'EHLO': returns boolean false + * $name = any string: returns null and set up $this->error + * 3. EHLO was sent + * $name = 'HELO'|'EHLO': returns server name + * $name = any string: if extension $name exists, returns boolean True + * or its options. Otherwise returns boolean False + * In other words, one can use this method to detect 3 conditions: + * - null returned: handshake was not or we don't know about ext (refer to $this->error) + * - false returned: the requested feature exactly not exists + * - positive value returned: the requested feature exists + * @param string $name Name of SMTP extension or 'HELO'|'EHLO' + * @return mixed + */ + public function getServerExt($name) + { + if (!$this->server_caps) { + $this->error = array('No HELO/EHLO was sent'); + return null; + } + + // the tight logic knot ;) + if (!array_key_exists($name, $this->server_caps)) { + if ($name == 'HELO') { + return $this->server_caps['EHLO']; + } + if ($name == 'EHLO' || array_key_exists('EHLO', $this->server_caps)) { + return false; + } + $this->error = array('HELO handshake was used. Client knows nothing about server extensions'); + return null; + } + + return $this->server_caps[$name]; + } + + /** + * Get the last reply from the server. + * @access public + * @return string + */ + public function getLastReply() + { + return $this->last_reply; + } + + /** + * Read the SMTP server's response. + * Either before eof or socket timeout occurs on the operation. + * With SMTP we can tell if we have more lines to read if the + * 4th character is '-' symbol. If it is a space then we don't + * need to read anything else. + * @access protected + * @return string + */ + protected function get_lines() + { + // If the connection is bad, give up straight away + if (!is_resource($this->smtp_conn)) { + return ''; + } + $data = ''; + $endtime = 0; + stream_set_timeout($this->smtp_conn, $this->Timeout); + if ($this->Timelimit > 0) { + $endtime = time() + $this->Timelimit; + } + while (is_resource($this->smtp_conn) && !feof($this->smtp_conn)) { + $str = @fgets($this->smtp_conn, 515); + $this->edebug("SMTP -> get_lines(): \$data was \"$data\"", self::DEBUG_LOWLEVEL); + $this->edebug("SMTP -> get_lines(): \$str is \"$str\"", self::DEBUG_LOWLEVEL); + $data .= $str; + $this->edebug("SMTP -> get_lines(): \$data is \"$data\"", self::DEBUG_LOWLEVEL); + // If 4th character is a space, we are done reading, break the loop, micro-optimisation over strlen + if ((isset($str[3]) and $str[3] == ' ')) { + break; + } + // Timed-out? Log and break + $info = stream_get_meta_data($this->smtp_conn); + if ($info['timed_out']) { + $this->edebug( + 'SMTP -> get_lines(): timed-out (' . $this->Timeout . ' sec)', + self::DEBUG_LOWLEVEL + ); + break; + } + // Now check if reads took too long + if ($endtime and time() > $endtime) { + $this->edebug( + 'SMTP -> get_lines(): timelimit reached ('. + $this->Timelimit . ' sec)', + self::DEBUG_LOWLEVEL + ); + break; + } + } + return $data; + } + + /** + * Enable or disable VERP address generation. + * @param boolean $enabled + */ + public function setVerp($enabled = false) + { + $this->do_verp = $enabled; + } + + /** + * Get VERP address generation mode. + * @return boolean + */ + public function getVerp() + { + return $this->do_verp; + } + + /** + * Set debug output method. + * @param string|callable $method The name of the mechanism to use for debugging output, or a callable to handle it. + */ + public function setDebugOutput($method = 'echo') + { + $this->Debugoutput = $method; + } + + /** + * Get debug output method. + * @return string + */ + public function getDebugOutput() + { + return $this->Debugoutput; + } + + /** + * Set debug output level. + * @param integer $level + */ + public function setDebugLevel($level = 0) + { + $this->do_debug = $level; + } + + /** + * Get debug output level. + * @return integer + */ + public function getDebugLevel() + { + return $this->do_debug; + } + + /** + * Set SMTP timeout. + * @param integer $timeout + */ + public function setTimeout($timeout = 0) + { + $this->Timeout = $timeout; + } + + /** + * Get SMTP timeout. + * @return integer + */ + public function getTimeout() + { + return $this->Timeout; + } +} diff --git a/firstspot/bat/rd-mailform.config.json b/firstspot/bat/rd-mailform.config.json new file mode 100644 index 00000000..91b47772 --- /dev/null +++ b/firstspot/bat/rd-mailform.config.json @@ -0,0 +1,8 @@ +{ + "useSmtp": false, + "host": "stmp.gmail.com", + "port": 465, + "username": "demo@gmail.com", + "password": "demopassword", + "recipientEmail": "demo@gmail.com" +} diff --git a/firstspot/bat/rd-mailform.php b/firstspot/bat/rd-mailform.php new file mode 100644 index 00000000..1372a1a7 --- /dev/null +++ b/firstspot/bat/rd-mailform.php @@ -0,0 +1,146 @@ +", ""), + array("Email:", $_POST['email']), + $template); + } + + if (isset($_POST['message'])) { + $template = str_replace( + array("", ""), + array("Message:", $_POST['message']), + $template); + } + + preg_match("/()(.|\s)*?()/", $template, $tmp, PREG_OFFSET_CAPTURE); + foreach ($_POST as $key => $value) { + if ($key != "counter" && $key != "email" && $key != "message" && $key != "form-type" && $key != "g-recaptcha-response" && !empty($value)){ + $info = str_replace( + array("", "", ""), + array("", ucfirst($key) . ':', $value), + $tmp[0][0]); + + $template = str_replace("", $info, $template); + } + } + + $template = str_replace( + array("", ""), + array($subject, $_SERVER['SERVER_NAME']), + $template); + + $mail = new PHPMailer(); + + + if ($formConfig['useSmtp']) { + //Tell PHPMailer to use SMTP + $mail->isSMTP(); + + //Enable SMTP debugging + // 0 = off (for production use) + // 1 = client messages + // 2 = client and server messages + $mail->SMTPDebug = 0; + + $mail->Debugoutput = 'html'; + + // Set the hostname of the mail server + $mail->Host = $formConfig['host']; + + // Set the SMTP port number - likely to be 25, 465 or 587 + $mail->Port = $formConfig['port']; + + // Whether to use SMTP authentication + $mail->SMTPAuth = true; + $mail->SMTPSecure = "ssl"; + + // Username to use for SMTP authentication + $mail->Username = $formConfig['username']; + + // Password to use for SMTP authentication + $mail->Password = $formConfig['password']; + } + + $mail->From = $addresses[0][0][0]; + + # Attach file + if (isset($_FILES['file']) && + $_FILES['file']['error'] == UPLOAD_ERR_OK) { + $mail->AddAttachment($_FILES['file']['tmp_name'], + $_FILES['file']['name']); + } + + if (isset($_POST['name'])){ + $mail->FromName = $_POST['name']; + }else{ + $mail->FromName = "Site Visitor"; + } + + foreach ($addresses[0] as $key => $value) { + $mail->addAddress($value[0]); + } + + $mail->CharSet = 'utf-8'; + $mail->Subject = $subject; + $mail->MsgHTML($template); + $mail->send(); + + die('MF000'); +} catch (phpmailerException $e) { + die('MF254'); +} catch (Exception $e) { + die('MF255'); +} \ No newline at end of file diff --git a/firstspot/bat/rd-mailform.tpl b/firstspot/bat/rd-mailform.tpl new file mode 100644 index 00000000..83210a3c --- /dev/null +++ b/firstspot/bat/rd-mailform.tpl @@ -0,0 +1,196 @@ + + + + + + + <!-- #{Subject} --> + + + + + + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + + + + +
Notification
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Hi, someone left a message for you at
+ + + + + + + +
+ + + + +
+
+ + + + +
+
+
+ +
+ + + + + + + + + + + + + +
+ + + + + + + + + + + +
+
+ +
+
+
+
+ + + + +
This is an automatically generated email, please do not reply.
+
+
+ + \ No newline at end of file diff --git a/firstspot/bat/rd-search.php b/firstspot/bat/rd-search.php new file mode 100644 index 00000000..9f843df2 --- /dev/null +++ b/firstspot/bat/rd-search.php @@ -0,0 +1,217 @@ +(.*)\<\/title\>/", $contents, $page_title); //getting page title + if (preg_match("#\(.*)\<\/body\>#si", $contents, $body_content)) { //getting content only between tags + $clean_content = strip_tags($body_content[0]); //remove html tags + $clean_content = preg_replace('/\s+/', ' ', $clean_content); //remove duplicate whitespaces, carriage returns, tabs, etc + + $found = strpos_recursive(mb_strtolower($clean_content, 'UTF-8'), $search_term); + + $final_result[$file_count]['page_title'][] = $page_title[1]; + $final_result[$file_count]['file_name'][] = preg_replace("/^.{3}/", "\\1", $file); + } + + for ($j = 0; $j < count($template_tokens); $j++) { + if (preg_match("/\/", $contents, $res)) { + $final_result[$file_count][$template_tokens[$j]] = $res[1]; + } + } + + if ($found && !empty($found)) { + for ($z = 0; $z < count($found[0]); $z++) { + $pos = $found[0][$z][1]; + $side_chars = SIDE_CHARS; + if ($pos < SIDE_CHARS) { + $side_chars = $pos; + if (isset($_GET['liveSearch']) and $_GET['liveSearch'] != "") { + $pos_end = SIDE_CHARS + $search_term_length + 15; + } else { + $pos_end = SIDE_CHARS * 9 + $search_term_length; + } + } else { + if (isset($_GET['liveSearch']) and $_GET['liveSearch'] != "") { + $pos_end = SIDE_CHARS + $search_term_length + 15; + } else { + $pos_end = SIDE_CHARS * 9 + $search_term_length; + } + } + + $pos_start = $pos - $side_chars; + $str = substr($clean_content, $pos_start, $pos_end); + $result = preg_replace('#' . $search_term . '#ui', '\0', $str); + //$result = preg_replace('#'.$search_term.'#ui', ''.$search_term.'', $str); + $final_result[$file_count]['search_result'][] = $result; + + } + } else { + $final_result[$file_count]['search_result'][] = ''; + } + $file_count++; +} + +if ($file_count > 0) { + +//Sort final result + foreach ($final_result as $key => $row) { + $search_result[$key] = $row['search_result']; + } + array_multisort($search_result, SORT_DESC, $final_result); +} + +?> + +
+ + 0 and isset($_GET['liveSearch']) and $_GET['liveSearch'] != "") { + echo "
Quick Results
"; + } ?> + +
    + = $search_live_count) { + } else { + ?> +
  1. + + +
  2. +
    No results found for "' . $search_term . '"
+
+ + 1) { + $result = end($parts); + } + return $result; +} + +function strpos_recursive($haystack, $needle, $offset = 0, &$results = array()) +{ + $offset = stripos($haystack, $needle, $offset); + if ($offset === false) { + return $results; + } else { + $pattern = '/' . $needle . '/ui'; + preg_match_all($pattern, $haystack, $results, PREG_OFFSET_CAPTURE); + return $results; + } +} + +?> \ No newline at end of file diff --git a/firstspot/bat/reCaptcha.php b/firstspot/bat/reCaptcha.php new file mode 100644 index 00000000..6ed1f1a3 --- /dev/null +++ b/firstspot/bat/reCaptcha.php @@ -0,0 +1,34 @@ +verify($_POST['g-recaptcha-response'], $_SERVER['REMOTE_ADDR']); + + if ($resp->isSuccess()): + // If the response is a success, that's it! + die('CPT000'); + else: + // Something wrong + die('CPT002'); + endif; + +endif; +?> diff --git a/firstspot/css/about.css b/firstspot/css/about.css new file mode 100644 index 00000000..a0d4429f --- /dev/null +++ b/firstspot/css/about.css @@ -0,0 +1,191 @@ +/* +about us styles +*/ + +.aboutBody{ + background-color: #faebd7; + +} + +.header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.header .appTitle { + font-family: 'Glass Antiqua', cursive; + font-size: 50px; + font-style: italic; +} + +.header .tagline { + font-size: 1.6rem; + font-family: 'Comforter', cursive; + margin-left: 40px; + margin-top: 60px; + font-weight: bold; +} + +.footer { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + background-color: #B1D4E0; +} + +.footer div:not(:first-child) { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: end; +} + +.footer h3 { + padding: 0%; + margin: 0%; + color: #494949; +} + +.footer p { + padding: 0%; + margin: 0%; + color: #494949; +} + +.footer .first_footer { + -ms-grid-column-align: start; + justify-self: start; + margin-left: 3%; + max-width: 30%; + margin-bottom: 3%; +} + +.aboutus h2{ + margin-top: 3%; + margin-left: 7%; + } + +.aboutus .about_compartment { + font-size: 1.5rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.aboutus .about_compartment p { + margin-left: 7%; + max-width: 60%; +} + +.aboutus .about_compartment img { + height: 400px; + margin-top: -40px; + margin-left: 50px; + border: 2px solid black; + border-radius: 15px; +} + +.aboutus h2::after { + content: ''; + background: #fab703; + display: block; + height: 3px; + width: 150px; + margin: 20px -1px; +} + +.waves { + position: relative; + width: 100%; + height: 15vh; + margin-bottom: -7px; + /*Fix for safari gap*/ + min-height: 200px; + max-height: 250px; +} + +.content { + position: relative; + height: 20vh; + text-align: center; + background-color: #B1D4E0; +} + + /* Animation */ +.parallax > use { + -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; + animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; +} + +.parallax > use:nth-child(1) { + -webkit-animation-delay: -2s; + animation-delay: -2s; + -webkit-animation-duration: 7s; + animation-duration: 7s; +} + +.parallax > use:nth-child(2) { + -webkit-animation-delay: -3s; + animation-delay: -3s; + -webkit-animation-duration: 10s; + animation-duration: 10s; +} + +.parallax > use:nth-child(3) { + -webkit-animation-delay: -4s; + animation-delay: -4s; + -webkit-animation-duration: 13s; + animation-duration: 13s; +} + +.parallax > use:nth-child(4) { + -webkit-animation-delay: -5s; + animation-delay: -5s; + -webkit-animation-duration: 20s; + animation-duration: 20s; +} + +@-webkit-keyframes move-forever { + 0% { + -webkit-transform: translate3d(-90px, 0, 0); + transform: translate3d(-90px, 0, 0); + } + 100% { + -webkit-transform: translate3d(85px, 0, 0); + transform: translate3d(85px, 0, 0); + } +} + +@keyframes move-forever { + 0% { + -webkit-transform: translate3d(-90px, 0, 0); + transform: translate3d(-90px, 0, 0); + } + 100% { + -webkit-transform: translate3d(85px, 0, 0); + transform: translate3d(85px, 0, 0); + } +} + + +@media (max-width: 768px) { + .waves { + height: 40px; + min-height: 40px; + } + .content { + height: 30vh; + } + h1 { + font-size: 24px; + } +} + +.waveNFoot{ + position: absolute; + bottom: 0%; + width: 100vw; +} diff --git a/firstspot/css/bootstrap.css b/firstspot/css/bootstrap.css new file mode 100644 index 00000000..752dc2ef --- /dev/null +++ b/firstspot/css/bootstrap.css @@ -0,0 +1,8199 @@ +/*! + * Bootstrap v4.1.3 (https://getbootstrap.com/) + * Copyright 2011-2018 The Bootstrap Authors + * Copyright 2011-2018 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +@-ms-viewport { + width: device-width; +} + +article, +aside, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section { + display: block; +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1rem; + font-weight: 400; + line-height: 1.71429; + color: #151515; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: inherit; +} + +dd { + margin-bottom: .5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +dfn { + font-style: italic; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -.25em; +} + +sup { + top: -.5em; +} + +a { + color: #01b3a7; + text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:hover { + color: #016760; + text-decoration: underline; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):hover, +a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + -ms-overflow-style: scrollbar; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg { + overflow: hidden; + vertical-align: middle; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + padding: 0; +} + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + margin-bottom: 0.5rem; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + font-weight: 600; + line-height: 1.1; + color: #151515; +} + +h1, +.h1 { + font-size: 110px; +} + +h2, +.h2 { + font-size: 70px; +} + +h3, +.h3 { + font-size: 48px; +} + +h4, +.h4 { + font-size: 36px; +} + +h5, +.h5 { + font-size: 24px; +} + +h6, +.h6 { + font-size: 16px; +} + +.lead { + font-size: 24px; + 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 #d7d7d7; +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 2px 4px; + background-color: #151515; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} + +.list-inline-item:not(:last-child) { + margin-right: 5px; +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote-footer { + display: block; + font-size: 80%; + color: #6c757d; +} + +.blockquote-footer::before { + content: "\2014 \00A0"; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #6c757d; +} + +code { + font-size: 90%; + color: #111111; + word-break: break-word; +} + +a>code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #fff; + background-color: #212529; + border-radius: 0.2rem; +} + +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} + +pre { + display: block; + font-size: 90%; + color: #212529; +} + +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} + +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} + +@media (min-width: 1200px) { + .container { + max-width: 1200px; + } +} + +.container-fluid { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} + +.no-gutters>.col, +.no-gutters>[class*="col-"] { + padding-right: 0; + padding-left: 0; +} + +.col-1, +.col-2, +.col-3, +.col-4, +.col-5, +.col-6, +.col-7, +.col-8, +.col-9, +.col-10, +.col-11, +.col-12, +.col, +.col-auto, +.col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12, +.col-sm, +.col-sm-auto, +.col-md-1, +.col-md-2, +.col-md-3, +.col-md-4, +.col-md-5, +.col-md-6, +.col-md-7, +.col-md-8, +.col-md-9, +.col-md-10, +.col-md-11, +.col-md-12, +.col-md, +.col-md-auto, +.col-lg-1, +.col-lg-2, +.col-lg-3, +.col-lg-4, +.col-lg-5, +.col-lg-6, +.col-lg-7, +.col-lg-8, +.col-lg-9, +.col-lg-10, +.col-lg-11, +.col-lg-12, +.col-lg, +.col-lg-auto, +.col-xl-1, +.col-xl-2, +.col-xl-3, +.col-xl-4, +.col-xl-5, +.col-xl-6, +.col-xl-7, +.col-xl-8, +.col-xl-9, +.col-xl-10, +.col-xl-11, +.col-xl-12, +.col-xl, +.col-xl-auto, +.col-xxl-1, +.col-xxl-2, +.col-xxl-3, +.col-xxl-4, +.col-xxl-5, +.col-xxl-6, +.col-xxl-7, +.col-xxl-8, +.col-xxl-9, +.col-xxl-10, +.col-xxl-11, +.col-xxl-12, +.col-xxl, +.col-xxl-auto { + position: relative; + width: 100%; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: none; +} + +.col-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; +} + +.col-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; +} + +.col-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; +} + +.col-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; +} + +.col-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.order-12 { + order: 12; +} + +.offset-1 { + margin-left: 8.33333%; +} + +.offset-2 { + margin-left: 16.66667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.33333%; +} + +.offset-5 { + margin-left: 41.66667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.33333%; +} + +.offset-8 { + margin-left: 66.66667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.33333%; +} + +.offset-11 { + margin-left: 91.66667%; +} + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-sm-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + .col-sm-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + .col-sm-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; + } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; + } + .col-sm-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; + } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; + } + .col-sm-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; + } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + order: -1; + } + .order-sm-last { + order: 13; + } + .order-sm-0 { + order: 0; + } + .order-sm-1 { + order: 1; + } + .order-sm-2 { + order: 2; + } + .order-sm-3 { + order: 3; + } + .order-sm-4 { + order: 4; + } + .order-sm-5 { + order: 5; + } + .order-sm-6 { + order: 6; + } + .order-sm-7 { + order: 7; + } + .order-sm-8 { + order: 8; + } + .order-sm-9 { + order: 9; + } + .order-sm-10 { + order: 10; + } + .order-sm-11 { + order: 11; + } + .order-sm-12 { + order: 12; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.33333%; + } + .offset-sm-2 { + margin-left: 16.66667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.33333%; + } + .offset-sm-5 { + margin-left: 41.66667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.33333%; + } + .offset-sm-8 { + margin-left: 66.66667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.33333%; + } + .offset-sm-11 { + margin-left: 91.66667%; + } +} + +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-md-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + .col-md-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + .col-md-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; + } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; + } + .col-md-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; + } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; + } + .col-md-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; + } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + order: -1; + } + .order-md-last { + order: 13; + } + .order-md-0 { + order: 0; + } + .order-md-1 { + order: 1; + } + .order-md-2 { + order: 2; + } + .order-md-3 { + order: 3; + } + .order-md-4 { + order: 4; + } + .order-md-5 { + order: 5; + } + .order-md-6 { + order: 6; + } + .order-md-7 { + order: 7; + } + .order-md-8 { + order: 8; + } + .order-md-9 { + order: 9; + } + .order-md-10 { + order: 10; + } + .order-md-11 { + order: 11; + } + .order-md-12 { + order: 12; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.33333%; + } + .offset-md-2 { + margin-left: 16.66667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.33333%; + } + .offset-md-5 { + margin-left: 41.66667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.33333%; + } + .offset-md-8 { + margin-left: 66.66667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.33333%; + } + .offset-md-11 { + margin-left: 91.66667%; + } +} + +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-lg-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + .col-lg-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + .col-lg-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; + } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; + } + .col-lg-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; + } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; + } + .col-lg-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; + } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + order: -1; + } + .order-lg-last { + order: 13; + } + .order-lg-0 { + order: 0; + } + .order-lg-1 { + order: 1; + } + .order-lg-2 { + order: 2; + } + .order-lg-3 { + order: 3; + } + .order-lg-4 { + order: 4; + } + .order-lg-5 { + order: 5; + } + .order-lg-6 { + order: 6; + } + .order-lg-7 { + order: 7; + } + .order-lg-8 { + order: 8; + } + .order-lg-9 { + order: 9; + } + .order-lg-10 { + order: 10; + } + .order-lg-11 { + order: 11; + } + .order-lg-12 { + order: 12; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.33333%; + } + .offset-lg-2 { + margin-left: 16.66667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.33333%; + } + .offset-lg-5 { + margin-left: 41.66667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.33333%; + } + .offset-lg-8 { + margin-left: 66.66667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.33333%; + } + .offset-lg-11 { + margin-left: 91.66667%; + } +} + +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-xl-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + .col-xl-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + .col-xl-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; + } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; + } + .col-xl-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; + } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; + } + .col-xl-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; + } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + order: -1; + } + .order-xl-last { + order: 13; + } + .order-xl-0 { + order: 0; + } + .order-xl-1 { + order: 1; + } + .order-xl-2 { + order: 2; + } + .order-xl-3 { + order: 3; + } + .order-xl-4 { + order: 4; + } + .order-xl-5 { + order: 5; + } + .order-xl-6 { + order: 6; + } + .order-xl-7 { + order: 7; + } + .order-xl-8 { + order: 8; + } + .order-xl-9 { + order: 9; + } + .order-xl-10 { + order: 10; + } + .order-xl-11 { + order: 11; + } + .order-xl-12 { + order: 12; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.33333%; + } + .offset-xl-2 { + margin-left: 16.66667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.33333%; + } + .offset-xl-5 { + margin-left: 41.66667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.33333%; + } + .offset-xl-8 { + margin-left: 66.66667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.33333%; + } + .offset-xl-11 { + margin-left: 91.66667%; + } +} + +@media (min-width: 1600px) { + .col-xxl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .col-xxl-auto { + flex: 0 0 auto; + width: auto; + max-width: none; + } + .col-xxl-1 { + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + .col-xxl-2 { + flex: 0 0 16.66667%; + max-width: 16.66667%; + } + .col-xxl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xxl-4 { + flex: 0 0 33.33333%; + max-width: 33.33333%; + } + .col-xxl-5 { + flex: 0 0 41.66667%; + max-width: 41.66667%; + } + .col-xxl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xxl-7 { + flex: 0 0 58.33333%; + max-width: 58.33333%; + } + .col-xxl-8 { + flex: 0 0 66.66667%; + max-width: 66.66667%; + } + .col-xxl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xxl-10 { + flex: 0 0 83.33333%; + max-width: 83.33333%; + } + .col-xxl-11 { + flex: 0 0 91.66667%; + max-width: 91.66667%; + } + .col-xxl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xxl-first { + order: -1; + } + .order-xxl-last { + order: 13; + } + .order-xxl-0 { + order: 0; + } + .order-xxl-1 { + order: 1; + } + .order-xxl-2 { + order: 2; + } + .order-xxl-3 { + order: 3; + } + .order-xxl-4 { + order: 4; + } + .order-xxl-5 { + order: 5; + } + .order-xxl-6 { + order: 6; + } + .order-xxl-7 { + order: 7; + } + .order-xxl-8 { + order: 8; + } + .order-xxl-9 { + order: 9; + } + .order-xxl-10 { + order: 10; + } + .order-xxl-11 { + order: 11; + } + .order-xxl-12 { + order: 12; + } + .offset-xxl-0 { + margin-left: 0; + } + .offset-xxl-1 { + margin-left: 8.33333%; + } + .offset-xxl-2 { + margin-left: 16.66667%; + } + .offset-xxl-3 { + margin-left: 25%; + } + .offset-xxl-4 { + margin-left: 33.33333%; + } + .offset-xxl-5 { + margin-left: 41.66667%; + } + .offset-xxl-6 { + margin-left: 50%; + } + .offset-xxl-7 { + margin-left: 58.33333%; + } + .offset-xxl-8 { + margin-left: 66.66667%; + } + .offset-xxl-9 { + margin-left: 75%; + } + .offset-xxl-10 { + margin-left: 83.33333%; + } + .offset-xxl-11 { + margin-left: 91.66667%; + } +} + +.table { + width: 100%; + margin-bottom: 1rem; + background-color: transparent; +} + +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #dee2e6; +} + +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #dee2e6; +} + +.table tbody+tbody { + border-top: 2px solid #dee2e6; +} + +.table .table { + background-color: #ffffff; +} + +.table-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #dee2e6; +} + +.table-bordered th, +.table-bordered td { + border: 1px solid #dee2e6; +} + +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody+tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.05); +} + +.table-hover tbody tr:hover { + background-color: rgba(0, 0, 0, 0.075); +} + +.table-active, +.table-active>th, +.table-active>td { + background-color: rgba(0, 0, 0, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(0, 0, 0, 0.075); +} + +.table-hover .table-active:hover>td, +.table-hover .table-active:hover>th { + background-color: rgba(0, 0, 0, 0.075); +} + +.table .thead-dark th { + color: #fff; + background-color: #212529; + border-color: #32383e; +} + +.table .thead-light th { + color: #495057; + background-color: #e9ecef; + border-color: #dee2e6; +} + +.table-dark { + color: #fff; + background-color: #212529; +} + +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #32383e; +} + +.table-dark.table-bordered { + border: 0; +} + +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} + +.table-dark.table-hover tbody tr:hover { + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-sm>.table-bordered { + border: 0; + } +} + +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-md>.table-bordered { + border: 0; + } +} + +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-lg>.table-bordered { + border: 0; + } +} + +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-xl>.table-bordered { + border: 0; + } +} + +@media (max-width: 1599.98px) { + .table-responsive-xxl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive-xxl>.table-bordered { + border: 0; + } +} + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.table-responsive>.table-bordered { + border: 0; +} + +.form-control { + display: block; + width: 100%; + height: calc(2.25rem + 2px); + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media screen and (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} + +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} + +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #80bdff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:disabled, +.form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 18px; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 12px; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin-bottom: 0; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} + +.form-control-plaintext.form-control-sm, +.form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.8125rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 12px; + line-height: 1.5; + border-radius: 0.2rem; +} + +.form-control-lg { + height: calc(2.875rem + 2px); + padding: 0.5rem 1rem; + font-size: 18px; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control[size], +select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} + +.form-row>.col, +.form-row>[class*="col-"] { + padding-right: 5px; + padding-left: 5px; +} + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} + +.form-check-input:disabled~.form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} + +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #98bf44; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 4px 11px; + margin-top: .1rem; + font-size: 0.875rem; + line-height: 1.71429; + color: #212529; + background-color: #98bf44; + border-radius: 0.25rem; +} + +.was-validated .form-control:valid, +.form-control.is-valid { + border-color: #98bf44; + padding-right: 2.25rem; + background-repeat: no-repeat; + background-position: center right calc(2.25rem / 4); + background-size: calc(2.25rem / 2) calc(2.25rem / 2); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); +} + +.was-validated .form-control:valid:focus, +.form-control.is-valid:focus { + border-color: #98bf44; + box-shadow: 0 0 0 0.2rem rgba(152, 191, 68, 0.25); +} + +.was-validated .form-control:valid~.valid-feedback, +.was-validated .form-control:valid~.valid-tooltip, +.form-control.is-valid~.valid-feedback, +.form-control.is-valid~.valid-tooltip { + display: block; +} + +.was-validated textarea.form-control:valid, +textarea.form-control.is-valid { + padding-right: 2.25rem; + background-position: top calc(2.25rem / 4) right calc(2.25rem / 4); +} + +.was-validated .custom-select:valid, +.custom-select.is-valid { + border-color: #98bf44; + padding-right: 2.25rem; + background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") no-repeat center right 2.025rem/calc(2.25rem / 2) calc(2.25rem / 2); +} + +.was-validated .custom-select:valid:focus, +.custom-select.is-valid:focus { + border-color: #98bf44; + box-shadow: 0 0 0 0.2rem rgba(152, 191, 68, 0.25); +} + +.was-validated .custom-select:valid~.valid-feedback, +.was-validated .custom-select:valid~.valid-tooltip, +.custom-select.is-valid~.valid-feedback, +.custom-select.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .form-control-file:valid~.valid-feedback, +.was-validated .form-control-file:valid~.valid-tooltip, +.form-control-file.is-valid~.valid-feedback, +.form-control-file.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .form-check-input:valid~.form-check-label, +.form-check-input.is-valid~.form-check-label { + color: #98bf44; +} + +.was-validated .form-check-input:valid~.valid-feedback, +.was-validated .form-check-input:valid~.valid-tooltip, +.form-check-input.is-valid~.valid-feedback, +.form-check-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid~.custom-control-label, +.custom-control-input.is-valid~.custom-control-label { + color: #98bf44; +} + +.was-validated .custom-control-input:valid~.custom-control-label::before, +.custom-control-input.is-valid~.custom-control-label::before { + background-color: #cce0a3; +} + +.was-validated .custom-control-input:valid~.valid-feedback, +.was-validated .custom-control-input:valid~.valid-tooltip, +.custom-control-input.is-valid~.valid-feedback, +.custom-control-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid:checked~.custom-control-label::before, +.custom-control-input.is-valid:checked~.custom-control-label::before { + background-color: #adcc6a; +} + +.was-validated .custom-control-input:valid:focus~.custom-control-label::before, +.custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(152, 191, 68, 0.25); +} + +.was-validated .custom-file-input:valid~.custom-file-label, +.custom-file-input.is-valid~.custom-file-label { + border-color: #98bf44; +} + +.was-validated .custom-file-input:valid~.custom-file-label::after, +.custom-file-input.is-valid~.custom-file-label::after { + border-color: inherit; +} + +.was-validated .custom-file-input:valid~.valid-feedback, +.was-validated .custom-file-input:valid~.valid-tooltip, +.custom-file-input.is-valid~.valid-feedback, +.custom-file-input.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .custom-file-input:valid:focus~.custom-file-label, +.custom-file-input.is-valid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(152, 191, 68, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f5543f; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 4px 11px; + margin-top: .1rem; + font-size: 0.875rem; + line-height: 1.71429; + color: #fff; + background-color: #f5543f; + border-radius: 0.25rem; +} + +.was-validated .form-control:invalid, +.form-control.is-invalid { + border-color: #f5543f; + padding-right: 2.25rem; + background-repeat: no-repeat; + background-position: center right calc(2.25rem / 4); + background-size: calc(2.25rem / 2) calc(2.25rem / 2); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); +} + +.was-validated .form-control:invalid:focus, +.form-control.is-invalid:focus { + border-color: #f5543f; + box-shadow: 0 0 0 0.2rem rgba(245, 84, 63, 0.25); +} + +.was-validated .form-control:invalid~.invalid-feedback, +.was-validated .form-control:invalid~.invalid-tooltip, +.form-control.is-invalid~.invalid-feedback, +.form-control.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated textarea.form-control:invalid, +textarea.form-control.is-invalid { + padding-right: 2.25rem; + background-position: top calc(2.25rem / 4) right calc(2.25rem / 4); +} + +.was-validated .custom-select:invalid, +.custom-select.is-invalid { + border-color: #f5543f; + padding-right: 2.25rem; + background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") no-repeat center right 2.025rem/calc(2.25rem / 2) calc(2.25rem / 2); +} + +.was-validated .custom-select:invalid:focus, +.custom-select.is-invalid:focus { + border-color: #f5543f; + box-shadow: 0 0 0 0.2rem rgba(245, 84, 63, 0.25); +} + +.was-validated .custom-select:invalid~.invalid-feedback, +.was-validated .custom-select:invalid~.invalid-tooltip, +.custom-select.is-invalid~.invalid-feedback, +.custom-select.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .form-control-file:invalid~.invalid-feedback, +.was-validated .form-control-file:invalid~.invalid-tooltip, +.form-control-file.is-invalid~.invalid-feedback, +.form-control-file.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .form-check-input:invalid~.form-check-label, +.form-check-input.is-invalid~.form-check-label { + color: #f5543f; +} + +.was-validated .form-check-input:invalid~.invalid-feedback, +.was-validated .form-check-input:invalid~.invalid-tooltip, +.form-check-input.is-invalid~.invalid-feedback, +.form-check-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid~.custom-control-label, +.custom-control-input.is-invalid~.custom-control-label { + color: #f5543f; +} + +.was-validated .custom-control-input:invalid~.custom-control-label::before, +.custom-control-input.is-invalid~.custom-control-label::before { + background-color: #fbc0b8; +} + +.was-validated .custom-control-input:invalid~.invalid-feedback, +.was-validated .custom-control-input:invalid~.invalid-tooltip, +.custom-control-input.is-invalid~.invalid-feedback, +.custom-control-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid:checked~.custom-control-label::before, +.custom-control-input.is-invalid:checked~.custom-control-label::before { + background-color: #f87f6f; +} + +.was-validated .custom-control-input:invalid:focus~.custom-control-label::before, +.custom-control-input.is-invalid:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(245, 84, 63, 0.25); +} + +.was-validated .custom-file-input:invalid~.custom-file-label, +.custom-file-input.is-invalid~.custom-file-label { + border-color: #f5543f; +} + +.was-validated .custom-file-input:invalid~.custom-file-label::after, +.custom-file-input.is-invalid~.custom-file-label::after { + border-color: inherit; +} + +.was-validated .custom-file-input:invalid~.invalid-feedback, +.was-validated .custom-file-input:invalid~.invalid-tooltip, +.custom-file-input.is-invalid~.invalid-feedback, +.custom-file-input.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .custom-file-input:invalid:focus~.custom-file-label, +.custom-file-input.is-invalid:focus~.custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(245, 84, 63, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} + +.form-inline .form-check { + width: 100%; +} + +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-plaintext { + display: inline-block; + } + .form-inline .input-group, + .form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 500; + text-align: center; + white-space: nowrap; + vertical-align: middle; + user-select: none; + border: 1px solid transparent; + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0; + transition: all 0.15s ease-in-out; +} + +@media screen and (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} + +.btn:hover, +.btn:focus { + text-decoration: none; +} + +.btn:focus, +.btn.focus { + outline: 0; + box-shadow: 0; +} + +.btn.disabled, +.btn:disabled { + opacity: 0.65; +} + +.btn:not(:disabled):not(.disabled) { + cursor: pointer; +} + +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-link { + font-weight: 400; + color: #01b3a7; + background-color: transparent; +} + +.btn-link:hover { + color: #016760; + 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: #868e96; + pointer-events: none; +} + +.btn-lg, +.btn-group-lg>.btn { + padding: 0.5rem 1rem; + font-size: 18px; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, +.btn-group-sm>.btn { + padding: 0.25rem 0.5rem; + font-size: 12px; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} + +.btn-block+.btn-block { + margin-top: 0.5rem; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} + +@media screen and (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} + +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} + +@media screen and (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} + +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #151515; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} + +.dropup .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} + +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} + +.dropright .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} + +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropright .dropdown-toggle::after { + vertical-align: 0; +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} + +.dropleft .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} + +.dropleft .dropdown-toggle::after { + display: none; +} + +.dropleft .dropdown-toggle::before { + display: inline-block; + width: 0; + height: 0; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} + +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^="top"], +.dropdown-menu[x-placement^="right"], +.dropdown-menu[x-placement^="bottom"], +.dropdown-menu[x-placement^="left"] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} + +.dropdown-item:hover, +.dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f8f9fa; +} + +.dropdown-item.active, +.dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #007bff; +} + +.dropdown-item.disabled, +.dropdown-item:disabled { + color: #6c757d; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 12px; + color: #6c757d; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} + +.btn-group>.btn, +.btn-group-vertical>.btn { + position: relative; + flex: 0 1 auto; +} + +.btn-group>.btn:hover, +.btn-group-vertical>.btn:hover { + z-index: 1; +} + +.btn-group>.btn:focus, +.btn-group>.btn:active, +.btn-group>.btn.active, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn.active { + z-index: 1; +} + +.btn-group .btn+.btn, +.btn-group .btn+.btn-group, +.btn-group .btn-group+.btn, +.btn-group .btn-group+.btn-group, +.btn-group-vertical .btn+.btn, +.btn-group-vertical .btn+.btn-group, +.btn-group-vertical .btn-group+.btn, +.btn-group-vertical .btn-group+.btn-group { + margin-left: -1px; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + +.btn-toolbar .input-group { + width: auto; +} + +.btn-group>.btn:first-child { + margin-left: 0; +} + +.btn-group>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group>.btn-group:not(:last-child)>.btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group>.btn:not(:first-child), +.btn-group>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} + +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropright .dropdown-toggle-split::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm+.dropdown-toggle-split, +.btn-group-sm>.btn+.dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg+.dropdown-toggle-split, +.btn-group-lg>.btn+.dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} + +.btn-group-vertical .btn, +.btn-group-vertical .btn-group { + width: 100%; +} + +.btn-group-vertical>.btn+.btn, +.btn-group-vertical>.btn+.btn-group, +.btn-group-vertical>.btn-group+.btn, +.btn-group-vertical>.btn-group+.btn-group { + margin-top: -1px; + margin-left: 0; +} + +.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical>.btn-group:not(:last-child)>.btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical>.btn:not(:first-child), +.btn-group-vertical>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle>.btn, +.btn-group-toggle>.btn-group>.btn { + margin-bottom: 0; +} + +.btn-group-toggle>.btn input[type="radio"], +.btn-group-toggle>.btn input[type="checkbox"], +.btn-group-toggle>.btn-group>.btn input[type="radio"], +.btn-group-toggle>.btn-group>.btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} + +.input-group>.form-control, +.input-group>.custom-select, +.input-group>.custom-file { + position: relative; + flex: 1 1 auto; + width: 1%; + margin-bottom: 0; +} + +.input-group>.form-control+.form-control, +.input-group>.form-control+.custom-select, +.input-group>.form-control+.custom-file, +.input-group>.custom-select+.form-control, +.input-group>.custom-select+.custom-select, +.input-group>.custom-select+.custom-file, +.input-group>.custom-file+.form-control, +.input-group>.custom-file+.custom-select, +.input-group>.custom-file+.custom-file { + margin-left: -1px; +} + +.input-group>.form-control:focus, +.input-group>.custom-select:focus, +.input-group>.custom-file .custom-file-input:focus~.custom-file-label { + z-index: 3; +} + +.input-group>.custom-file .custom-file-input:focus { + z-index: 4; +} + +.input-group>.form-control:not(:last-child), +.input-group>.custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.form-control:not(:first-child), +.input-group>.custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group>.custom-file { + display: flex; + align-items: center; +} + +.input-group>.custom-file:not(:last-child) .custom-file-label, +.input-group>.custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-prepend, +.input-group-append { + display: flex; +} + +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} + +.input-group-prepend .btn+.btn, +.input-group-prepend .btn+.input-group-text, +.input-group-prepend .input-group-text+.input-group-text, +.input-group-prepend .input-group-text+.btn, +.input-group-append .btn+.btn, +.input-group-append .btn+.input-group-text, +.input-group-append .input-group-text+.input-group-text, +.input-group-append .input-group-text+.btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius: 0.25rem; +} + +.input-group-text input[type="radio"], +.input-group-text input[type="checkbox"] { + margin-top: 0; +} + +.input-group-lg>.form-control, +.input-group-lg>.input-group-prepend>.input-group-text, +.input-group-lg>.input-group-append>.input-group-text, +.input-group-lg>.input-group-prepend>.btn, +.input-group-lg>.input-group-append>.btn { + height: calc(2.875rem + 2px); + padding: 0.5rem 1rem; + font-size: 18px; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm>.form-control, +.input-group-sm>.input-group-prepend>.input-group-text, +.input-group-sm>.input-group-append>.input-group-text, +.input-group-sm>.input-group-prepend>.btn, +.input-group-sm>.input-group-append>.btn { + height: calc(1.8125rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 12px; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group>.input-group-prepend>.btn, +.input-group>.input-group-prepend>.input-group-text, +.input-group>.input-group-append:not(:last-child)>.btn, +.input-group>.input-group-append:not(:last-child)>.input-group-text, +.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), +.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.input-group-append>.btn, +.input-group>.input-group-append>.input-group-text, +.input-group>.input-group-prepend:not(:first-child)>.btn, +.input-group>.input-group-prepend:not(:first-child)>.input-group-text, +.input-group>.input-group-prepend:first-child>.btn:not(:first-child), +.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + display: block; + min-height: 1.71429rem; + padding-left: 1.5rem; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + z-index: -1; + opacity: 0; +} + +.custom-control-input:checked~.custom-control-label::before { + color: #fff; + background-color: #007bff; +} + +.custom-control-input:focus~.custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-control-input:active~.custom-control-label::before { + color: #fff; + background-color: #b3d7ff; +} + +.custom-control-input:disabled~.custom-control-label { + color: #6c757d; +} + +.custom-control-input:disabled~.custom-control-label::before { + background-color: #e9ecef; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; +} + +.custom-control-label::before { + position: absolute; + top: 0.35714rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + user-select: none; + background-color: #dee2e6; +} + +.custom-control-label::after { + position: absolute; + top: 0.35714rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background-repeat: no-repeat; + background-position: center center; + background-size: 50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} + +.custom-checkbox .custom-control-input:checked~.custom-control-label::before { + background-color: #007bff; +} + +.custom-checkbox .custom-control-input:checked~.custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} + +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { + background-color: #007bff; +} + +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); +} + +.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} + +.custom-radio .custom-control-input:checked~.custom-control-label::before { + background-color: #007bff; +} + +.custom-radio .custom-control-input:checked~.custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); +} + +.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(2.25rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px; + background-color: #fff; + border: 1px solid #ced4da; + border-radius: 0.25rem; + appearance: none; +} + +.custom-select:focus { + border-color: #80bdff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5); +} + +.custom-select:focus::-ms-value { + color: #495057; + background-color: #fff; +} + +.custom-select[multiple], +.custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} + +.custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; +} + +.custom-select::-ms-expand { + opacity: 0; +} + +.custom-select-sm { + height: calc(1.8125rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; +} + +.custom-select-lg { + height: calc(2.875rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(2.25rem + 2px); + margin-bottom: 0; +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(2.25rem + 2px); + margin: 0; + opacity: 0; +} + +.custom-file-input:focus~.custom-file-label { + border-color: #80bdff; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-file-input:focus~.custom-file-label::after { + border-color: #80bdff; +} + +.custom-file-input:disabled~.custom-file-label { + background-color: #e9ecef; +} + +.custom-file-input:lang(en)~.custom-file-label::after { + content: "Browse"; +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(2.25rem + 2px); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + background-color: #fff; + border: 1px solid #ced4da; + border-radius: 0.25rem; +} + +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: 2.25rem; + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #e9ecef; + border-left: 1px solid #ced4da; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: calc(1rem + 0.4rem); + padding: 0; + background-color: transparent; + appearance: none; +} + +.custom-range:focus { + outline: none; +} + +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range::-moz-focus-outer { + border: 0; +} + +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} + +.custom-range::-webkit-slider-thumb:active { + background-color: #b3d7ff; +} + +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} + +.custom-range::-moz-range-thumb:active { + background-color: #b3d7ff; +} + +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} + +.custom-range::-ms-thumb:active { + background-color: #b3d7ff; +} + +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} + +.custom-range::-ms-fill-lower { + background-color: #dee2e6; + border-radius: 1rem; +} + +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #dee2e6; + border-radius: 1rem; +} + +.custom-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; +} + +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} + +.custom-range:disabled::-moz-range-thumb { + background-color: #adb5bd; +} + +.custom-range:disabled::-moz-range-track { + cursor: default; +} + +.custom-range:disabled::-ms-thumb { + background-color: #adb5bd; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-control-label::before, + .custom-file-label, + .custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} + +.nav-link:hover, +.nav-link:focus { + text-decoration: none; +} + +.nav-link.disabled { + color: #6c757d; +} + +.nav-tabs { + border-bottom: 1px solid #dee2e6; +} + +.nav-tabs .nav-item { + margin-bottom: -1px; +} + +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.nav-tabs .nav-link:hover, +.nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; +} + +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} + +.nav-pills .nav-link.active, +.nav-pills .show>.nav-link { + color: #fff; + background-color: #007bff; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content>.tab-pane { + display: none; +} + +.tab-content>.active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} + +.navbar>.container, +.navbar>.container-fluid { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} + +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} + +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} + +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.navbar-toggler:hover, +.navbar-toggler:focus { + text-decoration: none; +} + +.navbar-toggler:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575.98px) { + .navbar-expand-sm>.container, + .navbar-expand-sm>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm>.container, + .navbar-expand-sm>.container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} + +@media (max-width: 767.98px) { + .navbar-expand-md>.container, + .navbar-expand-md>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md>.container, + .navbar-expand-md>.container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} + +@media (max-width: 991.98px) { + .navbar-expand-lg>.container, + .navbar-expand-lg>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg>.container, + .navbar-expand-lg>.container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} + +@media (max-width: 1199.98px) { + .navbar-expand-xl>.container, + .navbar-expand-xl>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl>.container, + .navbar-expand-xl>.container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} + +@media (max-width: 1599.98px) { + .navbar-expand-xxl>.container, + .navbar-expand-xxl>.container-fluid { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 1600px) { + .navbar-expand-xxl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xxl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xxl>.container, + .navbar-expand-xxl>.container-fluid { + flex-wrap: nowrap; + } + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xxl .navbar-toggler { + display: none; + } +} + +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} + +.navbar-expand>.container, +.navbar-expand>.container-fluid { + padding-right: 0; + padding-left: 0; +} + +.navbar-expand .navbar-nav { + flex-direction: row; +} + +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} + +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.navbar-expand>.container, +.navbar-expand>.container-fluid { + flex-wrap: nowrap; +} + +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-brand:hover, +.navbar-light .navbar-brand:focus { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.5); +} + +.navbar-light .navbar-nav .nav-link:hover, +.navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); +} + +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); +} + +.navbar-light .navbar-nav .show>.nav-link, +.navbar-light .navbar-nav .active>.nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.1); +} + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} + +.navbar-light .navbar-text { + color: rgba(0, 0, 0, 0.5); +} + +.navbar-light .navbar-text a { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-text a:hover, +.navbar-light .navbar-text a:focus { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-dark .navbar-brand { + color: #fff; +} + +.navbar-dark .navbar-brand:hover, +.navbar-dark .navbar-brand:focus { + color: #fff; +} + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .navbar-nav .nav-link:hover, +.navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} + +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} + +.navbar-dark .navbar-nav .show>.nav-link, +.navbar-dark .navbar-nav .active>.nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #fff; +} + +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} + +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} + +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} + +.navbar-dark .navbar-text a { + color: #fff; +} + +.navbar-dark .navbar-text a:hover, +.navbar-dark .navbar-text a:focus { + color: #fff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, 0.125); + border-radius: 0.25rem; +} + +.card>hr { + margin-right: 0; + margin-left: 0; +} + +.card>.list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.card>.list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link:hover { + text-decoration: none; +} + +.card-link+.card-link { + margin-left: 1.25rem; +} + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(0, 0, 0, 0.03); + border-bottom: 1px solid rgba(0, 0, 0, 0.125); +} + +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} + +.card-header+.list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(0, 0, 0, 0.03); + border-top: 1px solid rgba(0, 0, 0, 0.125); +} + +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img { + width: 100%; + border-radius: calc(0.25rem - 1px); +} + +.card-img-top { + width: 100%; + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img-bottom { + width: 100%; + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-deck { + display: flex; + flex-direction: column; +} + +.card-deck .card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-deck { + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .card-deck .card { + display: flex; + flex: 1 0 0%; + flex-direction: column; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} + +.card-group { + display: flex; + flex-direction: column; +} + +.card-group>.card { + margin-bottom: 15px; +} + +@media (min-width: 576px) { + .card-group { + flex-flow: row wrap; + } + .card-group>.card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group>.card+.card { + margin-left: 0; + border-left: 0; + } + .card-group>.card:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group>.card:first-child .card-img-top, + .card-group>.card:first-child .card-header { + border-top-right-radius: 0; + } + .card-group>.card:first-child .card-img-bottom, + .card-group>.card:first-child .card-footer { + border-bottom-right-radius: 0; + } + .card-group>.card:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group>.card:last-child .card-img-top, + .card-group>.card:last-child .card-header { + border-top-left-radius: 0; + } + .card-group>.card:last-child .card-img-bottom, + .card-group>.card:last-child .card-footer { + border-bottom-left-radius: 0; + } + .card-group>.card:only-child { + border-radius: 0.25rem; + } + .card-group>.card:only-child .card-img-top, + .card-group>.card:only-child .card-header { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } + .card-group>.card:only-child .card-img-bottom, + .card-group>.card:only-child .card-footer { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) { + border-radius: 0; + } + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header, + .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer { + border-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} + +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion .card:not(:first-of-type):not(:last-of-type) { + border-bottom: 0; + border-radius: 0; +} + +.accordion .card:not(:first-of-type) .card-header:first-child { + border-radius: 0; +} + +.accordion .card:first-of-type { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.accordion .card:last-of-type { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #e9ecef; + border-radius: 0.25rem; +} + +.breadcrumb-item+.breadcrumb-item { + padding-left: 0.5rem; +} + +.breadcrumb-item+.breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #6c757d; + content: "/"; +} + +.breadcrumb-item+.breadcrumb-item:hover::before { + text-decoration: underline; +} + +.breadcrumb-item+.breadcrumb-item:hover::before { + text-decoration: none; +} + +.breadcrumb-item.active { + color: #6c757d; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0; +} + +.page-link { + position: relative; + display: block; + padding: 9px 9px; + margin-left: -2px; + line-height: 25px; + color: #151515; + background-color: #ffffff; + border: 2px solid transparent; +} + +.page-link:hover { + z-index: 2; + color: #50ba87; + text-decoration: none; + background-color: transparent; + border-color: transparent; +} + +.page-link:focus { + z-index: 2; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.page-link:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.page-item:last-child .page-link { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.page-item.active .page-link { + z-index: 1; + color: #50ba87; + background-color: transparent; + border-color: transparent; +} + +.page-item.disabled .page-link { + color: #9b9b9b; + pointer-events: none; + cursor: auto; + background-color: transparent; + border-color: transparent; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 18px; + line-height: 1.55556; +} + +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} + +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 12px; + line-height: 1.5; +} + +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} + +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #e9ecef; + border-radius: 0.3rem; +} + +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} + +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} + +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #e9ecef; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + color: #fff; + text-align: center; + white-space: nowrap; + background-color: #007bff; + transition: width 0.6s ease; +} + +@media screen and (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} + +.list-group-item-action:hover, +.list-group-item-action:focus { + color: #495057; + text-decoration: none; + background-color: #f8f9fa; +} + +.list-group-item-action:active { + color: #212529; + background-color: #e9ecef; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); +} + +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.list-group-item:hover, +.list-group-item:focus { + z-index: 1; + text-decoration: none; +} + +.list-group-item.disabled, +.list-group-item:disabled { + color: #6c757d; + background-color: #fff; +} + +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #007bff; + border-color: #007bff; +} + +.list-group-flush .list-group-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} + +.list-group-flush:first-child .list-group-item:first-child { + border-top: 0; +} + +.list-group-flush:last-child .list-group-item:last-child { + border-bottom: 0; +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .5; +} + +.close:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.close:not(:disabled):not(.disabled):hover, +.close:not(:disabled):not(.disabled):focus { + color: #000; + text-decoration: none; + opacity: .75; +} + +button.close { + padding: 0; + background-color: transparent; + border: 0; + -webkit-appearance: none; +} + +.modal-open { + overflow: hidden; +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} + +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -25%); +} + +@media screen and (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} + +.modal.show .modal-dialog { + transform: translate(0, 0); +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - (0.5rem * 2)); +} + +.modal-dialog-centered::before { + display: block; + height: calc(100vh - (0.5rem * 2)); + content: ""; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem; + border-bottom: 1px solid #e9ecef; + border-top-left-radius: 0.3rem; + border-top-right-radius: 0.3rem; +} + +.modal-header .close { + padding: 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + align-items: center; + justify-content: flex-end; + padding: 1rem; + border-top: 1px solid #e9ecef; +} + +.modal-footer> :not(:first-child) { + margin-left: .25rem; +} + +.modal-footer> :not(:last-child) { + margin-right: .25rem; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + .modal-dialog-centered { + min-height: calc(100% - (1.75rem * 2)); + } + .modal-dialog-centered::before { + height: calc(100vh - (1.75rem * 2)); + } + .modal-sm { + max-width: 300px; + } +} + +@media (min-width: 992px) { + .modal-lg { + max-width: 800px; + } +} + +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} + +.tooltip { + position: absolute; + z-index: 1010; + 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.71429; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} + +.tooltip.show { + opacity: 1; +} + +.tooltip .arrow { + position: absolute; + display: block; + width: 6px; + height: 6px; +} + +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, +.bs-tooltip-auto[x-placement^="top"] { + padding: 6px 0; +} + +.bs-tooltip-top .arrow, +.bs-tooltip-auto[x-placement^="top"] .arrow { + bottom: 0; +} + +.bs-tooltip-top .arrow::before, +.bs-tooltip-auto[x-placement^="top"] .arrow::before { + top: 0; + border-width: 6px 3px 0; + border-top-color: #151515; +} + +.bs-tooltip-right, +.bs-tooltip-auto[x-placement^="right"] { + padding: 0 6px; +} + +.bs-tooltip-right .arrow, +.bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; + width: 6px; + height: 6px; +} + +.bs-tooltip-right .arrow::before, +.bs-tooltip-auto[x-placement^="right"] .arrow::before { + right: 0; + border-width: 3px 6px 3px 0; + border-right-color: #151515; +} + +.bs-tooltip-bottom, +.bs-tooltip-auto[x-placement^="bottom"] { + padding: 6px 0; +} + +.bs-tooltip-bottom .arrow, +.bs-tooltip-auto[x-placement^="bottom"] .arrow { + top: 0; +} + +.bs-tooltip-bottom .arrow::before, +.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + bottom: 0; + border-width: 0 3px 6px; + border-bottom-color: #151515; +} + +.bs-tooltip-left, +.bs-tooltip-auto[x-placement^="left"] { + padding: 0 6px; +} + +.bs-tooltip-left .arrow, +.bs-tooltip-auto[x-placement^="left"] .arrow { + right: 0; + width: 6px; + height: 6px; +} + +.bs-tooltip-left .arrow::before, +.bs-tooltip-auto[x-placement^="left"] .arrow::before { + left: 0; + border-width: 3px 0 3px 6px; + border-left-color: #151515; +} + +.tooltip-inner { + max-width: 200px; + padding: 4px 11px; + color: #ffffff; + text-align: center; + background-color: #151515; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -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.71429; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; +} + +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} + +.popover .arrow::before, +.popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, +.bs-popover-auto[x-placement^="top"] { + margin-bottom: 0.5rem; +} + +.bs-popover-top .arrow, +.bs-popover-auto[x-placement^="top"] .arrow { + bottom: calc((0.5rem + 1px) * -1); +} + +.bs-popover-top .arrow::before, +.bs-popover-auto[x-placement^="top"] .arrow::before, +.bs-popover-top .arrow::after, +.bs-popover-auto[x-placement^="top"] .arrow::after { + border-width: 0.5rem 0.5rem 0; +} + +.bs-popover-top .arrow::before, +.bs-popover-auto[x-placement^="top"] .arrow::before { + bottom: 0; + border-top-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-top .arrow::after, +.bs-popover-auto[x-placement^="top"] .arrow::after { + bottom: 1px; + border-top-color: #fff; +} + +.bs-popover-right, +.bs-popover-auto[x-placement^="right"] { + margin-left: 0.5rem; +} + +.bs-popover-right .arrow, +.bs-popover-auto[x-placement^="right"] .arrow { + left: calc((0.5rem + 1px) * -1); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-right .arrow::before, +.bs-popover-auto[x-placement^="right"] .arrow::before, +.bs-popover-right .arrow::after, +.bs-popover-auto[x-placement^="right"] .arrow::after { + border-width: 0.5rem 0.5rem 0.5rem 0; +} + +.bs-popover-right .arrow::before, +.bs-popover-auto[x-placement^="right"] .arrow::before { + left: 0; + border-right-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-right .arrow::after, +.bs-popover-auto[x-placement^="right"] .arrow::after { + left: 1px; + border-right-color: #fff; +} + +.bs-popover-bottom, +.bs-popover-auto[x-placement^="bottom"] { + margin-top: 0.5rem; +} + +.bs-popover-bottom .arrow, +.bs-popover-auto[x-placement^="bottom"] .arrow { + top: calc((0.5rem + 1px) * -1); +} + +.bs-popover-bottom .arrow::before, +.bs-popover-auto[x-placement^="bottom"] .arrow::before, +.bs-popover-bottom .arrow::after, +.bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-width: 0 0.5rem 0.5rem 0.5rem; +} + +.bs-popover-bottom .arrow::before, +.bs-popover-auto[x-placement^="bottom"] .arrow::before { + top: 0; + border-bottom-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-bottom .arrow::after, +.bs-popover-auto[x-placement^="bottom"] .arrow::after { + top: 1px; + border-bottom-color: #fff; +} + +.bs-popover-bottom .popover-header::before, +.bs-popover-auto[x-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, +.bs-popover-auto[x-placement^="left"] { + margin-right: 0.5rem; +} + +.bs-popover-left .arrow, +.bs-popover-auto[x-placement^="left"] .arrow { + right: calc((0.5rem + 1px) * -1); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-left .arrow::before, +.bs-popover-auto[x-placement^="left"] .arrow::before, +.bs-popover-left .arrow::after, +.bs-popover-auto[x-placement^="left"] .arrow::after { + border-width: 0.5rem 0 0.5rem 0.5rem; +} + +.bs-popover-left .arrow::before, +.bs-popover-auto[x-placement^="left"] .arrow::before { + right: 0; + border-left-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-left .arrow::after, +.bs-popover-auto[x-placement^="left"] .arrow::after { + right: 1px; + border-left-color: #fff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + color: inherit; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} + +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-item { + position: relative; + display: none; + align-items: center; + width: 100%; + backface-visibility: hidden; + perspective: 1000px; +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; + transition: transform 0.6s ease; +} + +@media screen and (prefers-reduced-motion: reduce) { + .carousel-item.active, + .carousel-item-next, + .carousel-item-prev { + transition: none; + } +} + +.carousel-item-next, +.carousel-item-prev { + position: absolute; + top: 0; +} + +.carousel-item-next.carousel-item-left, +.carousel-item-prev.carousel-item-right { + transform: translateX(0); +} + +@supports (transform-style: preserve-3d) { + .carousel-item-next.carousel-item-left, + .carousel-item-prev.carousel-item-right { + transform: translate3d(0, 0, 0); + } +} + +.carousel-item-next, +.active.carousel-item-right { + transform: translateX(100%); +} + +@supports (transform-style: preserve-3d) { + .carousel-item-next, + .active.carousel-item-right { + transform: translate3d(100%, 0, 0); + } +} + +.carousel-item-prev, +.active.carousel-item-left { + transform: translateX(-100%); +} + +@supports (transform-style: preserve-3d) { + .carousel-item-prev, + .active.carousel-item-left { + transform: translate3d(-100%, 0, 0); + } +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-duration: .6s; + transition-property: opacity; +} + +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + opacity: 1; +} + +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + opacity: 0; +} + +.carousel-fade .carousel-item-next, +.carousel-fade .carousel-item-prev, +.carousel-fade .carousel-item.active, +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-prev { + transform: translateX(0); +} + +@supports (transform-style: preserve-3d) { + .carousel-fade .carousel-item-next, + .carousel-fade .carousel-item-prev, + .carousel-fade .carousel-item.active, + .carousel-fade .active.carousel-item-left, + .carousel-fade .active.carousel-item-prev { + transform: translate3d(0, 0, 0); + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #fff; + text-align: center; + opacity: 0.5; +} + +.carousel-control-prev:hover, +.carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: .9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: transparent no-repeat center center; + background-size: 100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 10px; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} + +.carousel-indicators li { + position: relative; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + opacity: .5; + transition: opacity 0.6s ease; +} + +@media screen and (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} + +.carousel-indicators li::before { + position: absolute; + top: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; +} + +.carousel-indicators li::after { + position: absolute; + bottom: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; +} + +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-right { + border-right: 1px solid #dee2e6 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-left { + border-left: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.border-white { + border-color: #ffffff !important; +} + +.rounded { + border-radius: 0 !important; +} + +.rounded-top { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; +} + +.rounded-right { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} + +.rounded-left { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } +} + +@media (min-width: 1600px) { + .d-xxl-none { + display: none !important; + } + .d-xxl-inline { + display: inline !important; + } + .d-xxl-inline-block { + display: inline-block !important; + } + .d-xxl-block { + display: block !important; + } + .d-xxl-table { + display: table !important; + } + .d-xxl-table-row { + display: table-row !important; + } + .d-xxl-table-cell { + display: table-cell !important; + } + .d-xxl-flex { + display: flex !important; + } + .d-xxl-inline-flex { + display: inline-flex !important; + } +} + +@media print { + .d-print-none { + display: none !important; + } + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } +} + +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} + +.embed-responsive::before { + display: block; + content: ""; +} + +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.embed-responsive-21by9::before { + padding-top: 42.85714%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 1600px) { + .flex-xxl-row { + flex-direction: row !important; + } + .flex-xxl-column { + flex-direction: column !important; + } + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xxl-wrap { + flex-wrap: wrap !important; + } + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-xxl-fill { + flex: 1 1 auto !important; + } + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-xxl-start { + justify-content: flex-start !important; + } + .justify-content-xxl-end { + justify-content: flex-end !important; + } + .justify-content-xxl-center { + justify-content: center !important; + } + .justify-content-xxl-between { + justify-content: space-between !important; + } + .justify-content-xxl-around { + justify-content: space-around !important; + } + .align-items-xxl-start { + align-items: flex-start !important; + } + .align-items-xxl-end { + align-items: flex-end !important; + } + .align-items-xxl-center { + align-items: center !important; + } + .align-items-xxl-baseline { + align-items: baseline !important; + } + .align-items-xxl-stretch { + align-items: stretch !important; + } + .align-content-xxl-start { + align-content: flex-start !important; + } + .align-content-xxl-end { + align-content: flex-end !important; + } + .align-content-xxl-center { + align-content: center !important; + } + .align-content-xxl-between { + align-content: space-between !important; + } + .align-content-xxl-around { + align-content: space-around !important; + } + .align-content-xxl-stretch { + align-content: stretch !important; + } + .align-self-xxl-auto { + align-self: auto !important; + } + .align-self-xxl-start { + align-self: flex-start !important; + } + .align-self-xxl-end { + align-self: flex-end !important; + } + .align-self-xxl-center { + align-self: center !important; + } + .align-self-xxl-baseline { + align-self: baseline !important; + } + .align-self-xxl-stretch { + align-self: stretch !important; + } +} + +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } +} + +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } +} + +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; + } + .float-lg-none { + float: none !important; + } +} + +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-right { + float: right !important; + } + .float-xl-none { + float: none !important; + } +} + +@media (min-width: 1600px) { + .float-xxl-left { + float: left !important; + } + .float-xxl-right { + float: right !important; + } + .float-xxl-none { + float: none !important; + } +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.m-0 { + margin: 0 !important; +} + +.mt-0, +.my-0 { + margin-top: 0 !important; +} + +.mr-0, +.mx-0 { + margin-right: 0 !important; +} + +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} + +.ml-0, +.mx-0 { + margin-left: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.mt-3, +.my-3 { + margin-top: 1rem !important; +} + +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} + +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.mt-5, +.my-5 { + margin-top: 3rem !important; +} + +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} + +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0, +.py-0 { + padding-top: 0 !important; +} + +.pr-0, +.px-0 { + padding-right: 0 !important; +} + +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} + +.pl-0, +.px-0 { + padding-left: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.pt-3, +.py-3 { + padding-top: 1rem !important; +} + +.pr-3, +.px-3 { + padding-right: 1rem !important; +} + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} + +.pl-3, +.px-3 { + padding-left: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.pt-5, +.py-5 { + padding-top: 3rem !important; +} + +.pr-5, +.px-5 { + padding-right: 3rem !important; +} + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} + +.pl-5, +.px-5 { + padding-left: 3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} + +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} + +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} + +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; + } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} + +@media (min-width: 1600px) { + .m-xxl-0 { + margin: 0 !important; + } + .mt-xxl-0, + .my-xxl-0 { + margin-top: 0 !important; + } + .mr-xxl-0, + .mx-xxl-0 { + margin-right: 0 !important; + } + .mb-xxl-0, + .my-xxl-0 { + margin-bottom: 0 !important; + } + .ml-xxl-0, + .mx-xxl-0 { + margin-left: 0 !important; + } + .m-xxl-1 { + margin: 0.25rem !important; + } + .mt-xxl-1, + .my-xxl-1 { + margin-top: 0.25rem !important; + } + .mr-xxl-1, + .mx-xxl-1 { + margin-right: 0.25rem !important; + } + .mb-xxl-1, + .my-xxl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xxl-1, + .mx-xxl-1 { + margin-left: 0.25rem !important; + } + .m-xxl-2 { + margin: 0.5rem !important; + } + .mt-xxl-2, + .my-xxl-2 { + margin-top: 0.5rem !important; + } + .mr-xxl-2, + .mx-xxl-2 { + margin-right: 0.5rem !important; + } + .mb-xxl-2, + .my-xxl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xxl-2, + .mx-xxl-2 { + margin-left: 0.5rem !important; + } + .m-xxl-3 { + margin: 1rem !important; + } + .mt-xxl-3, + .my-xxl-3 { + margin-top: 1rem !important; + } + .mr-xxl-3, + .mx-xxl-3 { + margin-right: 1rem !important; + } + .mb-xxl-3, + .my-xxl-3 { + margin-bottom: 1rem !important; + } + .ml-xxl-3, + .mx-xxl-3 { + margin-left: 1rem !important; + } + .m-xxl-4 { + margin: 1.5rem !important; + } + .mt-xxl-4, + .my-xxl-4 { + margin-top: 1.5rem !important; + } + .mr-xxl-4, + .mx-xxl-4 { + margin-right: 1.5rem !important; + } + .mb-xxl-4, + .my-xxl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xxl-4, + .mx-xxl-4 { + margin-left: 1.5rem !important; + } + .m-xxl-5 { + margin: 3rem !important; + } + .mt-xxl-5, + .my-xxl-5 { + margin-top: 3rem !important; + } + .mr-xxl-5, + .mx-xxl-5 { + margin-right: 3rem !important; + } + .mb-xxl-5, + .my-xxl-5 { + margin-bottom: 3rem !important; + } + .ml-xxl-5, + .mx-xxl-5 { + margin-left: 3rem !important; + } + .p-xxl-0 { + padding: 0 !important; + } + .pt-xxl-0, + .py-xxl-0 { + padding-top: 0 !important; + } + .pr-xxl-0, + .px-xxl-0 { + padding-right: 0 !important; + } + .pb-xxl-0, + .py-xxl-0 { + padding-bottom: 0 !important; + } + .pl-xxl-0, + .px-xxl-0 { + padding-left: 0 !important; + } + .p-xxl-1 { + padding: 0.25rem !important; + } + .pt-xxl-1, + .py-xxl-1 { + padding-top: 0.25rem !important; + } + .pr-xxl-1, + .px-xxl-1 { + padding-right: 0.25rem !important; + } + .pb-xxl-1, + .py-xxl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xxl-1, + .px-xxl-1 { + padding-left: 0.25rem !important; + } + .p-xxl-2 { + padding: 0.5rem !important; + } + .pt-xxl-2, + .py-xxl-2 { + padding-top: 0.5rem !important; + } + .pr-xxl-2, + .px-xxl-2 { + padding-right: 0.5rem !important; + } + .pb-xxl-2, + .py-xxl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xxl-2, + .px-xxl-2 { + padding-left: 0.5rem !important; + } + .p-xxl-3 { + padding: 1rem !important; + } + .pt-xxl-3, + .py-xxl-3 { + padding-top: 1rem !important; + } + .pr-xxl-3, + .px-xxl-3 { + padding-right: 1rem !important; + } + .pb-xxl-3, + .py-xxl-3 { + padding-bottom: 1rem !important; + } + .pl-xxl-3, + .px-xxl-3 { + padding-left: 1rem !important; + } + .p-xxl-4 { + padding: 1.5rem !important; + } + .pt-xxl-4, + .py-xxl-4 { + padding-top: 1.5rem !important; + } + .pr-xxl-4, + .px-xxl-4 { + padding-right: 1.5rem !important; + } + .pb-xxl-4, + .py-xxl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xxl-4, + .px-xxl-4 { + padding-left: 1.5rem !important; + } + .p-xxl-5 { + padding: 3rem !important; + } + .pt-xxl-5, + .py-xxl-5 { + padding-top: 3rem !important; + } + .pr-xxl-5, + .px-xxl-5 { + padding-right: 3rem !important; + } + .pb-xxl-5, + .py-xxl-5 { + padding-bottom: 3rem !important; + } + .pl-xxl-5, + .px-xxl-5 { + padding-left: 3rem !important; + } + .m-xxl-auto { + margin: auto !important; + } + .mt-xxl-auto, + .my-xxl-auto { + margin-top: auto !important; + } + .mr-xxl-auto, + .mx-xxl-auto { + margin-right: auto !important; + } + .mb-xxl-auto, + .my-xxl-auto { + margin-bottom: auto !important; + } + .ml-xxl-auto, + .mx-xxl-auto { + margin-left: auto !important; + } +} + +.text-monospace { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +.text-justify { + text-align: justify !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} + +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} + +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} + +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} + +@media (min-width: 1600px) { + .text-xxl-left { + text-align: left !important; + } + .text-xxl-right { + text-align: right !important; + } + .text-xxl-center { + text-align: center !important; + } +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-body { + color: #151515 !important; +} + +.text-muted { + color: #6c757d !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } + a:not(.btn) { + text-decoration: underline; + } + abbr[title]::after { + content: " (" attr(title) ")"; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 1px solid #9b9b9b; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + @page { + size: a3; + } + body { + min-width: 992px !important; + } + .container { + min-width: 992px !important; + } + .navbar { + display: none; + } + .badge { + border: 1px solid #000000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #ffffff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #cccccc !important; + } + .table-dark { + color: inherit; + } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody+tbody { + border-color: #dee2e6; + } + .table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} \ No newline at end of file diff --git a/firstspot/css/fonts.css b/firstspot/css/fonts.css new file mode 100644 index 00000000..1819ce22 --- /dev/null +++ b/firstspot/css/fonts.css @@ -0,0 +1,18 @@ +/* +* +* Fonts +*/ /* +* +* Font Awesome Icons 4.7.0 +* -------------------------------------------------- +*/ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: 'FontAwesome'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*='fa-']:before { font-weight: 400; font-family: 'FontAwesome'; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* +* +* Material Design Icons +* -------------------------------------------------- +*/ @font-face { font-family: "Material Design Icons"; src: url("../fonts/materialdesignicons-webfont.eot?v=1.4.57"); src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=1.4.57") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg"); font-weight: normal; font-style: normal; } .mdi { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .mdi-access-point:before { content: "\f101"; } .mdi-access-point-network:before { content: "\f102"; } .mdi-account:before { content: "\f103"; } .mdi-account-alert:before { content: "\f104"; } .mdi-account-box:before { content: "\f105"; } .mdi-account-box-outline:before { content: "\f106"; } .mdi-account-check:before { content: "\f107"; } .mdi-account-circle:before { content: "\f108"; } .mdi-account-convert:before { content: "\f109"; } .mdi-account-key:before { content: "\f10a"; } .mdi-account-location:before { content: "\f10b"; } .mdi-account-minus:before { content: "\f10c"; } .mdi-account-multiple:before { content: "\f10d"; } .mdi-account-multiple-outline:before { content: "\f10e"; } .mdi-account-multiple-plus:before { content: "\f10f"; } .mdi-account-network:before { content: "\f110"; } .mdi-account-off:before { content: "\f111"; } .mdi-account-outline:before { content: "\f112"; } .mdi-account-plus:before { content: "\f113"; } .mdi-account-remove:before { content: "\f114"; } .mdi-account-search:before { content: "\f115"; } .mdi-account-star:before { content: "\f116"; } .mdi-account-star-variant:before { content: "\f117"; } .mdi-account-switch:before { content: "\f118"; } .mdi-adjust:before { content: "\f119"; } .mdi-air-conditioner:before { content: "\f11a"; } .mdi-airballoon:before { content: "\f11b"; } .mdi-airplane:before { content: "\f11c"; } .mdi-airplane-off:before { content: "\f11d"; } .mdi-airplay:before { content: "\f11e"; } .mdi-alarm:before { content: "\f11f"; } .mdi-alarm-check:before { content: "\f120"; } .mdi-alarm-multiple:before { content: "\f121"; } .mdi-alarm-off:before { content: "\f122"; } .mdi-alarm-plus:before { content: "\f123"; } .mdi-album:before { content: "\f124"; } .mdi-alert:before { content: "\f125"; } .mdi-alert-box:before { content: "\f126"; } .mdi-alert-circle:before { content: "\f127"; } .mdi-alert-octagon:before { content: "\f128"; } .mdi-alert-outline:before { content: "\f129"; } .mdi-alpha:before { content: "\f12a"; } .mdi-alphabetical:before { content: "\f12b"; } .mdi-amazon:before { content: "\f12c"; } .mdi-amazon-clouddrive:before { content: "\f12d"; } .mdi-ambulance:before { content: "\f12e"; } .mdi-anchor:before { content: "\f12f"; } .mdi-android:before { content: "\f130"; } .mdi-android-debug-bridge:before { content: "\f131"; } .mdi-android-studio:before { content: "\f132"; } .mdi-apple:before { content: "\f133"; } .mdi-apple-finder:before { content: "\f134"; } .mdi-apple-ios:before { content: "\f135"; } .mdi-apple-mobileme:before { content: "\f136"; } .mdi-apple-safari:before { content: "\f137"; } .mdi-appnet:before { content: "\f138"; } .mdi-apps:before { content: "\f139"; } .mdi-archive:before { content: "\f13a"; } .mdi-arrange-bring-forward:before { content: "\f13b"; } .mdi-arrange-bring-to-front:before { content: "\f13c"; } .mdi-arrange-send-backward:before { content: "\f13d"; } .mdi-arrange-send-to-back:before { content: "\f13e"; } .mdi-arrow-all:before { content: "\f13f"; } .mdi-arrow-bottom-drop-circle:before { content: "\f140"; } .mdi-arrow-bottom-left:before { content: "\f141"; } .mdi-arrow-bottom-right:before { content: "\f142"; } .mdi-arrow-collapse:before { content: "\f143"; } .mdi-arrow-down:before { content: "\f144"; } .mdi-arrow-down-bold:before { content: "\f145"; } .mdi-arrow-down-bold-circle:before { content: "\f146"; } .mdi-arrow-down-bold-circle-outline:before { content: "\f147"; } .mdi-arrow-down-bold-hexagon-outline:before { content: "\f148"; } .mdi-arrow-expand:before { content: "\f149"; } .mdi-arrow-left:before { content: "\f14a"; } .mdi-arrow-left-bold:before { content: "\f14b"; } .mdi-arrow-left-bold-circle:before { content: "\f14c"; } .mdi-arrow-left-bold-circle-outline:before { content: "\f14d"; } .mdi-arrow-left-bold-hexagon-outline:before { content: "\f14e"; } .mdi-arrow-right:before { content: "\f14f"; } .mdi-arrow-right-bold:before { content: "\f150"; } .mdi-arrow-right-bold-circle:before { content: "\f151"; } .mdi-arrow-right-bold-circle-outline:before { content: "\f152"; } .mdi-arrow-right-bold-hexagon-outline:before { content: "\f153"; } .mdi-arrow-top-left:before { content: "\f154"; } .mdi-arrow-top-right:before { content: "\f155"; } .mdi-arrow-up:before { content: "\f156"; } .mdi-arrow-up-bold:before { content: "\f157"; } .mdi-arrow-up-bold-circle:before { content: "\f158"; } .mdi-arrow-up-bold-circle-outline:before { content: "\f159"; } .mdi-arrow-up-bold-hexagon-outline:before { content: "\f15a"; } .mdi-assistant:before { content: "\f15b"; } .mdi-at:before { content: "\f15c"; } .mdi-attachment:before { content: "\f15d"; } .mdi-audiobook:before { content: "\f15e"; } .mdi-auto-fix:before { content: "\f15f"; } .mdi-auto-upload:before { content: "\f160"; } .mdi-autorenew:before { content: "\f161"; } .mdi-av-timer:before { content: "\f162"; } .mdi-baby:before { content: "\f163"; } .mdi-backburger:before { content: "\f164"; } .mdi-backspace:before { content: "\f165"; } .mdi-backup-restore:before { content: "\f166"; } .mdi-bank:before { content: "\f167"; } .mdi-barcode:before { content: "\f168"; } .mdi-barcode-scan:before { content: "\f169"; } .mdi-barley:before { content: "\f16a"; } .mdi-barrel:before { content: "\f16b"; } .mdi-basecamp:before { content: "\f16c"; } .mdi-basket:before { content: "\f16d"; } .mdi-basket-fill:before { content: "\f16e"; } .mdi-basket-unfill:before { content: "\f16f"; } .mdi-battery:before { content: "\f170"; } .mdi-battery-10:before { content: "\f171"; } .mdi-battery-20:before { content: "\f172"; } .mdi-battery-30:before { content: "\f173"; } .mdi-battery-40:before { content: "\f174"; } .mdi-battery-50:before { content: "\f175"; } .mdi-battery-60:before { content: "\f176"; } .mdi-battery-70:before { content: "\f177"; } .mdi-battery-80:before { content: "\f178"; } .mdi-battery-90:before { content: "\f179"; } .mdi-battery-alert:before { content: "\f17a"; } .mdi-battery-charging:before { content: "\f17b"; } .mdi-battery-charging-100:before { content: "\f17c"; } .mdi-battery-charging-20:before { content: "\f17d"; } .mdi-battery-charging-30:before { content: "\f17e"; } .mdi-battery-charging-40:before { content: "\f17f"; } .mdi-battery-charging-60:before { content: "\f180"; } .mdi-battery-charging-80:before { content: "\f181"; } .mdi-battery-charging-90:before { content: "\f182"; } .mdi-battery-minus:before { content: "\f183"; } .mdi-battery-negative:before { content: "\f184"; } .mdi-battery-outline:before { content: "\f185"; } .mdi-battery-plus:before { content: "\f186"; } .mdi-battery-positive:before { content: "\f187"; } .mdi-battery-unknown:before { content: "\f188"; } .mdi-beach:before { content: "\f189"; } .mdi-beaker:before { content: "\f18a"; } .mdi-beaker-empty:before { content: "\f18b"; } .mdi-beaker-empty-outline:before { content: "\f18c"; } .mdi-beaker-outline:before { content: "\f18d"; } .mdi-beats:before { content: "\f18e"; } .mdi-beer:before { content: "\f18f"; } .mdi-behance:before { content: "\f190"; } .mdi-bell:before { content: "\f191"; } .mdi-bell-off:before { content: "\f192"; } .mdi-bell-outline:before { content: "\f193"; } .mdi-bell-plus:before { content: "\f194"; } .mdi-bell-ring:before { content: "\f195"; } .mdi-bell-ring-outline:before { content: "\f196"; } .mdi-bell-sleep:before { content: "\f197"; } .mdi-beta:before { content: "\f198"; } .mdi-bike:before { content: "\f199"; } .mdi-bing:before { content: "\f19a"; } .mdi-binoculars:before { content: "\f19b"; } .mdi-bio:before { content: "\f19c"; } .mdi-biohazard:before { content: "\f19d"; } .mdi-bitbucket:before { content: "\f19e"; } .mdi-black-mesa:before { content: "\f19f"; } .mdi-blackberry:before { content: "\f1a0"; } .mdi-blender:before { content: "\f1a1"; } .mdi-blinds:before { content: "\f1a2"; } .mdi-block-helper:before { content: "\f1a3"; } .mdi-blogger:before { content: "\f1a4"; } .mdi-bluetooth:before { content: "\f1a5"; } .mdi-bluetooth-audio:before { content: "\f1a6"; } .mdi-bluetooth-connect:before { content: "\f1a7"; } .mdi-bluetooth-off:before { content: "\f1a8"; } .mdi-bluetooth-settings:before { content: "\f1a9"; } .mdi-bluetooth-transfer:before { content: "\f1aa"; } .mdi-blur:before { content: "\f1ab"; } .mdi-blur-linear:before { content: "\f1ac"; } .mdi-blur-off:before { content: "\f1ad"; } .mdi-blur-radial:before { content: "\f1ae"; } .mdi-bone:before { content: "\f1af"; } .mdi-book:before { content: "\f1b0"; } .mdi-book-multiple:before { content: "\f1b1"; } .mdi-book-multiple-variant:before { content: "\f1b2"; } .mdi-book-open:before { content: "\f1b3"; } .mdi-book-open-variant:before { content: "\f1b4"; } .mdi-book-variant:before { content: "\f1b5"; } .mdi-bookmark:before { content: "\f1b6"; } .mdi-bookmark-check:before { content: "\f1b7"; } .mdi-bookmark-music:before { content: "\f1b8"; } .mdi-bookmark-outline:before { content: "\f1b9"; } .mdi-bookmark-outline-plus:before { content: "\f1ba"; } .mdi-bookmark-plus:before { content: "\f1bb"; } .mdi-bookmark-remove:before { content: "\f1bc"; } .mdi-border-all:before { content: "\f1bd"; } .mdi-border-bottom:before { content: "\f1be"; } .mdi-border-color:before { content: "\f1bf"; } .mdi-border-horizontal:before { content: "\f1c0"; } .mdi-border-inside:before { content: "\f1c1"; } .mdi-border-left:before { content: "\f1c2"; } .mdi-border-none:before { content: "\f1c3"; } .mdi-border-outside:before { content: "\f1c4"; } .mdi-border-right:before { content: "\f1c5"; } .mdi-border-style:before { content: "\f1c6"; } .mdi-border-top:before { content: "\f1c7"; } .mdi-border-vertical:before { content: "\f1c8"; } .mdi-bowling:before { content: "\f1c9"; } .mdi-box:before { content: "\f1ca"; } .mdi-box-cutter:before { content: "\f1cb"; } .mdi-briefcase:before { content: "\f1cc"; } .mdi-briefcase-check:before { content: "\f1cd"; } .mdi-briefcase-download:before { content: "\f1ce"; } .mdi-briefcase-upload:before { content: "\f1cf"; } .mdi-brightness-1:before { content: "\f1d0"; } .mdi-brightness-2:before { content: "\f1d1"; } .mdi-brightness-3:before { content: "\f1d2"; } .mdi-brightness-4:before { content: "\f1d3"; } .mdi-brightness-5:before { content: "\f1d4"; } .mdi-brightness-6:before { content: "\f1d5"; } .mdi-brightness-7:before { content: "\f1d6"; } .mdi-brightness-auto:before { content: "\f1d7"; } .mdi-broom:before { content: "\f1d8"; } .mdi-brush:before { content: "\f1d9"; } .mdi-bug:before { content: "\f1da"; } .mdi-bulletin-board:before { content: "\f1db"; } .mdi-bullhorn:before { content: "\f1dc"; } .mdi-bus:before { content: "\f1dd"; } .mdi-cached:before { content: "\f1de"; } .mdi-cake:before { content: "\f1df"; } .mdi-cake-layered:before { content: "\f1e0"; } .mdi-cake-variant:before { content: "\f1e1"; } .mdi-calculator:before { content: "\f1e2"; } .mdi-calendar:before { content: "\f1e3"; } .mdi-calendar-blank:before { content: "\f1e4"; } .mdi-calendar-check:before { content: "\f1e5"; } .mdi-calendar-clock:before { content: "\f1e6"; } .mdi-calendar-multiple:before { content: "\f1e7"; } .mdi-calendar-multiple-check:before { content: "\f1e8"; } .mdi-calendar-plus:before { content: "\f1e9"; } .mdi-calendar-remove:before { content: "\f1ea"; } .mdi-calendar-text:before { content: "\f1eb"; } .mdi-calendar-today:before { content: "\f1ec"; } .mdi-call-made:before { content: "\f1ed"; } .mdi-call-merge:before { content: "\f1ee"; } .mdi-call-missed:before { content: "\f1ef"; } .mdi-call-received:before { content: "\f1f0"; } .mdi-call-split:before { content: "\f1f1"; } .mdi-camcorder:before { content: "\f1f2"; } .mdi-camcorder-box:before { content: "\f1f3"; } .mdi-camcorder-box-off:before { content: "\f1f4"; } .mdi-camcorder-off:before { content: "\f1f5"; } .mdi-camera:before { content: "\f1f6"; } .mdi-camera-enhance:before { content: "\f1f7"; } .mdi-camera-front:before { content: "\f1f8"; } .mdi-camera-front-variant:before { content: "\f1f9"; } .mdi-camera-iris:before { content: "\f1fa"; } .mdi-camera-party-mode:before { content: "\f1fb"; } .mdi-camera-rear:before { content: "\f1fc"; } .mdi-camera-rear-variant:before { content: "\f1fd"; } .mdi-camera-switch:before { content: "\f1fe"; } .mdi-camera-timer:before { content: "\f1ff"; } .mdi-candycane:before { content: "\f200"; } .mdi-car:before { content: "\f201"; } .mdi-car-battery:before { content: "\f202"; } .mdi-car-connected:before { content: "\f203"; } .mdi-car-wash:before { content: "\f204"; } .mdi-carrot:before { content: "\f205"; } .mdi-cart:before { content: "\f206"; } .mdi-cart-outline:before { content: "\f207"; } .mdi-cart-plus:before { content: "\f208"; } .mdi-case-sensitive-alt:before { content: "\f209"; } .mdi-cash:before { content: "\f20a"; } .mdi-cash-100:before { content: "\f20b"; } .mdi-cash-multiple:before { content: "\f20c"; } .mdi-cash-usd:before { content: "\f20d"; } .mdi-cast:before { content: "\f20e"; } .mdi-cast-connected:before { content: "\f20f"; } .mdi-castle:before { content: "\f210"; } .mdi-cat:before { content: "\f211"; } .mdi-cellphone:before { content: "\f212"; } .mdi-cellphone-android:before { content: "\f213"; } .mdi-cellphone-basic:before { content: "\f214"; } .mdi-cellphone-dock:before { content: "\f215"; } .mdi-cellphone-iphone:before { content: "\f216"; } .mdi-cellphone-link:before { content: "\f217"; } .mdi-cellphone-link-off:before { content: "\f218"; } .mdi-cellphone-settings:before { content: "\f219"; } .mdi-certificate:before { content: "\f21a"; } .mdi-chair-school:before { content: "\f21b"; } .mdi-chart-arc:before { content: "\f21c"; } .mdi-chart-areaspline:before { content: "\f21d"; } .mdi-chart-bar:before { content: "\f21e"; } .mdi-chart-histogram:before { content: "\f21f"; } .mdi-chart-line:before { content: "\f220"; } .mdi-chart-pie:before { content: "\f221"; } .mdi-check:before { content: "\f222"; } .mdi-check-all:before { content: "\f223"; } .mdi-checkbox-blank:before { content: "\f224"; } .mdi-checkbox-blank-circle:before { content: "\f225"; } .mdi-checkbox-blank-circle-outline:before { content: "\f226"; } .mdi-checkbox-blank-outline:before { content: "\f227"; } .mdi-checkbox-marked:before { content: "\f228"; } .mdi-checkbox-marked-circle:before { content: "\f229"; } .mdi-checkbox-marked-circle-outline:before { content: "\f22a"; } .mdi-checkbox-marked-outline:before { content: "\f22b"; } .mdi-checkbox-multiple-blank:before { content: "\f22c"; } .mdi-checkbox-multiple-blank-outline:before { content: "\f22d"; } .mdi-checkbox-multiple-marked:before { content: "\f22e"; } .mdi-checkbox-multiple-marked-outline:before { content: "\f22f"; } .mdi-checkerboard:before { content: "\f230"; } .mdi-chemical-weapon:before { content: "\f231"; } .mdi-chevron-double-down:before { content: "\f232"; } .mdi-chevron-double-left:before { content: "\f233"; } .mdi-chevron-double-right:before { content: "\f234"; } .mdi-chevron-double-up:before { content: "\f235"; } .mdi-chevron-down:before { content: "\f236"; } .mdi-chevron-left:before { content: "\f237"; } .mdi-chevron-right:before { content: "\f238"; } .mdi-chevron-up:before { content: "\f239"; } .mdi-church:before { content: "\f23a"; } .mdi-cisco-webex:before { content: "\f23b"; } .mdi-city:before { content: "\f23c"; } .mdi-clipboard:before { content: "\f23d"; } .mdi-clipboard-account:before { content: "\f23e"; } .mdi-clipboard-alert:before { content: "\f23f"; } .mdi-clipboard-arrow-down:before { content: "\f240"; } .mdi-clipboard-arrow-left:before { content: "\f241"; } .mdi-clipboard-check:before { content: "\f242"; } .mdi-clipboard-outline:before { content: "\f243"; } .mdi-clipboard-text:before { content: "\f244"; } .mdi-clippy:before { content: "\f245"; } .mdi-clock:before { content: "\f246"; } .mdi-clock-end:before { content: "\f247"; } .mdi-clock-fast:before { content: "\f248"; } .mdi-clock-in:before { content: "\f249"; } .mdi-clock-out:before { content: "\f24a"; } .mdi-clock-start:before { content: "\f24b"; } .mdi-close:before { content: "\f24c"; } .mdi-close-box:before { content: "\f24d"; } .mdi-close-box-outline:before { content: "\f24e"; } .mdi-close-circle:before { content: "\f24f"; } .mdi-close-circle-outline:before { content: "\f250"; } .mdi-close-network:before { content: "\f251"; } .mdi-close-octagon:before { content: "\f252"; } .mdi-close-octagon-outline:before { content: "\f253"; } .mdi-closed-caption:before { content: "\f254"; } .mdi-cloud:before { content: "\f255"; } .mdi-cloud-check:before { content: "\f256"; } .mdi-cloud-circle:before { content: "\f257"; } .mdi-cloud-download:before { content: "\f258"; } .mdi-cloud-outline:before { content: "\f259"; } .mdi-cloud-outline-off:before { content: "\f25a"; } .mdi-cloud-print:before { content: "\f25b"; } .mdi-cloud-print-outline:before { content: "\f25c"; } .mdi-cloud-upload:before { content: "\f25d"; } .mdi-code-array:before { content: "\f25e"; } .mdi-code-braces:before { content: "\f25f"; } .mdi-code-brackets:before { content: "\f260"; } .mdi-code-equal:before { content: "\f261"; } .mdi-code-greater-than:before { content: "\f262"; } .mdi-code-greater-than-or-equal:before { content: "\f263"; } .mdi-code-less-than:before { content: "\f264"; } .mdi-code-less-than-or-equal:before { content: "\f265"; } .mdi-code-not-equal:before { content: "\f266"; } .mdi-code-not-equal-variant:before { content: "\f267"; } .mdi-code-parentheses:before { content: "\f268"; } .mdi-code-string:before { content: "\f269"; } .mdi-code-tags:before { content: "\f26a"; } .mdi-codepen:before { content: "\f26b"; } .mdi-coffee:before { content: "\f26c"; } .mdi-coffee-to-go:before { content: "\f26d"; } .mdi-coin:before { content: "\f26e"; } .mdi-color-helper:before { content: "\f26f"; } .mdi-comment:before { content: "\f270"; } .mdi-comment-account:before { content: "\f271"; } .mdi-comment-account-outline:before { content: "\f272"; } .mdi-comment-alert:before { content: "\f273"; } .mdi-comment-alert-outline:before { content: "\f274"; } .mdi-comment-check:before { content: "\f275"; } .mdi-comment-check-outline:before { content: "\f276"; } .mdi-comment-multiple-outline:before { content: "\f277"; } .mdi-comment-outline:before { content: "\f278"; } .mdi-comment-plus-outline:before { content: "\f279"; } .mdi-comment-processing:before { content: "\f27a"; } .mdi-comment-processing-outline:before { content: "\f27b"; } .mdi-comment-question-outline:before { content: "\f27c"; } .mdi-comment-remove-outline:before { content: "\f27d"; } .mdi-comment-text:before { content: "\f27e"; } .mdi-comment-text-outline:before { content: "\f27f"; } .mdi-compare:before { content: "\f280"; } .mdi-compass:before { content: "\f281"; } .mdi-compass-outline:before { content: "\f282"; } .mdi-console:before { content: "\f283"; } .mdi-contact-mail:before { content: "\f284"; } .mdi-content-copy:before { content: "\f285"; } .mdi-content-cut:before { content: "\f286"; } .mdi-content-duplicate:before { content: "\f287"; } .mdi-content-paste:before { content: "\f288"; } .mdi-content-save:before { content: "\f289"; } .mdi-content-save-all:before { content: "\f28a"; } .mdi-contrast:before { content: "\f28b"; } .mdi-contrast-box:before { content: "\f28c"; } .mdi-contrast-circle:before { content: "\f28d"; } .mdi-cookie:before { content: "\f28e"; } .mdi-cow:before { content: "\f28f"; } .mdi-credit-card:before { content: "\f290"; } .mdi-credit-card-multiple:before { content: "\f291"; } .mdi-credit-card-scan:before { content: "\f292"; } .mdi-crop:before { content: "\f293"; } .mdi-crop-free:before { content: "\f294"; } .mdi-crop-landscape:before { content: "\f295"; } .mdi-crop-portrait:before { content: "\f296"; } .mdi-crop-square:before { content: "\f297"; } .mdi-crosshairs:before { content: "\f298"; } .mdi-crosshairs-gps:before { content: "\f299"; } .mdi-crown:before { content: "\f29a"; } .mdi-cube:before { content: "\f29b"; } .mdi-cube-outline:before { content: "\f29c"; } .mdi-cube-send:before { content: "\f29d"; } .mdi-cube-unfolded:before { content: "\f29e"; } .mdi-cup:before { content: "\f29f"; } .mdi-cup-water:before { content: "\f2a0"; } .mdi-currency-btc:before { content: "\f2a1"; } .mdi-currency-eur:before { content: "\f2a2"; } .mdi-currency-gbp:before { content: "\f2a3"; } .mdi-currency-inr:before { content: "\f2a4"; } .mdi-currency-ngn:before { content: "\f2a5"; } .mdi-currency-rub:before { content: "\f2a6"; } .mdi-currency-try:before { content: "\f2a7"; } .mdi-currency-usd:before { content: "\f2a8"; } .mdi-cursor-default:before { content: "\f2a9"; } .mdi-cursor-default-outline:before { content: "\f2aa"; } .mdi-cursor-move:before { content: "\f2ab"; } .mdi-cursor-pointer:before { content: "\f2ac"; } .mdi-database:before { content: "\f2ad"; } .mdi-database-minus:before { content: "\f2ae"; } .mdi-database-plus:before { content: "\f2af"; } .mdi-debug-step-into:before { content: "\f2b0"; } .mdi-debug-step-out:before { content: "\f2b1"; } .mdi-debug-step-over:before { content: "\f2b2"; } .mdi-decimal-decrease:before { content: "\f2b3"; } .mdi-decimal-increase:before { content: "\f2b4"; } .mdi-delete:before { content: "\f2b5"; } .mdi-delete-variant:before { content: "\f2b6"; } .mdi-delta:before { content: "\f2b7"; } .mdi-deskphone:before { content: "\f2b8"; } .mdi-desktop-mac:before { content: "\f2b9"; } .mdi-desktop-tower:before { content: "\f2ba"; } .mdi-details:before { content: "\f2bb"; } .mdi-deviantart:before { content: "\f2bc"; } .mdi-diamond:before { content: "\f2bd"; } .mdi-dice:before { content: "\f2be"; } .mdi-dice-1:before { content: "\f2bf"; } .mdi-dice-2:before { content: "\f2c0"; } .mdi-dice-3:before { content: "\f2c1"; } .mdi-dice-4:before { content: "\f2c2"; } .mdi-dice-5:before { content: "\f2c3"; } .mdi-dice-6:before { content: "\f2c4"; } .mdi-directions:before { content: "\f2c5"; } .mdi-disk-alert:before { content: "\f2c6"; } .mdi-disqus:before { content: "\f2c7"; } .mdi-disqus-outline:before { content: "\f2c8"; } .mdi-division:before { content: "\f2c9"; } .mdi-division-box:before { content: "\f2ca"; } .mdi-dns:before { content: "\f2cb"; } .mdi-domain:before { content: "\f2cc"; } .mdi-dots-horizontal:before { content: "\f2cd"; } .mdi-dots-vertical:before { content: "\f2ce"; } .mdi-download:before { content: "\f2cf"; } .mdi-drag:before { content: "\f2d0"; } .mdi-drag-horizontal:before { content: "\f2d1"; } .mdi-drag-vertical:before { content: "\f2d2"; } .mdi-drawing:before { content: "\f2d3"; } .mdi-drawing-box:before { content: "\f2d4"; } .mdi-dribbble:before { content: "\f2d5"; } .mdi-dribbble-box:before { content: "\f2d6"; } .mdi-drone:before { content: "\f2d7"; } .mdi-dropbox:before { content: "\f2d8"; } .mdi-drupal:before { content: "\f2d9"; } .mdi-duck:before { content: "\f2da"; } .mdi-dumbbell:before { content: "\f2db"; } .mdi-earth:before { content: "\f2dc"; } .mdi-earth-off:before { content: "\f2dd"; } .mdi-edge:before { content: "\f2de"; } .mdi-eject:before { content: "\f2df"; } .mdi-elevation-decline:before { content: "\f2e0"; } .mdi-elevation-rise:before { content: "\f2e1"; } .mdi-elevator:before { content: "\f2e2"; } .mdi-email:before { content: "\f2e3"; } .mdi-email-open:before { content: "\f2e4"; } .mdi-email-outline:before { content: "\f2e5"; } .mdi-email-secure:before { content: "\f2e6"; } .mdi-emoticon:before { content: "\f2e7"; } .mdi-emoticon-cool:before { content: "\f2e8"; } .mdi-emoticon-devil:before { content: "\f2e9"; } .mdi-emoticon-happy:before { content: "\f2ea"; } .mdi-emoticon-neutral:before { content: "\f2eb"; } .mdi-emoticon-poop:before { content: "\f2ec"; } .mdi-emoticon-sad:before { content: "\f2ed"; } .mdi-emoticon-tongue:before { content: "\f2ee"; } .mdi-engine:before { content: "\f2ef"; } .mdi-engine-outline:before { content: "\f2f0"; } .mdi-equal:before { content: "\f2f1"; } .mdi-equal-box:before { content: "\f2f2"; } .mdi-eraser:before { content: "\f2f3"; } .mdi-escalator:before { content: "\f2f4"; } .mdi-ethernet:before { content: "\f2f5"; } .mdi-ethernet-cable:before { content: "\f2f6"; } .mdi-ethernet-cable-off:before { content: "\f2f7"; } .mdi-etsy:before { content: "\f2f8"; } .mdi-evernote:before { content: "\f2f9"; } .mdi-exclamation:before { content: "\f2fa"; } .mdi-exit-to-app:before { content: "\f2fb"; } .mdi-export:before { content: "\f2fc"; } .mdi-eye:before { content: "\f2fd"; } .mdi-eye-off:before { content: "\f2fe"; } .mdi-eyedropper:before { content: "\f2ff"; } .mdi-eyedropper-variant:before { content: "\f300"; } .mdi-facebook:before { content: "\f301"; } .mdi-facebook-box:before { content: "\f302"; } .mdi-facebook-messenger:before { content: "\f303"; } .mdi-factory:before { content: "\f304"; } .mdi-fan:before { content: "\f305"; } .mdi-fast-forward:before { content: "\f306"; } .mdi-fax:before { content: "\f307"; } .mdi-ferry:before { content: "\f308"; } .mdi-file:before { content: "\f309"; } .mdi-file-chart:before { content: "\f30a"; } .mdi-file-check:before { content: "\f30b"; } .mdi-file-cloud:before { content: "\f30c"; } .mdi-file-delimited:before { content: "\f30d"; } .mdi-file-document:before { content: "\f30e"; } .mdi-file-document-box:before { content: "\f30f"; } .mdi-file-excel:before { content: "\f310"; } .mdi-file-excel-box:before { content: "\f311"; } .mdi-file-export:before { content: "\f312"; } .mdi-file-find:before { content: "\f313"; } .mdi-file-image:before { content: "\f314"; } .mdi-file-import:before { content: "\f315"; } .mdi-file-lock:before { content: "\f316"; } .mdi-file-multiple:before { content: "\f317"; } .mdi-file-music:before { content: "\f318"; } .mdi-file-outline:before { content: "\f319"; } .mdi-file-pdf:before { content: "\f31a"; } .mdi-file-pdf-box:before { content: "\f31b"; } .mdi-file-powerpoint:before { content: "\f31c"; } .mdi-file-powerpoint-box:before { content: "\f31d"; } .mdi-file-presentation-box:before { content: "\f31e"; } .mdi-file-send:before { content: "\f31f"; } .mdi-file-video:before { content: "\f320"; } .mdi-file-word:before { content: "\f321"; } .mdi-file-word-box:before { content: "\f322"; } .mdi-file-xml:before { content: "\f323"; } .mdi-film:before { content: "\f324"; } .mdi-filmstrip:before { content: "\f325"; } .mdi-filmstrip-off:before { content: "\f326"; } .mdi-filter:before { content: "\f327"; } .mdi-filter-outline:before { content: "\f328"; } .mdi-filter-remove:before { content: "\f329"; } .mdi-filter-remove-outline:before { content: "\f32a"; } .mdi-filter-variant:before { content: "\f32b"; } .mdi-fingerprint:before { content: "\f32c"; } .mdi-fire:before { content: "\f32d"; } .mdi-firefox:before { content: "\f32e"; } .mdi-fish:before { content: "\f32f"; } .mdi-flag:before { content: "\f330"; } .mdi-flag-checkered:before { content: "\f331"; } .mdi-flag-outline:before { content: "\f332"; } .mdi-flag-outline-variant:before { content: "\f333"; } .mdi-flag-triangle:before { content: "\f334"; } .mdi-flag-variant:before { content: "\f335"; } .mdi-flash:before { content: "\f336"; } .mdi-flash-auto:before { content: "\f337"; } .mdi-flash-off:before { content: "\f338"; } .mdi-flashlight:before { content: "\f339"; } .mdi-flashlight-off:before { content: "\f33a"; } .mdi-flattr:before { content: "\f33b"; } .mdi-flip-to-back:before { content: "\f33c"; } .mdi-flip-to-front:before { content: "\f33d"; } .mdi-floppy:before { content: "\f33e"; } .mdi-flower:before { content: "\f33f"; } .mdi-folder:before { content: "\f340"; } .mdi-folder-account:before { content: "\f341"; } .mdi-folder-download:before { content: "\f342"; } .mdi-folder-google-drive:before { content: "\f343"; } .mdi-folder-image:before { content: "\f344"; } .mdi-folder-lock:before { content: "\f345"; } .mdi-folder-lock-open:before { content: "\f346"; } .mdi-folder-move:before { content: "\f347"; } .mdi-folder-multiple:before { content: "\f348"; } .mdi-folder-multiple-image:before { content: "\f349"; } .mdi-folder-multiple-outline:before { content: "\f34a"; } .mdi-folder-outline:before { content: "\f34b"; } .mdi-folder-plus:before { content: "\f34c"; } .mdi-folder-remove:before { content: "\f34d"; } .mdi-folder-upload:before { content: "\f34e"; } .mdi-food:before { content: "\f34f"; } .mdi-food-apple:before { content: "\f350"; } .mdi-food-variant:before { content: "\f351"; } .mdi-football:before { content: "\f352"; } .mdi-football-australian:before { content: "\f353"; } .mdi-football-helmet:before { content: "\f354"; } .mdi-format-align-center:before { content: "\f355"; } .mdi-format-align-justify:before { content: "\f356"; } .mdi-format-align-left:before { content: "\f357"; } .mdi-format-align-right:before { content: "\f358"; } .mdi-format-bold:before { content: "\f359"; } .mdi-format-clear:before { content: "\f35a"; } .mdi-format-color-fill:before { content: "\f35b"; } .mdi-format-float-center:before { content: "\f35c"; } .mdi-format-float-left:before { content: "\f35d"; } .mdi-format-float-none:before { content: "\f35e"; } .mdi-format-float-right:before { content: "\f35f"; } .mdi-format-header-1:before { content: "\f360"; } .mdi-format-header-2:before { content: "\f361"; } .mdi-format-header-3:before { content: "\f362"; } .mdi-format-header-4:before { content: "\f363"; } .mdi-format-header-5:before { content: "\f364"; } .mdi-format-header-6:before { content: "\f365"; } .mdi-format-header-decrease:before { content: "\f366"; } .mdi-format-header-equal:before { content: "\f367"; } .mdi-format-header-increase:before { content: "\f368"; } .mdi-format-header-pound:before { content: "\f369"; } .mdi-format-indent-decrease:before { content: "\f36a"; } .mdi-format-indent-increase:before { content: "\f36b"; } .mdi-format-italic:before { content: "\f36c"; } .mdi-format-line-spacing:before { content: "\f36d"; } .mdi-format-list-bulleted:before { content: "\f36e"; } .mdi-format-list-bulleted-type:before { content: "\f36f"; } .mdi-format-list-numbers:before { content: "\f370"; } .mdi-format-paint:before { content: "\f371"; } .mdi-format-paragraph:before { content: "\f372"; } .mdi-format-quote:before { content: "\f373"; } .mdi-format-size:before { content: "\f374"; } .mdi-format-strikethrough:before { content: "\f375"; } .mdi-format-strikethrough-variant:before { content: "\f376"; } .mdi-format-subscript:before { content: "\f377"; } .mdi-format-superscript:before { content: "\f378"; } .mdi-format-text:before { content: "\f379"; } .mdi-format-textdirection-l-to-r:before { content: "\f37a"; } .mdi-format-textdirection-r-to-l:before { content: "\f37b"; } .mdi-format-underline:before { content: "\f37c"; } .mdi-format-wrap-inline:before { content: "\f37d"; } .mdi-format-wrap-square:before { content: "\f37e"; } .mdi-format-wrap-tight:before { content: "\f37f"; } .mdi-format-wrap-top-bottom:before { content: "\f380"; } .mdi-forum:before { content: "\f381"; } .mdi-forward:before { content: "\f382"; } .mdi-foursquare:before { content: "\f383"; } .mdi-fridge:before { content: "\f384"; } .mdi-fridge-filled:before { content: "\f385"; } .mdi-fridge-filled-bottom:before { content: "\f386"; } .mdi-fridge-filled-top:before { content: "\f387"; } .mdi-fullscreen:before { content: "\f388"; } .mdi-fullscreen-exit:before { content: "\f389"; } .mdi-function:before { content: "\f38a"; } .mdi-gamepad:before { content: "\f38b"; } .mdi-gamepad-variant:before { content: "\f38c"; } .mdi-gas-station:before { content: "\f38d"; } .mdi-gate:before { content: "\f38e"; } .mdi-gauge:before { content: "\f38f"; } .mdi-gavel:before { content: "\f390"; } .mdi-gender-female:before { content: "\f391"; } .mdi-gender-male:before { content: "\f392"; } .mdi-gender-male-female:before { content: "\f393"; } .mdi-gender-transgender:before { content: "\f394"; } .mdi-ghost:before { content: "\f395"; } .mdi-gift:before { content: "\f396"; } .mdi-git:before { content: "\f397"; } .mdi-github-box:before { content: "\f398"; } .mdi-github-circle:before { content: "\f399"; } .mdi-glass-flute:before { content: "\f39a"; } .mdi-glass-mug:before { content: "\f39b"; } .mdi-glass-stange:before { content: "\f39c"; } .mdi-glass-tulip:before { content: "\f39d"; } .mdi-glasses:before { content: "\f39e"; } .mdi-gmail:before { content: "\f39f"; } .mdi-google:before { content: "\f3a0"; } .mdi-google-cardboard:before { content: "\f3a1"; } .mdi-google-chrome:before { content: "\f3a2"; } .mdi-google-circles:before { content: "\f3a3"; } .mdi-google-circles-communities:before { content: "\f3a4"; } .mdi-google-circles-extended:before { content: "\f3a5"; } .mdi-google-circles-group:before { content: "\f3a6"; } .mdi-google-controller:before { content: "\f3a7"; } .mdi-google-controller-off:before { content: "\f3a8"; } .mdi-google-drive:before { content: "\f3a9"; } .mdi-google-earth:before { content: "\f3aa"; } .mdi-google-glass:before { content: "\f3ab"; } .mdi-google-nearby:before { content: "\f3ac"; } .mdi-google-pages:before { content: "\f3ad"; } .mdi-google-physical-web:before { content: "\f3ae"; } .mdi-google-play:before { content: "\f3af"; } .mdi-google-plus:before { content: "\f3b0"; } .mdi-google-plus-box:before { content: "\f3b1"; } .mdi-google-translate:before { content: "\f3b2"; } .mdi-google-wallet:before { content: "\f3b3"; } .mdi-grid:before { content: "\f3b4"; } .mdi-grid-off:before { content: "\f3b5"; } .mdi-group:before { content: "\f3b6"; } .mdi-guitar:before { content: "\f3b7"; } .mdi-guitar-pick:before { content: "\f3b8"; } .mdi-guitar-pick-outline:before { content: "\f3b9"; } .mdi-hand-pointing-right:before { content: "\f3ba"; } .mdi-hanger:before { content: "\f3bb"; } .mdi-hangouts:before { content: "\f3bc"; } .mdi-harddisk:before { content: "\f3bd"; } .mdi-headphones:before { content: "\f3be"; } .mdi-headphones-box:before { content: "\f3bf"; } .mdi-headphones-settings:before { content: "\f3c0"; } .mdi-headset:before { content: "\f3c1"; } .mdi-headset-dock:before { content: "\f3c2"; } .mdi-headset-off:before { content: "\f3c3"; } .mdi-heart:before { content: "\f3c4"; } .mdi-heart-box:before { content: "\f3c5"; } .mdi-heart-box-outline:before { content: "\f3c6"; } .mdi-heart-broken:before { content: "\f3c7"; } .mdi-heart-outline:before { content: "\f3c8"; } .mdi-help:before { content: "\f3c9"; } .mdi-help-circle:before { content: "\f3ca"; } .mdi-hexagon:before { content: "\f3cb"; } .mdi-hexagon-outline:before { content: "\f3cc"; } .mdi-history:before { content: "\f3cd"; } .mdi-hololens:before { content: "\f3ce"; } .mdi-home:before { content: "\f3cf"; } .mdi-home-modern:before { content: "\f3d0"; } .mdi-home-variant:before { content: "\f3d1"; } .mdi-hops:before { content: "\f3d2"; } .mdi-hospital:before { content: "\f3d3"; } .mdi-hospital-building:before { content: "\f3d4"; } .mdi-hospital-marker:before { content: "\f3d5"; } .mdi-hotel:before { content: "\f3d6"; } .mdi-houzz:before { content: "\f3d7"; } .mdi-houzz-box:before { content: "\f3d8"; } .mdi-human:before { content: "\f3d9"; } .mdi-human-child:before { content: "\f3da"; } .mdi-human-male-female:before { content: "\f3db"; } .mdi-image:before { content: "\f3dc"; } .mdi-image-album:before { content: "\f3dd"; } .mdi-image-area:before { content: "\f3de"; } .mdi-image-area-close:before { content: "\f3df"; } .mdi-image-broken:before { content: "\f3e0"; } .mdi-image-broken-variant:before { content: "\f3e1"; } .mdi-image-filter:before { content: "\f3e2"; } .mdi-image-filter-black-white:before { content: "\f3e3"; } .mdi-image-filter-center-focus:before { content: "\f3e4"; } .mdi-image-filter-center-focus-weak:before { content: "\f3e5"; } .mdi-image-filter-drama:before { content: "\f3e6"; } .mdi-image-filter-frames:before { content: "\f3e7"; } .mdi-image-filter-hdr:before { content: "\f3e8"; } .mdi-image-filter-none:before { content: "\f3e9"; } .mdi-image-filter-tilt-shift:before { content: "\f3ea"; } .mdi-image-filter-vintage:before { content: "\f3eb"; } .mdi-image-multiple:before { content: "\f3ec"; } .mdi-import:before { content: "\f3ed"; } .mdi-inbox:before { content: "\f3ee"; } .mdi-information:before { content: "\f3ef"; } .mdi-information-outline:before { content: "\f3f0"; } .mdi-instagram:before { content: "\f3f1"; } .mdi-instapaper:before { content: "\f3f2"; } .mdi-internet-explorer:before { content: "\f3f3"; } .mdi-invert-colors:before { content: "\f3f4"; } .mdi-jeepney:before { content: "\f3f5"; } .mdi-jira:before { content: "\f3f6"; } .mdi-jsfiddle:before { content: "\f3f7"; } .mdi-keg:before { content: "\f3f8"; } .mdi-key:before { content: "\f3f9"; } .mdi-key-change:before { content: "\f3fa"; } .mdi-key-minus:before { content: "\f3fb"; } .mdi-key-plus:before { content: "\f3fc"; } .mdi-key-remove:before { content: "\f3fd"; } .mdi-key-variant:before { content: "\f3fe"; } .mdi-keyboard:before { content: "\f3ff"; } .mdi-keyboard-backspace:before { content: "\f400"; } .mdi-keyboard-caps:before { content: "\f401"; } .mdi-keyboard-close:before { content: "\f402"; } .mdi-keyboard-off:before { content: "\f403"; } .mdi-keyboard-return:before { content: "\f404"; } .mdi-keyboard-tab:before { content: "\f405"; } .mdi-keyboard-variant:before { content: "\f406"; } .mdi-label:before { content: "\f407"; } .mdi-label-outline:before { content: "\f408"; } .mdi-lan:before { content: "\f409"; } .mdi-lan-connect:before { content: "\f40a"; } .mdi-lan-disconnect:before { content: "\f40b"; } .mdi-lan-pending:before { content: "\f40c"; } .mdi-language-csharp:before { content: "\f40d"; } .mdi-language-css3:before { content: "\f40e"; } .mdi-language-html5:before { content: "\f40f"; } .mdi-language-javascript:before { content: "\f410"; } .mdi-language-php:before { content: "\f411"; } .mdi-language-python:before { content: "\f412"; } .mdi-language-python-text:before { content: "\f413"; } .mdi-laptop:before { content: "\f414"; } .mdi-laptop-chromebook:before { content: "\f415"; } .mdi-laptop-mac:before { content: "\f416"; } .mdi-laptop-windows:before { content: "\f417"; } .mdi-lastfm:before { content: "\f418"; } .mdi-launch:before { content: "\f419"; } .mdi-layers:before { content: "\f41a"; } .mdi-layers-off:before { content: "\f41b"; } .mdi-leaf:before { content: "\f41c"; } .mdi-led-off:before { content: "\f41d"; } .mdi-led-on:before { content: "\f41e"; } .mdi-led-outline:before { content: "\f41f"; } .mdi-led-variant-off:before { content: "\f420"; } .mdi-led-variant-on:before { content: "\f421"; } .mdi-led-variant-outline:before { content: "\f422"; } .mdi-library:before { content: "\f423"; } .mdi-library-books:before { content: "\f424"; } .mdi-library-music:before { content: "\f425"; } .mdi-library-plus:before { content: "\f426"; } .mdi-lightbulb:before { content: "\f427"; } .mdi-lightbulb-outline:before { content: "\f428"; } .mdi-link:before { content: "\f429"; } .mdi-link-off:before { content: "\f42a"; } .mdi-link-variant:before { content: "\f42b"; } .mdi-link-variant-off:before { content: "\f42c"; } .mdi-linkedin:before { content: "\f42d"; } .mdi-linkedin-box:before { content: "\f42e"; } .mdi-linux:before { content: "\f42f"; } .mdi-lock:before { content: "\f430"; } .mdi-lock-open:before { content: "\f431"; } .mdi-lock-open-outline:before { content: "\f432"; } .mdi-lock-outline:before { content: "\f433"; } .mdi-login:before { content: "\f434"; } .mdi-logout:before { content: "\f435"; } .mdi-looks:before { content: "\f436"; } .mdi-loupe:before { content: "\f437"; } .mdi-lumx:before { content: "\f438"; } .mdi-magnet:before { content: "\f439"; } .mdi-magnet-on:before { content: "\f43a"; } .mdi-magnify:before { content: "\f43b"; } .mdi-magnify-minus:before { content: "\f43c"; } .mdi-magnify-plus:before { content: "\f43d"; } .mdi-mail-ru:before { content: "\f43e"; } .mdi-map:before { content: "\f43f"; } .mdi-map-marker:before { content: "\f440"; } .mdi-map-marker-circle:before { content: "\f441"; } .mdi-map-marker-multiple:before { content: "\f442"; } .mdi-map-marker-off:before { content: "\f443"; } .mdi-map-marker-radius:before { content: "\f444"; } .mdi-margin:before { content: "\f445"; } .mdi-markdown:before { content: "\f446"; } .mdi-marker-check:before { content: "\f447"; } .mdi-martini:before { content: "\f448"; } .mdi-material-ui:before { content: "\f449"; } .mdi-math-compass:before { content: "\f44a"; } .mdi-maxcdn:before { content: "\f44b"; } .mdi-medium:before { content: "\f44c"; } .mdi-memory:before { content: "\f44d"; } .mdi-menu:before { content: "\f44e"; } .mdi-menu-down:before { content: "\f44f"; } .mdi-menu-left:before { content: "\f450"; } .mdi-menu-right:before { content: "\f451"; } .mdi-menu-up:before { content: "\f452"; } .mdi-message:before { content: "\f453"; } .mdi-message-alert:before { content: "\f454"; } .mdi-message-draw:before { content: "\f455"; } .mdi-message-image:before { content: "\f456"; } .mdi-message-outline:before { content: "\f457"; } .mdi-message-processing:before { content: "\f458"; } .mdi-message-reply:before { content: "\f459"; } .mdi-message-reply-text:before { content: "\f45a"; } .mdi-message-text:before { content: "\f45b"; } .mdi-message-text-outline:before { content: "\f45c"; } .mdi-message-video:before { content: "\f45d"; } .mdi-microphone:before { content: "\f45e"; } .mdi-microphone-off:before { content: "\f45f"; } .mdi-microphone-outline:before { content: "\f460"; } .mdi-microphone-settings:before { content: "\f461"; } .mdi-microphone-variant:before { content: "\f462"; } .mdi-microphone-variant-off:before { content: "\f463"; } .mdi-microsoft:before { content: "\f464"; } .mdi-minus:before { content: "\f465"; } .mdi-minus-box:before { content: "\f466"; } .mdi-minus-circle:before { content: "\f467"; } .mdi-minus-circle-outline:before { content: "\f468"; } .mdi-minus-network:before { content: "\f469"; } .mdi-monitor:before { content: "\f46a"; } .mdi-monitor-multiple:before { content: "\f46b"; } .mdi-more:before { content: "\f46c"; } .mdi-motorbike:before { content: "\f46d"; } .mdi-mouse:before { content: "\f46e"; } .mdi-mouse-off:before { content: "\f46f"; } .mdi-mouse-variant:before { content: "\f470"; } .mdi-mouse-variant-off:before { content: "\f471"; } .mdi-movie:before { content: "\f472"; } .mdi-multiplication:before { content: "\f473"; } .mdi-multiplication-box:before { content: "\f474"; } .mdi-music-box:before { content: "\f475"; } .mdi-music-box-outline:before { content: "\f476"; } .mdi-music-circle:before { content: "\f477"; } .mdi-music-note:before { content: "\f478"; } .mdi-music-note-eighth:before { content: "\f479"; } .mdi-music-note-half:before { content: "\f47a"; } .mdi-music-note-off:before { content: "\f47b"; } .mdi-music-note-quarter:before { content: "\f47c"; } .mdi-music-note-sixteenth:before { content: "\f47d"; } .mdi-music-note-whole:before { content: "\f47e"; } .mdi-nature:before { content: "\f47f"; } .mdi-nature-people:before { content: "\f480"; } .mdi-navigation:before { content: "\f481"; } .mdi-needle:before { content: "\f482"; } .mdi-nest-protect:before { content: "\f483"; } .mdi-nest-thermostat:before { content: "\f484"; } .mdi-newspaper:before { content: "\f485"; } .mdi-nfc:before { content: "\f486"; } .mdi-nfc-tap:before { content: "\f487"; } .mdi-nfc-variant:before { content: "\f488"; } .mdi-nodejs:before { content: "\f489"; } .mdi-note:before { content: "\f48a"; } .mdi-note-outline:before { content: "\f48b"; } .mdi-note-plus:before { content: "\f48c"; } .mdi-note-plus-outline:before { content: "\f48d"; } .mdi-note-text:before { content: "\f48e"; } .mdi-notification-clear-all:before { content: "\f48f"; } .mdi-numeric:before { content: "\f490"; } .mdi-numeric-0-box:before { content: "\f491"; } .mdi-numeric-0-box-multiple-outline:before { content: "\f492"; } .mdi-numeric-0-box-outline:before { content: "\f493"; } .mdi-numeric-1-box:before { content: "\f494"; } .mdi-numeric-1-box-multiple-outline:before { content: "\f495"; } .mdi-numeric-1-box-outline:before { content: "\f496"; } .mdi-numeric-2-box:before { content: "\f497"; } .mdi-numeric-2-box-multiple-outline:before { content: "\f498"; } .mdi-numeric-2-box-outline:before { content: "\f499"; } .mdi-numeric-3-box:before { content: "\f49a"; } .mdi-numeric-3-box-multiple-outline:before { content: "\f49b"; } .mdi-numeric-3-box-outline:before { content: "\f49c"; } .mdi-numeric-4-box:before { content: "\f49d"; } .mdi-numeric-4-box-multiple-outline:before { content: "\f49e"; } .mdi-numeric-4-box-outline:before { content: "\f49f"; } .mdi-numeric-5-box:before { content: "\f4a0"; } .mdi-numeric-5-box-multiple-outline:before { content: "\f4a1"; } .mdi-numeric-5-box-outline:before { content: "\f4a2"; } .mdi-numeric-6-box:before { content: "\f4a3"; } .mdi-numeric-6-box-multiple-outline:before { content: "\f4a4"; } .mdi-numeric-6-box-outline:before { content: "\f4a5"; } .mdi-numeric-7-box:before { content: "\f4a6"; } .mdi-numeric-7-box-multiple-outline:before { content: "\f4a7"; } .mdi-numeric-7-box-outline:before { content: "\f4a8"; } .mdi-numeric-8-box:before { content: "\f4a9"; } .mdi-numeric-8-box-multiple-outline:before { content: "\f4aa"; } .mdi-numeric-8-box-outline:before { content: "\f4ab"; } .mdi-numeric-9-box:before { content: "\f4ac"; } .mdi-numeric-9-box-multiple-outline:before { content: "\f4ad"; } .mdi-numeric-9-box-outline:before { content: "\f4ae"; } .mdi-numeric-9-plus-box:before { content: "\f4af"; } .mdi-numeric-9-plus-box-multiple-outline:before { content: "\f4b0"; } .mdi-numeric-9-plus-box-outline:before { content: "\f4b1"; } .mdi-nutrition:before { content: "\f4b2"; } .mdi-octagon:before { content: "\f4b3"; } .mdi-octagon-outline:before { content: "\f4b4"; } .mdi-odnoklassniki:before { content: "\f4b5"; } .mdi-office:before { content: "\f4b6"; } .mdi-oil:before { content: "\f4b7"; } .mdi-oil-temperature:before { content: "\f4b8"; } .mdi-omega:before { content: "\f4b9"; } .mdi-onedrive:before { content: "\f4ba"; } .mdi-open-in-app:before { content: "\f4bb"; } .mdi-open-in-new:before { content: "\f4bc"; } .mdi-opera:before { content: "\f4bd"; } .mdi-ornament:before { content: "\f4be"; } .mdi-ornament-variant:before { content: "\f4bf"; } .mdi-outbox:before { content: "\f4c0"; } .mdi-owl:before { content: "\f4c1"; } .mdi-package:before { content: "\f4c2"; } .mdi-package-down:before { content: "\f4c3"; } .mdi-package-up:before { content: "\f4c4"; } .mdi-package-variant:before { content: "\f4c5"; } .mdi-package-variant-closed:before { content: "\f4c6"; } .mdi-palette:before { content: "\f4c7"; } .mdi-palette-advanced:before { content: "\f4c8"; } .mdi-panda:before { content: "\f4c9"; } .mdi-pandora:before { content: "\f4ca"; } .mdi-panorama:before { content: "\f4cb"; } .mdi-panorama-fisheye:before { content: "\f4cc"; } .mdi-panorama-horizontal:before { content: "\f4cd"; } .mdi-panorama-vertical:before { content: "\f4ce"; } .mdi-panorama-wide-angle:before { content: "\f4cf"; } .mdi-paper-cut-vertical:before { content: "\f4d0"; } .mdi-paperclip:before { content: "\f4d1"; } .mdi-parking:before { content: "\f4d2"; } .mdi-pause:before { content: "\f4d3"; } .mdi-pause-circle:before { content: "\f4d4"; } .mdi-pause-circle-outline:before { content: "\f4d5"; } .mdi-pause-octagon:before { content: "\f4d6"; } .mdi-pause-octagon-outline:before { content: "\f4d7"; } .mdi-paw:before { content: "\f4d8"; } .mdi-pen:before { content: "\f4d9"; } .mdi-pencil:before { content: "\f4da"; } .mdi-pencil-box:before { content: "\f4db"; } .mdi-pencil-box-outline:before { content: "\f4dc"; } .mdi-pencil-lock:before { content: "\f4dd"; } .mdi-pencil-off:before { content: "\f4de"; } .mdi-percent:before { content: "\f4df"; } .mdi-pharmacy:before { content: "\f4e0"; } .mdi-phone:before { content: "\f4e1"; } .mdi-phone-bluetooth:before { content: "\f4e2"; } .mdi-phone-forward:before { content: "\f4e3"; } .mdi-phone-hangup:before { content: "\f4e4"; } .mdi-phone-in-talk:before { content: "\f4e5"; } .mdi-phone-incoming:before { content: "\f4e6"; } .mdi-phone-locked:before { content: "\f4e7"; } .mdi-phone-log:before { content: "\f4e8"; } .mdi-phone-missed:before { content: "\f4e9"; } .mdi-phone-outgoing:before { content: "\f4ea"; } .mdi-phone-paused:before { content: "\f4eb"; } .mdi-phone-settings:before { content: "\f4ec"; } .mdi-phone-voip:before { content: "\f4ed"; } .mdi-pi:before { content: "\f4ee"; } .mdi-pi-box:before { content: "\f4ef"; } .mdi-pig:before { content: "\f4f0"; } .mdi-pill:before { content: "\f4f1"; } .mdi-pin:before { content: "\f4f2"; } .mdi-pin-off:before { content: "\f4f3"; } .mdi-pine-tree:before { content: "\f4f4"; } .mdi-pine-tree-box:before { content: "\f4f5"; } .mdi-pinterest:before { content: "\f4f6"; } .mdi-pinterest-box:before { content: "\f4f7"; } .mdi-pizza:before { content: "\f4f8"; } .mdi-play:before { content: "\f4f9"; } .mdi-play-box-outline:before { content: "\f4fa"; } .mdi-play-circle:before { content: "\f4fb"; } .mdi-play-circle-outline:before { content: "\f4fc"; } .mdi-play-pause:before { content: "\f4fd"; } .mdi-play-protected-content:before { content: "\f4fe"; } .mdi-playlist-minus:before { content: "\f4ff"; } .mdi-playlist-play:before { content: "\f500"; } .mdi-playlist-plus:before { content: "\f501"; } .mdi-playlist-remove:before { content: "\f502"; } .mdi-playstation:before { content: "\f503"; } .mdi-plus:before { content: "\f504"; } .mdi-plus-box:before { content: "\f505"; } .mdi-plus-circle:before { content: "\f506"; } .mdi-plus-circle-multiple-outline:before { content: "\f507"; } .mdi-plus-circle-outline:before { content: "\f508"; } .mdi-plus-network:before { content: "\f509"; } .mdi-plus-one:before { content: "\f50a"; } .mdi-pocket:before { content: "\f50b"; } .mdi-pokeball:before { content: "\f50c"; } .mdi-polaroid:before { content: "\f50d"; } .mdi-poll:before { content: "\f50e"; } .mdi-poll-box:before { content: "\f50f"; } .mdi-polymer:before { content: "\f510"; } .mdi-popcorn:before { content: "\f511"; } .mdi-pound:before { content: "\f512"; } .mdi-pound-box:before { content: "\f513"; } .mdi-power:before { content: "\f514"; } .mdi-power-settings:before { content: "\f515"; } .mdi-power-socket:before { content: "\f516"; } .mdi-presentation:before { content: "\f517"; } .mdi-presentation-play:before { content: "\f518"; } .mdi-printer:before { content: "\f519"; } .mdi-printer-3d:before { content: "\f51a"; } .mdi-printer-alert:before { content: "\f51b"; } .mdi-professional-hexagon:before { content: "\f51c"; } .mdi-projector:before { content: "\f51d"; } .mdi-projector-screen:before { content: "\f51e"; } .mdi-pulse:before { content: "\f51f"; } .mdi-puzzle:before { content: "\f520"; } .mdi-qrcode:before { content: "\f521"; } .mdi-qrcode-scan:before { content: "\f522"; } .mdi-quadcopter:before { content: "\f523"; } .mdi-quality-high:before { content: "\f524"; } .mdi-quicktime:before { content: "\f525"; } .mdi-radar:before { content: "\f526"; } .mdi-radiator:before { content: "\f527"; } .mdi-radio:before { content: "\f528"; } .mdi-radio-handheld:before { content: "\f529"; } .mdi-radio-tower:before { content: "\f52a"; } .mdi-radioactive:before { content: "\f52b"; } .mdi-radiobox-blank:before { content: "\f52c"; } .mdi-radiobox-marked:before { content: "\f52d"; } .mdi-raspberrypi:before { content: "\f52e"; } .mdi-ray-end:before { content: "\f52f"; } .mdi-ray-end-arrow:before { content: "\f530"; } .mdi-ray-start:before { content: "\f531"; } .mdi-ray-start-arrow:before { content: "\f532"; } .mdi-ray-start-end:before { content: "\f533"; } .mdi-ray-vertex:before { content: "\f534"; } .mdi-rdio:before { content: "\f535"; } .mdi-read:before { content: "\f536"; } .mdi-readability:before { content: "\f537"; } .mdi-receipt:before { content: "\f538"; } .mdi-record:before { content: "\f539"; } .mdi-record-rec:before { content: "\f53a"; } .mdi-recycle:before { content: "\f53b"; } .mdi-reddit:before { content: "\f53c"; } .mdi-redo:before { content: "\f53d"; } .mdi-redo-variant:before { content: "\f53e"; } .mdi-refresh:before { content: "\f53f"; } .mdi-regex:before { content: "\f540"; } .mdi-relative-scale:before { content: "\f541"; } .mdi-reload:before { content: "\f542"; } .mdi-remote:before { content: "\f543"; } .mdi-rename-box:before { content: "\f544"; } .mdi-repeat:before { content: "\f545"; } .mdi-repeat-off:before { content: "\f546"; } .mdi-repeat-once:before { content: "\f547"; } .mdi-replay:before { content: "\f548"; } .mdi-reply:before { content: "\f549"; } .mdi-reply-all:before { content: "\f54a"; } .mdi-reproduction:before { content: "\f54b"; } .mdi-resize-bottom-right:before { content: "\f54c"; } .mdi-responsive:before { content: "\f54d"; } .mdi-rewind:before { content: "\f54e"; } .mdi-ribbon:before { content: "\f54f"; } .mdi-road:before { content: "\f550"; } .mdi-road-variant:before { content: "\f551"; } .mdi-rocket:before { content: "\f552"; } .mdi-rotate-3d:before { content: "\f553"; } .mdi-rotate-left:before { content: "\f554"; } .mdi-rotate-left-variant:before { content: "\f555"; } .mdi-rotate-right:before { content: "\f556"; } .mdi-rotate-right-variant:before { content: "\f557"; } .mdi-router-wireless:before { content: "\f558"; } .mdi-routes:before { content: "\f559"; } .mdi-rss:before { content: "\f55a"; } .mdi-rss-box:before { content: "\f55b"; } .mdi-ruler:before { content: "\f55c"; } .mdi-run:before { content: "\f55d"; } .mdi-sale:before { content: "\f55e"; } .mdi-satellite:before { content: "\f55f"; } .mdi-satellite-variant:before { content: "\f560"; } .mdi-scale:before { content: "\f561"; } .mdi-scale-bathroom:before { content: "\f562"; } .mdi-school:before { content: "\f563"; } .mdi-screen-rotation:before { content: "\f564"; } .mdi-screen-rotation-lock:before { content: "\f565"; } .mdi-screwdriver:before { content: "\f566"; } .mdi-script:before { content: "\f567"; } .mdi-sd:before { content: "\f568"; } .mdi-seal:before { content: "\f569"; } .mdi-seat-flat:before { content: "\f56a"; } .mdi-seat-flat-angled:before { content: "\f56b"; } .mdi-seat-individual-suite:before { content: "\f56c"; } .mdi-seat-legroom-extra:before { content: "\f56d"; } .mdi-seat-legroom-normal:before { content: "\f56e"; } .mdi-seat-legroom-reduced:before { content: "\f56f"; } .mdi-seat-recline-extra:before { content: "\f570"; } .mdi-seat-recline-normal:before { content: "\f571"; } .mdi-security:before { content: "\f572"; } .mdi-security-network:before { content: "\f573"; } .mdi-select:before { content: "\f574"; } .mdi-select-all:before { content: "\f575"; } .mdi-select-inverse:before { content: "\f576"; } .mdi-select-off:before { content: "\f577"; } .mdi-selection:before { content: "\f578"; } .mdi-send:before { content: "\f579"; } .mdi-server:before { content: "\f57a"; } .mdi-server-minus:before { content: "\f57b"; } .mdi-server-network:before { content: "\f57c"; } .mdi-server-network-off:before { content: "\f57d"; } .mdi-server-off:before { content: "\f57e"; } .mdi-server-plus:before { content: "\f57f"; } .mdi-server-remove:before { content: "\f580"; } .mdi-server-security:before { content: "\f581"; } .mdi-settings:before { content: "\f582"; } .mdi-settings-box:before { content: "\f583"; } .mdi-shape-plus:before { content: "\f584"; } .mdi-share:before { content: "\f585"; } .mdi-share-variant:before { content: "\f586"; } .mdi-shield:before { content: "\f587"; } .mdi-shield-outline:before { content: "\f588"; } .mdi-shopping:before { content: "\f589"; } .mdi-shopping-music:before { content: "\f58a"; } .mdi-shredder:before { content: "\f58b"; } .mdi-shuffle:before { content: "\f58c"; } .mdi-shuffle-disabled:before { content: "\f58d"; } .mdi-shuffle-variant:before { content: "\f58e"; } .mdi-sigma:before { content: "\f58f"; } .mdi-sign-caution:before { content: "\f590"; } .mdi-signal:before { content: "\f591"; } .mdi-silverware:before { content: "\f592"; } .mdi-silverware-fork:before { content: "\f593"; } .mdi-silverware-spoon:before { content: "\f594"; } .mdi-silverware-variant:before { content: "\f595"; } .mdi-sim:before { content: "\f596"; } .mdi-sim-alert:before { content: "\f597"; } .mdi-sim-off:before { content: "\f598"; } .mdi-sitemap:before { content: "\f599"; } .mdi-skip-backward:before { content: "\f59a"; } .mdi-skip-forward:before { content: "\f59b"; } .mdi-skip-next:before { content: "\f59c"; } .mdi-skip-previous:before { content: "\f59d"; } .mdi-skype:before { content: "\f59e"; } .mdi-skype-business:before { content: "\f59f"; } .mdi-slack:before { content: "\f5a0"; } .mdi-sleep:before { content: "\f5a1"; } .mdi-sleep-off:before { content: "\f5a2"; } .mdi-smoking:before { content: "\f5a3"; } .mdi-smoking-off:before { content: "\f5a4"; } .mdi-snapchat:before { content: "\f5a5"; } .mdi-snowman:before { content: "\f5a6"; } .mdi-sofa:before { content: "\f5a7"; } .mdi-sort:before { content: "\f5a8"; } .mdi-sort-alphabetical:before { content: "\f5a9"; } .mdi-sort-ascending:before { content: "\f5aa"; } .mdi-sort-descending:before { content: "\f5ab"; } .mdi-sort-numeric:before { content: "\f5ac"; } .mdi-sort-variant:before { content: "\f5ad"; } .mdi-soundcloud:before { content: "\f5ae"; } .mdi-source-fork:before { content: "\f5af"; } .mdi-source-pull:before { content: "\f5b0"; } .mdi-speaker:before { content: "\f5b1"; } .mdi-speaker-off:before { content: "\f5b2"; } .mdi-speedometer:before { content: "\f5b3"; } .mdi-spellcheck:before { content: "\f5b4"; } .mdi-spotify:before { content: "\f5b5"; } .mdi-spotlight:before { content: "\f5b6"; } .mdi-spotlight-beam:before { content: "\f5b7"; } .mdi-square-inc:before { content: "\f5b8"; } .mdi-square-inc-cash:before { content: "\f5b9"; } .mdi-stackoverflow:before { content: "\f5ba"; } .mdi-stairs:before { content: "\f5bb"; } .mdi-star:before { content: "\f5bc"; } .mdi-star-circle:before { content: "\f5bd"; } .mdi-star-half:before { content: "\f5be"; } .mdi-star-off:before { content: "\f5bf"; } .mdi-star-outline:before { content: "\f5c0"; } .mdi-steam:before { content: "\f5c1"; } .mdi-steering:before { content: "\f5c2"; } .mdi-step-backward:before { content: "\f5c3"; } .mdi-step-backward-2:before { content: "\f5c4"; } .mdi-step-forward:before { content: "\f5c5"; } .mdi-step-forward-2:before { content: "\f5c6"; } .mdi-stethoscope:before { content: "\f5c7"; } .mdi-stocking:before { content: "\f5c8"; } .mdi-stop:before { content: "\f5c9"; } .mdi-store:before { content: "\f5ca"; } .mdi-store-24-hour:before { content: "\f5cb"; } .mdi-stove:before { content: "\f5cc"; } .mdi-subway:before { content: "\f5cd"; } .mdi-sunglasses:before { content: "\f5ce"; } .mdi-swap-horizontal:before { content: "\f5cf"; } .mdi-swap-vertical:before { content: "\f5d0"; } .mdi-swim:before { content: "\f5d1"; } .mdi-switch:before { content: "\f5d2"; } .mdi-sword:before { content: "\f5d3"; } .mdi-sync:before { content: "\f5d4"; } .mdi-sync-alert:before { content: "\f5d5"; } .mdi-sync-off:before { content: "\f5d6"; } .mdi-tab:before { content: "\f5d7"; } .mdi-tab-unselected:before { content: "\f5d8"; } .mdi-table:before { content: "\f5d9"; } .mdi-table-column-plus-after:before { content: "\f5da"; } .mdi-table-column-plus-before:before { content: "\f5db"; } .mdi-table-column-remove:before { content: "\f5dc"; } .mdi-table-column-width:before { content: "\f5dd"; } .mdi-table-edit:before { content: "\f5de"; } .mdi-table-large:before { content: "\f5df"; } .mdi-table-row-height:before { content: "\f5e0"; } .mdi-table-row-plus-after:before { content: "\f5e1"; } .mdi-table-row-plus-before:before { content: "\f5e2"; } .mdi-table-row-remove:before { content: "\f5e3"; } .mdi-tablet:before { content: "\f5e4"; } .mdi-tablet-android:before { content: "\f5e5"; } .mdi-tablet-ipad:before { content: "\f5e6"; } .mdi-tag:before { content: "\f5e7"; } .mdi-tag-faces:before { content: "\f5e8"; } .mdi-tag-multiple:before { content: "\f5e9"; } .mdi-tag-outline:before { content: "\f5ea"; } .mdi-tag-text-outline:before { content: "\f5eb"; } .mdi-target:before { content: "\f5ec"; } .mdi-taxi:before { content: "\f5ed"; } .mdi-teamviewer:before { content: "\f5ee"; } .mdi-telegram:before { content: "\f5ef"; } .mdi-television:before { content: "\f5f0"; } .mdi-television-guide:before { content: "\f5f1"; } .mdi-temperature-celsius:before { content: "\f5f2"; } .mdi-temperature-fahrenheit:before { content: "\f5f3"; } .mdi-temperature-kelvin:before { content: "\f5f4"; } .mdi-tennis:before { content: "\f5f5"; } .mdi-tent:before { content: "\f5f6"; } .mdi-terrain:before { content: "\f5f7"; } .mdi-text-to-speech:before { content: "\f5f8"; } .mdi-text-to-speech-off:before { content: "\f5f9"; } .mdi-texture:before { content: "\f5fa"; } .mdi-theater:before { content: "\f5fb"; } .mdi-theme-light-dark:before { content: "\f5fc"; } .mdi-thermometer:before { content: "\f5fd"; } .mdi-thermometer-lines:before { content: "\f5fe"; } .mdi-thumb-down:before { content: "\f5ff"; } .mdi-thumb-down-outline:before { content: "\f600"; } .mdi-thumb-up:before { content: "\f601"; } .mdi-thumb-up-outline:before { content: "\f602"; } .mdi-thumbs-up-down:before { content: "\f603"; } .mdi-ticket:before { content: "\f604"; } .mdi-ticket-account:before { content: "\f605"; } .mdi-ticket-confirmation:before { content: "\f606"; } .mdi-tie:before { content: "\f607"; } .mdi-timelapse:before { content: "\f608"; } .mdi-timer:before { content: "\f609"; } .mdi-timer-10:before { content: "\f60a"; } .mdi-timer-3:before { content: "\f60b"; } .mdi-timer-off:before { content: "\f60c"; } .mdi-timer-sand:before { content: "\f60d"; } .mdi-timetable:before { content: "\f60e"; } .mdi-toggle-switch:before { content: "\f60f"; } .mdi-toggle-switch-off:before { content: "\f610"; } .mdi-tooltip:before { content: "\f611"; } .mdi-tooltip-edit:before { content: "\f612"; } .mdi-tooltip-image:before { content: "\f613"; } .mdi-tooltip-outline:before { content: "\f614"; } .mdi-tooltip-outline-plus:before { content: "\f615"; } .mdi-tooltip-text:before { content: "\f616"; } .mdi-tor:before { content: "\f617"; } .mdi-traffic-light:before { content: "\f618"; } .mdi-train:before { content: "\f619"; } .mdi-tram:before { content: "\f61a"; } .mdi-transcribe:before { content: "\f61b"; } .mdi-transcribe-close:before { content: "\f61c"; } .mdi-transfer:before { content: "\f61d"; } .mdi-tree:before { content: "\f61e"; } .mdi-trello:before { content: "\f61f"; } .mdi-trending-down:before { content: "\f620"; } .mdi-trending-neutral:before { content: "\f621"; } .mdi-trending-up:before { content: "\f622"; } .mdi-triangle:before { content: "\f623"; } .mdi-triangle-outline:before { content: "\f624"; } .mdi-trophy:before { content: "\f625"; } .mdi-trophy-award:before { content: "\f626"; } .mdi-trophy-outline:before { content: "\f627"; } .mdi-trophy-variant:before { content: "\f628"; } .mdi-trophy-variant-outline:before { content: "\f629"; } .mdi-truck:before { content: "\f62a"; } .mdi-truck-delivery:before { content: "\f62b"; } .mdi-tshirt-crew:before { content: "\f62c"; } .mdi-tshirt-v:before { content: "\f62d"; } .mdi-tumblr:before { content: "\f62e"; } .mdi-tumblr-reblog:before { content: "\f62f"; } .mdi-twitch:before { content: "\f630"; } .mdi-twitter:before { content: "\f631"; } .mdi-twitter-box:before { content: "\f632"; } .mdi-twitter-circle:before { content: "\f633"; } .mdi-twitter-retweet:before { content: "\f634"; } .mdi-ubuntu:before { content: "\f635"; } .mdi-umbraco:before { content: "\f636"; } .mdi-umbrella:before { content: "\f637"; } .mdi-umbrella-outline:before { content: "\f638"; } .mdi-undo:before { content: "\f639"; } .mdi-undo-variant:before { content: "\f63a"; } .mdi-unfold-less:before { content: "\f63b"; } .mdi-unfold-more:before { content: "\f63c"; } .mdi-ungroup:before { content: "\f63d"; } .mdi-untappd:before { content: "\f63e"; } .mdi-upload:before { content: "\f63f"; } .mdi-usb:before { content: "\f640"; } .mdi-vector-arrange-above:before { content: "\f641"; } .mdi-vector-arrange-below:before { content: "\f642"; } .mdi-vector-circle:before { content: "\f643"; } .mdi-vector-circle-variant:before { content: "\f644"; } .mdi-vector-combine:before { content: "\f645"; } .mdi-vector-curve:before { content: "\f646"; } .mdi-vector-difference:before { content: "\f647"; } .mdi-vector-difference-ab:before { content: "\f648"; } .mdi-vector-difference-ba:before { content: "\f649"; } .mdi-vector-intersection:before { content: "\f64a"; } .mdi-vector-line:before { content: "\f64b"; } .mdi-vector-point:before { content: "\f64c"; } .mdi-vector-polygon:before { content: "\f64d"; } .mdi-vector-polyline:before { content: "\f64e"; } .mdi-vector-selection:before { content: "\f64f"; } .mdi-vector-square:before { content: "\f650"; } .mdi-vector-triangle:before { content: "\f651"; } .mdi-vector-union:before { content: "\f652"; } .mdi-verified:before { content: "\f653"; } .mdi-vibrate:before { content: "\f654"; } .mdi-video:before { content: "\f655"; } .mdi-video-off:before { content: "\f656"; } .mdi-video-switch:before { content: "\f657"; } .mdi-view-agenda:before { content: "\f658"; } .mdi-view-array:before { content: "\f659"; } .mdi-view-carousel:before { content: "\f65a"; } .mdi-view-column:before { content: "\f65b"; } .mdi-view-dashboard:before { content: "\f65c"; } .mdi-view-day:before { content: "\f65d"; } .mdi-view-grid:before { content: "\f65e"; } .mdi-view-headline:before { content: "\f65f"; } .mdi-view-list:before { content: "\f660"; } .mdi-view-module:before { content: "\f661"; } .mdi-view-quilt:before { content: "\f662"; } .mdi-view-stream:before { content: "\f663"; } .mdi-view-week:before { content: "\f664"; } .mdi-vimeo:before { content: "\f665"; } .mdi-vine:before { content: "\f666"; } .mdi-vk:before { content: "\f667"; } .mdi-vk-box:before { content: "\f668"; } .mdi-vk-circle:before { content: "\f669"; } .mdi-voicemail:before { content: "\f66a"; } .mdi-volume-high:before { content: "\f66b"; } .mdi-volume-low:before { content: "\f66c"; } .mdi-volume-medium:before { content: "\f66d"; } .mdi-volume-off:before { content: "\f66e"; } .mdi-vpn:before { content: "\f66f"; } .mdi-walk:before { content: "\f670"; } .mdi-wallet:before { content: "\f671"; } .mdi-wallet-giftcard:before { content: "\f672"; } .mdi-wallet-membership:before { content: "\f673"; } .mdi-wallet-travel:before { content: "\f674"; } .mdi-wan:before { content: "\f675"; } .mdi-watch:before { content: "\f676"; } .mdi-watch-export:before { content: "\f677"; } .mdi-watch-import:before { content: "\f678"; } .mdi-water:before { content: "\f679"; } .mdi-water-off:before { content: "\f67a"; } .mdi-water-percent:before { content: "\f67b"; } .mdi-water-pump:before { content: "\f67c"; } .mdi-weather-cloudy:before { content: "\f67d"; } .mdi-weather-fog:before { content: "\f67e"; } .mdi-weather-hail:before { content: "\f67f"; } .mdi-weather-lightning:before { content: "\f680"; } .mdi-weather-night:before { content: "\f681"; } .mdi-weather-partlycloudy:before { content: "\f682"; } .mdi-weather-pouring:before { content: "\f683"; } .mdi-weather-rainy:before { content: "\f684"; } .mdi-weather-snowy:before { content: "\f685"; } .mdi-weather-sunny:before { content: "\f686"; } .mdi-weather-sunset:before { content: "\f687"; } .mdi-weather-sunset-down:before { content: "\f688"; } .mdi-weather-sunset-up:before { content: "\f689"; } .mdi-weather-windy:before { content: "\f68a"; } .mdi-weather-windy-variant:before { content: "\f68b"; } .mdi-web:before { content: "\f68c"; } .mdi-webcam:before { content: "\f68d"; } .mdi-weight:before { content: "\f68e"; } .mdi-weight-kilogram:before { content: "\f68f"; } .mdi-whatsapp:before { content: "\f690"; } .mdi-wheelchair-accessibility:before { content: "\f691"; } .mdi-white-balance-auto:before { content: "\f692"; } .mdi-white-balance-incandescent:before { content: "\f693"; } .mdi-white-balance-irradescent:before { content: "\f694"; } .mdi-white-balance-sunny:before { content: "\f695"; } .mdi-wifi:before { content: "\f696"; } .mdi-wifi-off:before { content: "\f697"; } .mdi-wii:before { content: "\f698"; } .mdi-wikipedia:before { content: "\f699"; } .mdi-window-close:before { content: "\f69a"; } .mdi-window-closed:before { content: "\f69b"; } .mdi-window-maximize:before { content: "\f69c"; } .mdi-window-minimize:before { content: "\f69d"; } .mdi-window-open:before { content: "\f69e"; } .mdi-window-restore:before { content: "\f69f"; } .mdi-windows:before { content: "\f6a0"; } .mdi-wordpress:before { content: "\f6a1"; } .mdi-worker:before { content: "\f6a2"; } .mdi-wrap:before { content: "\f6a3"; } .mdi-wrench:before { content: "\f6a4"; } .mdi-wunderlist:before { content: "\f6a5"; } .mdi-xbox:before { content: "\f6a6"; } .mdi-xbox-controller:before { content: "\f6a7"; } .mdi-xbox-controller-off:before { content: "\f6a8"; } .mdi-xda:before { content: "\f6a9"; } .mdi-xing:before { content: "\f6aa"; } .mdi-xing-box:before { content: "\f6ab"; } .mdi-xing-circle:before { content: "\f6ac"; } .mdi-xml:before { content: "\f6ad"; } .mdi-yeast:before { content: "\f6ae"; } .mdi-yelp:before { content: "\f6af"; } .mdi-youtube-play:before { content: "\f6b0"; } .mdi-zip-box:before { content: "\f6b1"; } .mdi-18px { font-size: 18px; } .mdi-24px { font-size: 24px; } .mdi-36px { font-size: 36px; } .mdi-48px { font-size: 48px; } .mdi-dark { color: rgba(0, 0, 0, 0.54); } .mdi-dark.mdi-inactive { color: rgba(0, 0, 0, 0.26); } .mdi-light { color: white; } .mdi-light.mdi-inactive { color: rgba(255, 255, 255, 0.3); } /** + * Title: Bigmug Line Flaticon Pack + * Author: Catalin Fertu + * Source: http://www.flaticon.com/packs/bigmug-line + * License: CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/) + */ @font-face { font-family: "fl-bigmug-line"; src: url("../fonts/fl-bigmug-line.eot"); src: url("../fonts/fl-bigmug-line.eot#iefix") format("embedded-opentype"), url("../fonts/fl-bigmug-line.woff") format("woff"), url("../fonts/fl-bigmug-line.ttf") format("truetype"), url("../fonts/fl-bigmug-line.svg") format("svg"); font-weight: normal; font-style: normal; } .fl-bigmug-line-ico, [class^="fl-bigmug-line-"]:before, [class*=" fl-bigmug-line-"]:before, [class^="fl-bigmug-line-"]:after, [class*=" fl-bigmug-line-"]:after { font-family: 'fl-bigmug-line'; font-size: inherit; font-weight: 400; font-style: normal; } .fl-bigmug-line-add137:before { content: "\e000"; } .fl-bigmug-line-add139:before { content: "\e001"; } .fl-bigmug-line-add149:before { content: "\e002"; } .fl-bigmug-line-airplane86:before { content: "\e003"; } .fl-bigmug-line-alarm31:before { content: "\e004"; } .fl-bigmug-line-arrow592:before { content: "\e005"; } .fl-bigmug-line-attach8:before { content: "\e006"; } .fl-bigmug-line-attachment15:before { content: "\e007"; } .fl-bigmug-line-audio46:before { content: "\e008"; } .fl-bigmug-line-back44:before { content: "\e009"; } .fl-bigmug-line-back46:before { content: "\e00a"; } .fl-bigmug-line-big104:before { content: "\e00b"; } .fl-bigmug-line-book188:before { content: "\e00c"; } .fl-bigmug-line-bookmark28:before { content: "\e00d"; } .fl-bigmug-line-bottle34:before { content: "\e00e"; } .fl-bigmug-line-button5:before { content: "\e00f"; } .fl-bigmug-line-buttons5:before { content: "\e010"; } .fl-bigmug-line-cellphone55:before { content: "\e011"; } .fl-bigmug-line-cellular9:before { content: "\e012"; } .fl-bigmug-line-center10:before { content: "\e013"; } .fl-bigmug-line-chat51:before { content: "\e014"; } .fl-bigmug-line-chat55:before { content: "\e015"; } .fl-bigmug-line-checkmark14:before { content: "\e016"; } .fl-bigmug-line-checkmark15:before { content: "\e017"; } .fl-bigmug-line-checkmark16:before { content: "\e018"; } .fl-bigmug-line-circular220:before { content: "\e019"; } .fl-bigmug-line-circular224:before { content: "\e01a"; } .fl-bigmug-line-circular228:before { content: "\e01b"; } .fl-bigmug-line-circular229:before { content: "\e01c"; } .fl-bigmug-line-clipboard68:before { content: "\e01d"; } .fl-bigmug-line-close42:before { content: "\e01e"; } .fl-bigmug-line-cloud255:before { content: "\e01f"; } .fl-bigmug-line-cloud260:before { content: "\e020"; } .fl-bigmug-line-cocktail26:before { content: "\e021"; } .fl-bigmug-line-code30:before { content: "\e022"; } .fl-bigmug-line-collapse5:before { content: "\e023"; } .fl-bigmug-line-comment45:before { content: "\e024"; } .fl-bigmug-line-compass80:before { content: "\e025"; } .fl-bigmug-line-contract5:before { content: "\e026"; } .fl-bigmug-line-copy23:before { content: "\e027"; } .fl-bigmug-line-crescent23:before { content: "\e028"; } .fl-bigmug-line-cropping1:before { content: "\e029"; } .fl-bigmug-line-cross81:before { content: "\e02a"; } .fl-bigmug-line-cross83:before { content: "\e02b"; } .fl-bigmug-line-cube29:before { content: "\e02c"; } .fl-bigmug-line-double97:before { content: "\e02d"; } .fl-bigmug-line-double98:before { content: "\e02e"; } .fl-bigmug-line-double99:before { content: "\e02f"; } .fl-bigmug-line-down55:before { content: "\e030"; } .fl-bigmug-line-down56:before { content: "\e031"; } .fl-bigmug-line-down58:before { content: "\e032"; } .fl-bigmug-line-down59:before { content: "\e033"; } .fl-bigmug-line-down64:before { content: "\e034"; } .fl-bigmug-line-download136:before { content: "\e035"; } .fl-bigmug-line-download142:before { content: "\e036"; } .fl-bigmug-line-download146:before { content: "\e037"; } .fl-bigmug-line-download147:before { content: "\e038"; } .fl-bigmug-line-download148:before { content: "\e039"; } .fl-bigmug-line-electrical17:before { content: "\e03a"; } .fl-bigmug-line-electronic57:before { content: "\e03b"; } .fl-bigmug-line-email64:before { content: "\e03c"; } .fl-bigmug-line-email67:before { content: "\e03d"; } .fl-bigmug-line-equalization3:before { content: "\e03e"; } .fl-bigmug-line-equalizer26:before { content: "\e03f"; } .fl-bigmug-line-event6:before { content: "\e040"; } .fl-bigmug-line-expand25:before { content: "\e041"; } .fl-bigmug-line-expanding2:before { content: "\e042"; } .fl-bigmug-line-fast33:before { content: "\e043"; } .fl-bigmug-line-favourites5:before { content: "\e044"; } .fl-bigmug-line-file68:before { content: "\e045"; } .fl-bigmug-line-file69:before { content: "\e046"; } .fl-bigmug-line-film57:before { content: "\e047"; } .fl-bigmug-line-flag53:before { content: "\e048"; } .fl-bigmug-line-fog10:before { content: "\e049"; } .fl-bigmug-line-foggy3:before { content: "\e04a"; } .fl-bigmug-line-folder173:before { content: "\e04b"; } .fl-bigmug-line-fork34:before { content: "\e04c"; } .fl-bigmug-line-four87:before { content: "\e04d"; } .fl-bigmug-line-full40:before { content: "\e04e"; } .fl-bigmug-line-games32:before { content: "\e04f"; } .fl-bigmug-line-gear30:before { content: "\e050"; } .fl-bigmug-line-giftbox54:before { content: "\e051"; } .fl-bigmug-line-graphical8:before { content: "\e052"; } .fl-bigmug-line-headphones32:before { content: "\e053"; } .fl-bigmug-line-hot67:before { content: "\e054"; } .fl-bigmug-line-images21:before { content: "\e055"; } .fl-bigmug-line-ink12:before { content: "\e056"; } .fl-bigmug-line-label25:before { content: "\e057"; } .fl-bigmug-line-left144:before { content: "\e058"; } .fl-bigmug-line-left145:before { content: "\e059"; } .fl-bigmug-line-left146:before { content: "\e05a"; } .fl-bigmug-line-left148:before { content: "\e05b"; } .fl-bigmug-line-left152:before { content: "\e05c"; } .fl-bigmug-line-left153:before { content: "\e05d"; } .fl-bigmug-line-left158:before { content: "\e05e"; } .fl-bigmug-line-left159:before { content: "\e05f"; } .fl-bigmug-line-like51:before { content: "\e060"; } .fl-bigmug-line-link52:before { content: "\e061"; } .fl-bigmug-line-list63:before { content: "\e062"; } .fl-bigmug-line-list65:before { content: "\e063"; } .fl-bigmug-line-lock64:before { content: "\e064"; } .fl-bigmug-line-login12:before { content: "\e065"; } .fl-bigmug-line-login9:before { content: "\e066"; } .fl-bigmug-line-map87:before { content: "\e067"; } .fl-bigmug-line-megaphone11:before { content: "\e068"; } .fl-bigmug-line-men25:before { content: "\e069"; } .fl-bigmug-line-menu40:before { content: "\e06a"; } .fl-bigmug-line-menu41:before { content: "\e06b"; } .fl-bigmug-line-microphone76:before { content: "\e06c"; } .fl-bigmug-line-microphone77:before { content: "\e06d"; } .fl-bigmug-line-minus79:before { content: "\e06e"; } .fl-bigmug-line-minus80:before { content: "\e06f"; } .fl-bigmug-line-minus83:before { content: "\e070"; } .fl-bigmug-line-minus86:before { content: "\e071"; } .fl-bigmug-line-monitor74:before { content: "\e072"; } .fl-bigmug-line-music218:before { content: "\e073"; } .fl-bigmug-line-music219:before { content: "\e074"; } .fl-bigmug-line-music221:before { content: "\e075"; } .fl-bigmug-line-musical100:before { content: "\e076"; } .fl-bigmug-line-musical98:before { content: "\e077"; } .fl-bigmug-line-mute34:before { content: "\e078"; } .fl-bigmug-line-new83:before { content: "\e079"; } .fl-bigmug-line-nine16:before { content: "\e07a"; } .fl-bigmug-line-note35:before { content: "\e07b"; } .fl-bigmug-line-notebook41:before { content: "\e07c"; } .fl-bigmug-line-notification4:before { content: "\e07d"; } .fl-bigmug-line-notification5:before { content: "\e07e"; } .fl-bigmug-line-opened25:before { content: "\e07f"; } .fl-bigmug-line-oval34:before { content: "\e080"; } .fl-bigmug-line-paintbrush9:before { content: "\e081"; } .fl-bigmug-line-paper122:before { content: "\e082"; } .fl-bigmug-line-pause37:before { content: "\e083"; } .fl-bigmug-line-pencil85:before { content: "\e084"; } .fl-bigmug-line-phone351:before { content: "\e085"; } .fl-bigmug-line-photo181:before { content: "\e086"; } .fl-bigmug-line-pin42:before { content: "\e087"; } .fl-bigmug-line-planetary2:before { content: "\e088"; } .fl-bigmug-line-play83:before { content: "\e089"; } .fl-bigmug-line-portfolio23:before { content: "\e08a"; } .fl-bigmug-line-print34:before { content: "\e08b"; } .fl-bigmug-line-radio46:before { content: "\e08c"; } .fl-bigmug-line-rain30:before { content: "\e08d"; } .fl-bigmug-line-rectangular78:before { content: "\e08e"; } .fl-bigmug-line-recycling10:before { content: "\e08f"; } .fl-bigmug-line-rewind37:before { content: "\e090"; } .fl-bigmug-line-right139:before { content: "\e091"; } .fl-bigmug-line-right141:before { content: "\e092"; } .fl-bigmug-line-right142:before { content: "\e093"; } .fl-bigmug-line-right144:before { content: "\e094"; } .fl-bigmug-line-right148:before { content: "\e095"; } .fl-bigmug-line-right153:before { content: "\e096"; } .fl-bigmug-line-right154:before { content: "\e097"; } .fl-bigmug-line-right156:before { content: "\e098"; } .fl-bigmug-line-rounded51:before { content: "\e099"; } .fl-bigmug-line-sand14:before { content: "\e09a"; } .fl-bigmug-line-save15:before { content: "\e09b"; } .fl-bigmug-line-search74:before { content: "\e09c"; } .fl-bigmug-line-search78:before { content: "\e09d"; } .fl-bigmug-line-share27:before { content: "\e09e"; } .fl-bigmug-line-shopping198:before { content: "\e09f"; } .fl-bigmug-line-shopping199:before { content: "\e0a0"; } .fl-bigmug-line-shopping202:before { content: "\e0a1"; } .fl-bigmug-line-shopping204:before { content: "\e0a2"; } .fl-bigmug-line-shuffle17:before { content: "\e0a3"; } .fl-bigmug-line-sort47:before { content: "\e0a4"; } .fl-bigmug-line-sort48:before { content: "\e0a5"; } .fl-bigmug-line-speaker75:before { content: "\e0a6"; } .fl-bigmug-line-speaker80:before { content: "\e0a7"; } .fl-bigmug-line-speaker81:before { content: "\e0a8"; } .fl-bigmug-line-speaker86:before { content: "\e0a9"; } .fl-bigmug-line-speaker87:before { content: "\e0aa"; } .fl-bigmug-line-speech96:before { content: "\e0ab"; } .fl-bigmug-line-square152:before { content: "\e0ac"; } .fl-bigmug-line-square156:before { content: "\e0ad"; } .fl-bigmug-line-square160:before { content: "\e0ae"; } .fl-bigmug-line-store10:before { content: "\e0af"; } .fl-bigmug-line-sun81:before { content: "\e0b0"; } .fl-bigmug-line-sunrise3:before { content: "\e0b1"; } .fl-bigmug-line-switch23:before { content: "\e0b2"; } .fl-bigmug-line-switch24:before { content: "\e0b3"; } .fl-bigmug-line-tag47:before { content: "\e0b4"; } .fl-bigmug-line-television20:before { content: "\e0b5"; } .fl-bigmug-line-text108:before { content: "\e0b6"; } .fl-bigmug-line-text109:before { content: "\e0b7"; } .fl-bigmug-line-three142:before { content: "\e0b8"; } .fl-bigmug-line-timer35:before { content: "\e0b9"; } .fl-bigmug-line-tool16:before { content: "\e0ba"; } .fl-bigmug-line-triangle33:before { content: "\e0bb"; } .fl-bigmug-line-trophy55:before { content: "\e0bc"; } .fl-bigmug-line-two311:before { content: "\e0bd"; } .fl-bigmug-line-two316:before { content: "\e0be"; } .fl-bigmug-line-two317:before { content: "\e0bf"; } .fl-bigmug-line-two319:before { content: "\e0c0"; } .fl-bigmug-line-two323:before { content: "\e0c1"; } .fl-bigmug-line-unlocked27:before { content: "\e0c2"; } .fl-bigmug-line-up100:before { content: "\e0c3"; } .fl-bigmug-line-up102:before { content: "\e0c4"; } .fl-bigmug-line-up103:before { content: "\e0c5"; } .fl-bigmug-line-up104:before { content: "\e0c6"; } .fl-bigmug-line-up107:before { content: "\e0c7"; } .fl-bigmug-line-up111:before { content: "\e0c8"; } .fl-bigmug-line-up112:before { content: "\e0c9"; } .fl-bigmug-line-up114:before { content: "\e0ca"; } .fl-bigmug-line-up98:before { content: "\e0cb"; } .fl-bigmug-line-up99:before { content: "\e0cc"; } .fl-bigmug-line-upload91:before { content: "\e0cd"; } .fl-bigmug-line-upload92:before { content: "\e0ce"; } .fl-bigmug-line-upper8:before { content: "\e0cf"; } .fl-bigmug-line-user143:before { content: "\e0d0"; } .fl-bigmug-line-user144:before { content: "\e0d1"; } .fl-bigmug-line-video163:before { content: "\e0d2"; } .fl-bigmug-line-wallet26:before { content: "\e0d3"; } .fl-bigmug-line-weather21:before { content: "\e0d4"; } .fl-bigmug-line-weekly14:before { content: "\e0d5"; } .fl-bigmug-line-weekly15:before { content: "\e0d6"; } .fl-bigmug-line-wind24:before { content: "\e0d7"; } .fl-bigmug-line-window50:before { content: "\e0d8"; } .fl-bigmug-line-winds4:before { content: "\e0d9"; } .fl-bigmug-line-wrench66:before { content: "\e0da"; } .fl-bigmug-line-zoom60:before { content: "\e0db"; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/MaterialIcons-Regular.woff) format("woff"), url(../fonts/MaterialIcons-Regular.ttf) format("truetype"); } .material-icons-ico, [class*="material-icons-"]:before { font-family: 'Material Icons'; font-weight: 400; font-style: normal; font-size: inherit; } .material-icons-3d_rotation:before { content: "\e84d"; } .material-icons-access_alarm:before { content: "\e190"; } .material-icons-access_alarms:before { content: "\e191"; } .material-icons-access_time:before { content: "\e192"; } .material-icons-accessibility:before { content: "\e84e"; } .material-icons-account_balance:before { content: "\e84f"; } .material-icons-account_balance_wallet:before { content: "\e850"; } .material-icons-account_box:before { content: "\e851"; } .material-icons-account_circle:before { content: "\e853"; } .material-icons-adb:before { content: "\e60e"; } .material-icons-add:before { content: "\e145"; } .material-icons-add_alarm:before { content: "\e193"; } .material-icons-add_alert:before { content: "\e003"; } .material-icons-add_box:before { content: "\e146"; } .material-icons-add_circle:before { content: "\e147"; } .material-icons-add_circle_outline:before { content: "\e148"; } .material-icons-add_shopping_cart:before { content: "\e854"; } .material-icons-add_to_photos:before { content: "\e39d"; } .material-icons-adjust:before { content: "\e39e"; } .material-icons-airline_seat_flat:before { content: "\e630"; } .material-icons-airline_seat_flat_angled:before { content: "\e631"; } .material-icons-airline_seat_individual_suite:before { content: "\e632"; } .material-icons-airline_seat_legroom_extra:before { content: "\e633"; } .material-icons-airline_seat_legroom_normal:before { content: "\e634"; } .material-icons-airline_seat_legroom_reduced:before { content: "\e635"; } .material-icons-airline_seat_recline_extra:before { content: "\e636"; } .material-icons-airline_seat_recline_normal:before { content: "\e637"; } .material-icons-airplanemode_active:before { content: "\e195"; } .material-icons-airplanemode_inactive:before { content: "\e194"; } .material-icons-airplay:before { content: "\e055"; } .material-icons-alarm:before { content: "\e855"; } .material-icons-alarm_add:before { content: "\e856"; } .material-icons-alarm_off:before { content: "\e857"; } .material-icons-alarm_on:before { content: "\e858"; } .material-icons-album:before { content: "\e019"; } .material-icons-android:before { content: "\e859"; } .material-icons-announcement:before { content: "\e85a"; } .material-icons-apps:before { content: "\e5c3"; } .material-icons-archive:before { content: "\e149"; } .material-icons-arrow_back:before { content: "\e5c4"; } .material-icons-arrow_drop_down:before { content: "\e5c5"; } .material-icons-arrow_drop_down_circle:before { content: "\e5c6"; } .material-icons-arrow_drop_up:before { content: "\e5c7"; } .material-icons-arrow_forward:before { content: "\e5c8"; } .material-icons-aspect_ratio:before { content: "\e85b"; } .material-icons-assessment:before { content: "\e85c"; } .material-icons-assignment:before { content: "\e85d"; } .material-icons-assignment_ind:before { content: "\e85e"; } .material-icons-assignment_late:before { content: "\e85f"; } .material-icons-assignment_return:before { content: "\e860"; } .material-icons-assignment_returned:before { content: "\e861"; } .material-icons-assignment_turned_in:before { content: "\e862"; } .material-icons-assistant:before { content: "\e39f"; } .material-icons-assistant_photo:before { content: "\e3a0"; } .material-icons-attach_file:before { content: "\e226"; } .material-icons-attach_money:before { content: "\e227"; } .material-icons-attachment:before { content: "\e2bc"; } .material-icons-audiotrack:before { content: "\e3a1"; } .material-icons-autorenew:before { content: "\e863"; } .material-icons-av_timer:before { content: "\e01b"; } .material-icons-backspace:before { content: "\e14a"; } .material-icons-backup:before { content: "\e864"; } .material-icons-battery_alert:before { content: "\e19c"; } .material-icons-battery_charging_full:before { content: "\e1a3"; } .material-icons-battery_full:before { content: "\e1a4"; } .material-icons-battery_std:before { content: "\e1a5"; } .material-icons-battery_unknown:before { content: "\e1a6"; } .material-icons-beenhere:before { content: "\e52d"; } .material-icons-block:before { content: "\e14b"; } .material-icons-bluetooth:before { content: "\e1a7"; } .material-icons-bluetooth_audio:before { content: "\e60f"; } .material-icons-bluetooth_connected:before { content: "\e1a8"; } .material-icons-bluetooth_disabled:before { content: "\e1a9"; } .material-icons-bluetooth_searching:before { content: "\e1aa"; } .material-icons-blur_circular:before { content: "\e3a2"; } .material-icons-blur_linear:before { content: "\e3a3"; } .material-icons-blur_off:before { content: "\e3a4"; } .material-icons-blur_on:before { content: "\e3a5"; } .material-icons-book:before { content: "\e865"; } .material-icons-bookmark:before { content: "\e866"; } .material-icons-bookmark_border:before { content: "\e867"; } .material-icons-border_all:before { content: "\e228"; } .material-icons-border_bottom:before { content: "\e229"; } .material-icons-border_clear:before { content: "\e22a"; } .material-icons-border_color:before { content: "\e22b"; } .material-icons-border_horizontal:before { content: "\e22c"; } .material-icons-border_inner:before { content: "\e22d"; } .material-icons-border_left:before { content: "\e22e"; } .material-icons-border_outer:before { content: "\e22f"; } .material-icons-border_right:before { content: "\e230"; } .material-icons-border_style:before { content: "\e231"; } .material-icons-border_top:before { content: "\e232"; } .material-icons-border_vertical:before { content: "\e233"; } .material-icons-brightness_1:before { content: "\e3a6"; } .material-icons-brightness_2:before { content: "\e3a7"; } .material-icons-brightness_3:before { content: "\e3a8"; } .material-icons-brightness_4:before { content: "\e3a9"; } .material-icons-brightness_5:before { content: "\e3aa"; } .material-icons-brightness_6:before { content: "\e3ab"; } .material-icons-brightness_7:before { content: "\e3ac"; } .material-icons-brightness_auto:before { content: "\e1ab"; } .material-icons-brightness_high:before { content: "\e1ac"; } .material-icons-brightness_low:before { content: "\e1ad"; } .material-icons-brightness_medium:before { content: "\e1ae"; } .material-icons-broken_image:before { content: "\e3ad"; } .material-icons-brush:before { content: "\e3ae"; } .material-icons-bug_report:before { content: "\e868"; } .material-icons-build:before { content: "\e869"; } .material-icons-business:before { content: "\e0af"; } .material-icons-cached:before { content: "\e86a"; } .material-icons-cake:before { content: "\e7e9"; } .material-icons-call:before { content: "\e0b0"; } .material-icons-call_end:before { content: "\e0b1"; } .material-icons-call_made:before { content: "\e0b2"; } .material-icons-call_merge:before { content: "\e0b3"; } .material-icons-call_missed:before { content: "\e0b4"; } .material-icons-call_received:before { content: "\e0b5"; } .material-icons-call_split:before { content: "\e0b6"; } .material-icons-camera:before { content: "\e3af"; } .material-icons-camera_alt:before { content: "\e3b0"; } .material-icons-camera_enhance:before { content: "\e8fc"; } .material-icons-camera_front:before { content: "\e3b1"; } .material-icons-camera_rear:before { content: "\e3b2"; } .material-icons-camera_roll:before { content: "\e3b3"; } .material-icons-cancel:before { content: "\e5c9"; } .material-icons-card_giftcard:before { content: "\e8f6"; } .material-icons-card_membership:before { content: "\e8f7"; } .material-icons-card_travel:before { content: "\e8f8"; } .material-icons-cast:before { content: "\e307"; } .material-icons-cast_connected:before { content: "\e308"; } .material-icons-center_focus_strong:before { content: "\e3b4"; } .material-icons-center_focus_weak:before { content: "\e3b5"; } .material-icons-change_history:before { content: "\e86b"; } .material-icons-chat:before { content: "\e0b7"; } .material-icons-chat_bubble:before { content: "\e0ca"; } .material-icons-chat_bubble_outline:before { content: "\e0cb"; } .material-icons-check:before { content: "\e5ca"; } .material-icons-check_box:before { content: "\e834"; } .material-icons-check_box_outline_blank:before { content: "\e835"; } .material-icons-check_circle:before { content: "\e86c"; } .material-icons-chevron_left:before { content: "\e5cb"; } .material-icons-chevron_right:before { content: "\e5cc"; } .material-icons-chrome_reader_mode:before { content: "\e86d"; } .material-icons-class:before { content: "\e86e"; } .material-icons-clear:before { content: "\e14c"; } .material-icons-clear_all:before { content: "\e0b8"; } .material-icons-close:before { content: "\e5cd"; } .material-icons-closed_caption:before { content: "\e01c"; } .material-icons-cloud:before { content: "\e2bd"; } .material-icons-cloud_circle:before { content: "\e2be"; } .material-icons-cloud_done:before { content: "\e2bf"; } .material-icons-cloud_download:before { content: "\e2c0"; } .material-icons-cloud_off:before { content: "\e2c1"; } .material-icons-cloud_queue:before { content: "\e2c2"; } .material-icons-cloud_upload:before { content: "\e2c3"; } .material-icons-code:before { content: "\e86f"; } .material-icons-collections:before { content: "\e3b6"; } .material-icons-collections_bookmark:before { content: "\e431"; } .material-icons-color_lens:before { content: "\e3b7"; } .material-icons-colorize:before { content: "\e3b8"; } .material-icons-comment:before { content: "\e0b9"; } .material-icons-compare:before { content: "\e3b9"; } .material-icons-computer:before { content: "\e30a"; } .material-icons-confirmation_number:before { content: "\e638"; } .material-icons-contact_phone:before { content: "\e0cf"; } .material-icons-contacts:before { content: "\e0ba"; } .material-icons-content_copy:before { content: "\e14d"; } .material-icons-content_cut:before { content: "\e14e"; } .material-icons-content_paste:before { content: "\e14f"; } .material-icons-control_point:before { content: "\e3ba"; } .material-icons-control_point_duplicate:before { content: "\e3bb"; } .material-icons-create:before { content: "\e150"; } .material-icons-credit_card:before { content: "\e870"; } .material-icons-crop:before { content: "\e3be"; } .material-icons-crop_16_9:before { content: "\e3bc"; } .material-icons-crop_3_2:before { content: "\e3bd"; } .material-icons-crop_5_4:before { content: "\e3bf"; } .material-icons-crop_7_5:before { content: "\e3c0"; } .material-icons-crop_din:before { content: "\e3c1"; } .material-icons-crop_free:before { content: "\e3c2"; } .material-icons-crop_landscape:before { content: "\e3c3"; } .material-icons-crop_original:before { content: "\e3c4"; } .material-icons-crop_portrait:before { content: "\e3c5"; } .material-icons-crop_square:before { content: "\e3c6"; } .material-icons-dashboard:before { content: "\e871"; } .material-icons-data_usage:before { content: "\e1af"; } .material-icons-dehaze:before { content: "\e3c7"; } .material-icons-delete:before { content: "\e872"; } .material-icons-description:before { content: "\e873"; } .material-icons-desktop_mac:before { content: "\e30b"; } .material-icons-desktop_windows:before { content: "\e30c"; } .material-icons-details:before { content: "\e3c8"; } .material-icons-developer_board:before { content: "\e30d"; } .material-icons-developer_mode:before { content: "\e1b0"; } .material-icons-device_hub:before { content: "\e335"; } .material-icons-devices:before { content: "\e1b1"; } .material-icons-dialer_sip:before { content: "\e0bb"; } .material-icons-dialpad:before { content: "\e0bc"; } .material-icons-directions:before { content: "\e52e"; } .material-icons-directions_bike:before { content: "\e52f"; } .material-icons-directions_boat:before { content: "\e532"; } .material-icons-directions_bus:before { content: "\e530"; } .material-icons-directions_car:before { content: "\e531"; } .material-icons-directions_railway:before { content: "\e534"; } .material-icons-directions_run:before { content: "\e566"; } .material-icons-directions_subway:before { content: "\e533"; } .material-icons-directions_transit:before { content: "\e535"; } .material-icons-directions_walk:before { content: "\e536"; } .material-icons-disc_full:before { content: "\e610"; } .material-icons-dns:before { content: "\e875"; } .material-icons-do_not_disturb:before { content: "\e612"; } .material-icons-do_not_disturb_alt:before { content: "\e611"; } .material-icons-dock:before { content: "\e30e"; } .material-icons-domain:before { content: "\e7ee"; } .material-icons-done:before { content: "\e876"; } .material-icons-done_all:before { content: "\e877"; } .material-icons-drafts:before { content: "\e151"; } .material-icons-drive_eta:before { content: "\e613"; } .material-icons-dvr:before { content: "\e1b2"; } .material-icons-edit:before { content: "\e3c9"; } .material-icons-eject:before { content: "\e8fb"; } .material-icons-email:before { content: "\e0be"; } .material-icons-equalizer:before { content: "\e01d"; } .material-icons-error:before { content: "\e000"; } .material-icons-error_outline:before { content: "\e001"; } .material-icons-event:before { content: "\e878"; } .material-icons-event_available:before { content: "\e614"; } .material-icons-event_busy:before { content: "\e615"; } .material-icons-event_note:before { content: "\e616"; } .material-icons-event_seat:before { content: "\e903"; } .material-icons-exit_to_app:before { content: "\e879"; } .material-icons-expand_less:before { content: "\e5ce"; } .material-icons-expand_more:before { content: "\e5cf"; } .material-icons-explicit:before { content: "\e01e"; } .material-icons-explore:before { content: "\e87a"; } .material-icons-exposure:before { content: "\e3ca"; } .material-icons-exposure_neg_1:before { content: "\e3cb"; } .material-icons-exposure_neg_2:before { content: "\e3cc"; } .material-icons-exposure_plus_1:before { content: "\e3cd"; } .material-icons-exposure_plus_2:before { content: "\e3ce"; } .material-icons-exposure_zero:before { content: "\e3cf"; } .material-icons-extension:before { content: "\e87b"; } .material-icons-face:before { content: "\e87c"; } .material-icons-fast_forward:before { content: "\e01f"; } .material-icons-fast_rewind:before { content: "\e020"; } .material-icons-favorite:before { content: "\e87d"; } .material-icons-favorite_border:before { content: "\e87e"; } .material-icons-feedback:before { content: "\e87f"; } .material-icons-file_download:before { content: "\e2c4"; } .material-icons-file_upload:before { content: "\e2c6"; } .material-icons-filter:before { content: "\e3d3"; } .material-icons-filter_1:before { content: "\e3d0"; } .material-icons-filter_2:before { content: "\e3d1"; } .material-icons-filter_3:before { content: "\e3d2"; } .material-icons-filter_4:before { content: "\e3d4"; } .material-icons-filter_5:before { content: "\e3d5"; } .material-icons-filter_6:before { content: "\e3d6"; } .material-icons-filter_7:before { content: "\e3d7"; } .material-icons-filter_8:before { content: "\e3d8"; } .material-icons-filter_9:before { content: "\e3d9"; } .material-icons-filter_9_plus:before { content: "\e3da"; } .material-icons-filter_b_and_w:before { content: "\e3db"; } .material-icons-filter_center_focus:before { content: "\e3dc"; } .material-icons-filter_drama:before { content: "\e3dd"; } .material-icons-filter_frames:before { content: "\e3de"; } .material-icons-filter_hdr:before { content: "\e3df"; } .material-icons-filter_list:before { content: "\e152"; } .material-icons-filter_none:before { content: "\e3e0"; } .material-icons-filter_tilt_shift:before { content: "\e3e2"; } .material-icons-filter_vintage:before { content: "\e3e3"; } .material-icons-find_in_page:before { content: "\e880"; } .material-icons-find_replace:before { content: "\e881"; } .material-icons-flag:before { content: "\e153"; } .material-icons-flare:before { content: "\e3e4"; } .material-icons-flash_auto:before { content: "\e3e5"; } .material-icons-flash_off:before { content: "\e3e6"; } .material-icons-flash_on:before { content: "\e3e7"; } .material-icons-flight:before { content: "\e539"; } .material-icons-flight_land:before { content: "\e904"; } .material-icons-flight_takeoff:before { content: "\e905"; } .material-icons-flip:before { content: "\e3e8"; } .material-icons-flip_to_back:before { content: "\e882"; } .material-icons-flip_to_front:before { content: "\e883"; } .material-icons-folder:before { content: "\e2c7"; } .material-icons-folder_open:before { content: "\e2c8"; } .material-icons-folder_shared:before { content: "\e2c9"; } .material-icons-folder_special:before { content: "\e617"; } .material-icons-font_download:before { content: "\e167"; } .material-icons-format_align_center:before { content: "\e234"; } .material-icons-format_align_justify:before { content: "\e235"; } .material-icons-format_align_left:before { content: "\e236"; } .material-icons-format_align_right:before { content: "\e237"; } .material-icons-format_bold:before { content: "\e238"; } .material-icons-format_clear:before { content: "\e239"; } .material-icons-format_color_fill:before { content: "\e23a"; } .material-icons-format_color_reset:before { content: "\e23b"; } .material-icons-format_color_text:before { content: "\e23c"; } .material-icons-format_indent_decrease:before { content: "\e23d"; } .material-icons-format_indent_increase:before { content: "\e23e"; } .material-icons-format_italic:before { content: "\e23f"; } .material-icons-format_line_spacing:before { content: "\e240"; } .material-icons-format_list_bulleted:before { content: "\e241"; } .material-icons-format_list_numbered:before { content: "\e242"; } .material-icons-format_paint:before { content: "\e243"; } .material-icons-format_quote:before { content: "\e244"; } .material-icons-format_size:before { content: "\e245"; } .material-icons-format_strikethrough:before { content: "\e246"; } .material-icons-format_textdirection_l_to_r:before { content: "\e247"; } .material-icons-format_textdirection_r_to_l:before { content: "\e248"; } .material-icons-format_underlined:before { content: "\e249"; } .material-icons-forum:before { content: "\e0bf"; } .material-icons-forward:before { content: "\e154"; } .material-icons-forward_10:before { content: "\e056"; } .material-icons-forward_30:before { content: "\e057"; } .material-icons-forward_5:before { content: "\e058"; } .material-icons-fullscreen:before { content: "\e5d0"; } .material-icons-fullscreen_exit:before { content: "\e5d1"; } .material-icons-functions:before { content: "\e24a"; } .material-icons-gamepad:before { content: "\e30f"; } .material-icons-games:before { content: "\e021"; } .material-icons-gesture:before { content: "\e155"; } .material-icons-get_app:before { content: "\e884"; } .material-icons-gif:before { content: "\e908"; } .material-icons-gps_fixed:before { content: "\e1b3"; } .material-icons-gps_not_fixed:before { content: "\e1b4"; } .material-icons-gps_off:before { content: "\e1b5"; } .material-icons-grade:before { content: "\e885"; } .material-icons-gradient:before { content: "\e3e9"; } .material-icons-grain:before { content: "\e3ea"; } .material-icons-graphic_eq:before { content: "\e1b8"; } .material-icons-grid_off:before { content: "\e3eb"; } .material-icons-grid_on:before { content: "\e3ec"; } .material-icons-group:before { content: "\e7ef"; } .material-icons-group_add:before { content: "\e7f0"; } .material-icons-group_work:before { content: "\e886"; } .material-icons-hd:before { content: "\e052"; } .material-icons-hdr_off:before { content: "\e3ed"; } .material-icons-hdr_on:before { content: "\e3ee"; } .material-icons-hdr_strong:before { content: "\e3f1"; } .material-icons-hdr_weak:before { content: "\e3f2"; } .material-icons-headset:before { content: "\e310"; } .material-icons-headset_mic:before { content: "\e311"; } .material-icons-healing:before { content: "\e3f3"; } .material-icons-hearing:before { content: "\e023"; } .material-icons-help:before { content: "\e887"; } .material-icons-help_outline:before { content: "\e8fd"; } .material-icons-high_quality:before { content: "\e024"; } .material-icons-highlight_off:before { content: "\e888"; } .material-icons-history:before { content: "\e889"; } .material-icons-home:before { content: "\e88a"; } .material-icons-hotel:before { content: "\e53a"; } .material-icons-hourglass_empty:before { content: "\e88b"; } .material-icons-hourglass_full:before { content: "\e88c"; } .material-icons-http:before { content: "\e902"; } .material-icons-https:before { content: "\e88d"; } .material-icons-image:before { content: "\e3f4"; } .material-icons-image_aspect_ratio:before { content: "\e3f5"; } .material-icons-import_export:before { content: "\e0c3"; } .material-icons-inbox:before { content: "\e156"; } .material-icons-indeterminate_check_box:before { content: "\e909"; } .material-icons-info:before { content: "\e88e"; } .material-icons-info_outline:before { content: "\e88f"; } .material-icons-input:before { content: "\e890"; } .material-icons-insert_chart:before { content: "\e24b"; } .material-icons-insert_comment:before { content: "\e24c"; } .material-icons-insert_drive_file:before { content: "\e24d"; } .material-icons-insert_emoticon:before { content: "\e24e"; } .material-icons-insert_invitation:before { content: "\e24f"; } .material-icons-insert_link:before { content: "\e250"; } .material-icons-insert_photo:before { content: "\e251"; } .material-icons-invert_colors:before { content: "\e891"; } .material-icons-invert_colors_off:before { content: "\e0c4"; } .material-icons-iso:before { content: "\e3f6"; } .material-icons-keyboard:before { content: "\e312"; } .material-icons-keyboard_arrow_down:before { content: "\e313"; } .material-icons-keyboard_arrow_left:before { content: "\e314"; } .material-icons-keyboard_arrow_right:before { content: "\e315"; } .material-icons-keyboard_arrow_up:before { content: "\e316"; } .material-icons-keyboard_backspace:before { content: "\e317"; } .material-icons-keyboard_capslock:before { content: "\e318"; } .material-icons-keyboard_hide:before { content: "\e31a"; } .material-icons-keyboard_return:before { content: "\e31b"; } .material-icons-keyboard_tab:before { content: "\e31c"; } .material-icons-keyboard_voice:before { content: "\e31d"; } .material-icons-label:before { content: "\e892"; } .material-icons-label_outline:before { content: "\e893"; } .material-icons-landscape:before { content: "\e3f7"; } .material-icons-language:before { content: "\e894"; } .material-icons-laptop:before { content: "\e31e"; } .material-icons-laptop_chromebook:before { content: "\e31f"; } .material-icons-laptop_mac:before { content: "\e320"; } .material-icons-laptop_windows:before { content: "\e321"; } .material-icons-launch:before { content: "\e895"; } .material-icons-layers:before { content: "\e53b"; } .material-icons-layers_clear:before { content: "\e53c"; } .material-icons-leak_add:before { content: "\e3f8"; } .material-icons-leak_remove:before { content: "\e3f9"; } .material-icons-lens:before { content: "\e3fa"; } .material-icons-library_add:before { content: "\e02e"; } .material-icons-library_books:before { content: "\e02f"; } .material-icons-library_music:before { content: "\e030"; } .material-icons-link:before { content: "\e157"; } .material-icons-list:before { content: "\e896"; } .material-icons-live_help:before { content: "\e0c6"; } .material-icons-live_tv:before { content: "\e639"; } .material-icons-local_activity:before { content: "\e53f"; } .material-icons-local_airport:before { content: "\e53d"; } .material-icons-local_atm:before { content: "\e53e"; } .material-icons-local_bar:before { content: "\e540"; } .material-icons-local_cafe:before { content: "\e541"; } .material-icons-local_car_wash:before { content: "\e542"; } .material-icons-local_convenience_store:before { content: "\e543"; } .material-icons-local_dining:before { content: "\e556"; } .material-icons-local_drink:before { content: "\e544"; } .material-icons-local_florist:before { content: "\e545"; } .material-icons-local_gas_station:before { content: "\e546"; } .material-icons-local_grocery_store:before { content: "\e547"; } .material-icons-local_hospital:before { content: "\e548"; } .material-icons-local_hotel:before { content: "\e549"; } .material-icons-local_laundry_service:before { content: "\e54a"; } .material-icons-local_library:before { content: "\e54b"; } .material-icons-local_mall:before { content: "\e54c"; } .material-icons-local_movies:before { content: "\e54d"; } .material-icons-local_offer:before { content: "\e54e"; } .material-icons-local_parking:before { content: "\e54f"; } .material-icons-local_pharmacy:before { content: "\e550"; } .material-icons-local_phone:before { content: "\e551"; } .material-icons-local_pizza:before { content: "\e552"; } .material-icons-local_play:before { content: "\e553"; } .material-icons-local_post_office:before { content: "\e554"; } .material-icons-local_printshop:before { content: "\e555"; } .material-icons-local_see:before { content: "\e557"; } .material-icons-local_shipping:before { content: "\e558"; } .material-icons-local_taxi:before { content: "\e559"; } .material-icons-location_city:before { content: "\e7f1"; } .material-icons-location_disabled:before { content: "\e1b6"; } .material-icons-location_off:before { content: "\e0c7"; } .material-icons-location_on:before { content: "\e0c8"; } .material-icons-location_searching:before { content: "\e1b7"; } .material-icons-lock:before { content: "\e897"; } .material-icons-lock_open:before { content: "\e898"; } .material-icons-lock_outline:before { content: "\e899"; } .material-icons-looks:before { content: "\e3fc"; } .material-icons-looks_3:before { content: "\e3fb"; } .material-icons-looks_4:before { content: "\e3fd"; } .material-icons-looks_5:before { content: "\e3fe"; } .material-icons-looks_6:before { content: "\e3ff"; } .material-icons-looks_one:before { content: "\e400"; } .material-icons-looks_two:before { content: "\e401"; } .material-icons-loop:before { content: "\e028"; } .material-icons-loupe:before { content: "\e402"; } .material-icons-loyalty:before { content: "\e89a"; } .material-icons-mail:before { content: "\e158"; } .material-icons-map:before { content: "\e55b"; } .material-icons-markunread:before { content: "\e159"; } .material-icons-markunread_mailbox:before { content: "\e89b"; } .material-icons-memory:before { content: "\e322"; } .material-icons-menu:before { content: "\e5d2"; } .material-icons-merge_type:before { content: "\e252"; } .material-icons-message:before { content: "\e0c9"; } .material-icons-mic:before { content: "\e029"; } .material-icons-mic_none:before { content: "\e02a"; } .material-icons-mic_off:before { content: "\e02b"; } .material-icons-mms:before { content: "\e618"; } .material-icons-mode_comment:before { content: "\e253"; } .material-icons-mode_edit:before { content: "\e254"; } .material-icons-money_off:before { content: "\e25c"; } .material-icons-monochrome_photos:before { content: "\e403"; } .material-icons-mood:before { content: "\e7f2"; } .material-icons-mood_bad:before { content: "\e7f3"; } .material-icons-more:before { content: "\e619"; } .material-icons-more_horiz:before { content: "\e5d3"; } .material-icons-more_vert:before { content: "\e5d4"; } .material-icons-mouse:before { content: "\e323"; } .material-icons-movie:before { content: "\e02c"; } .material-icons-movie_creation:before { content: "\e404"; } .material-icons-music_note:before { content: "\e405"; } .material-icons-my_location:before { content: "\e55c"; } .material-icons-nature:before { content: "\e406"; } .material-icons-nature_people:before { content: "\e407"; } .material-icons-navigate_before:before { content: "\e408"; } .material-icons-navigate_next:before { content: "\e409"; } .material-icons-navigation:before { content: "\e55d"; } .material-icons-network_cell:before { content: "\e1b9"; } .material-icons-network_locked:before { content: "\e61a"; } .material-icons-network_wifi:before { content: "\e1ba"; } .material-icons-new_releases:before { content: "\e031"; } .material-icons-nfc:before { content: "\e1bb"; } .material-icons-no_sim:before { content: "\e0cc"; } .material-icons-not_interested:before { content: "\e033"; } .material-icons-note_add:before { content: "\e89c"; } .material-icons-notifications:before { content: "\e7f4"; } .material-icons-notifications_active:before { content: "\e7f7"; } .material-icons-notifications_none:before { content: "\e7f5"; } .material-icons-notifications_off:before { content: "\e7f6"; } .material-icons-notifications_paused:before { content: "\e7f8"; } .material-icons-offline_pin:before { content: "\e90a"; } .material-icons-ondemand_video:before { content: "\e63a"; } .material-icons-open_in_browser:before { content: "\e89d"; } .material-icons-open_in_new:before { content: "\e89e"; } .material-icons-open_with:before { content: "\e89f"; } .material-icons-pages:before { content: "\e7f9"; } .material-icons-pageview:before { content: "\e8a0"; } .material-icons-palette:before { content: "\e40a"; } .material-icons-panorama:before { content: "\e40b"; } .material-icons-panorama_fish_eye:before { content: "\e40c"; } .material-icons-panorama_horizontal:before { content: "\e40d"; } .material-icons-panorama_vertical:before { content: "\e40e"; } .material-icons-panorama_wide_angle:before { content: "\e40f"; } .material-icons-party_mode:before { content: "\e7fa"; } .material-icons-pause:before { content: "\e034"; } .material-icons-pause_circle_filled:before { content: "\e035"; } .material-icons-pause_circle_outline:before { content: "\e036"; } .material-icons-payment:before { content: "\e8a1"; } .material-icons-people:before { content: "\e7fb"; } .material-icons-people_outline:before { content: "\e7fc"; } .material-icons-perm_camera_mic:before { content: "\e8a2"; } .material-icons-perm_contact_calendar:before { content: "\e8a3"; } .material-icons-perm_data_setting:before { content: "\e8a4"; } .material-icons-perm_device_information:before { content: "\e8a5"; } .material-icons-perm_identity:before { content: "\e8a6"; } .material-icons-perm_media:before { content: "\e8a7"; } .material-icons-perm_phone_msg:before { content: "\e8a8"; } .material-icons-perm_scan_wifi:before { content: "\e8a9"; } .material-icons-person:before { content: "\e7fd"; } .material-icons-person_add:before { content: "\e7fe"; } .material-icons-person_outline:before { content: "\e7ff"; } .material-icons-person_pin:before { content: "\e55a"; } .material-icons-personal_video:before { content: "\e63b"; } .material-icons-phone:before { content: "\e0cd"; } .material-icons-phone_android:before { content: "\e324"; } .material-icons-phone_bluetooth_speaker:before { content: "\e61b"; } .material-icons-phone_forwarded:before { content: "\e61c"; } .material-icons-phone_in_talk:before { content: "\e61d"; } .material-icons-phone_iphone:before { content: "\e325"; } .material-icons-phone_locked:before { content: "\e61e"; } .material-icons-phone_missed:before { content: "\e61f"; } .material-icons-phone_paused:before { content: "\e620"; } .material-icons-phonelink:before { content: "\e326"; } .material-icons-phonelink_erase:before { content: "\e0db"; } .material-icons-phonelink_lock:before { content: "\e0dc"; } .material-icons-phonelink_off:before { content: "\e327"; } .material-icons-phonelink_ring:before { content: "\e0dd"; } .material-icons-phonelink_setup:before { content: "\e0de"; } .material-icons-photo:before { content: "\e410"; } .material-icons-photo_album:before { content: "\e411"; } .material-icons-photo_camera:before { content: "\e412"; } .material-icons-photo_library:before { content: "\e413"; } .material-icons-photo_size_select_actual:before { content: "\e432"; } .material-icons-photo_size_select_large:before { content: "\e433"; } .material-icons-photo_size_select_small:before { content: "\e434"; } .material-icons-picture_as_pdf:before { content: "\e415"; } .material-icons-picture_in_picture:before { content: "\e8aa"; } .material-icons-pin_drop:before { content: "\e55e"; } .material-icons-place:before { content: "\e55f"; } .material-icons-play_arrow:before { content: "\e037"; } .material-icons-play_circle_filled:before { content: "\e038"; } .material-icons-play_circle_outline:before { content: "\e039"; } .material-icons-play_for_work:before { content: "\e906"; } .material-icons-playlist_add:before { content: "\e03b"; } .material-icons-plus_one:before { content: "\e800"; } .material-icons-poll:before { content: "\e801"; } .material-icons-polymer:before { content: "\e8ab"; } .material-icons-portable_wifi_off:before { content: "\e0ce"; } .material-icons-portrait:before { content: "\e416"; } .material-icons-power:before { content: "\e63c"; } .material-icons-power_input:before { content: "\e336"; } .material-icons-power_settings_new:before { content: "\e8ac"; } .material-icons-present_to_all:before { content: "\e0df"; } .material-icons-print:before { content: "\e8ad"; } .material-icons-public:before { content: "\e80b"; } .material-icons-publish:before { content: "\e255"; } .material-icons-query_builder:before { content: "\e8ae"; } .material-icons-question_answer:before { content: "\e8af"; } .material-icons-queue:before { content: "\e03c"; } .material-icons-queue_music:before { content: "\e03d"; } .material-icons-radio:before { content: "\e03e"; } .material-icons-radio_button_checked:before { content: "\e837"; } .material-icons-radio_button_unchecked:before { content: "\e836"; } .material-icons-rate_review:before { content: "\e560"; } .material-icons-receipt:before { content: "\e8b0"; } .material-icons-recent_actors:before { content: "\e03f"; } .material-icons-redeem:before { content: "\e8b1"; } .material-icons-redo:before { content: "\e15a"; } .material-icons-refresh:before { content: "\e5d5"; } .material-icons-remove:before { content: "\e15b"; } .material-icons-remove_circle:before { content: "\e15c"; } .material-icons-remove_circle_outline:before { content: "\e15d"; } .material-icons-remove_red_eye:before { content: "\e417"; } .material-icons-reorder:before { content: "\e8fe"; } .material-icons-repeat:before { content: "\e040"; } .material-icons-repeat_one:before { content: "\e041"; } .material-icons-replay:before { content: "\e042"; } .material-icons-replay_10:before { content: "\e059"; } .material-icons-replay_30:before { content: "\e05a"; } .material-icons-replay_5:before { content: "\e05b"; } .material-icons-reply:before { content: "\e15e"; } .material-icons-reply_all:before { content: "\e15f"; } .material-icons-report:before { content: "\e160"; } .material-icons-report_problem:before { content: "\e8b2"; } .material-icons-restaurant_menu:before { content: "\e561"; } .material-icons-restore:before { content: "\e8b3"; } .material-icons-ring_volume:before { content: "\e0d1"; } .material-icons-room:before { content: "\e8b4"; } .material-icons-rotate_90_degrees_ccw:before { content: "\e418"; } .material-icons-rotate_left:before { content: "\e419"; } .material-icons-rotate_right:before { content: "\e41a"; } .material-icons-router:before { content: "\e328"; } .material-icons-satellite:before { content: "\e562"; } .material-icons-save:before { content: "\e161"; } .material-icons-scanner:before { content: "\e329"; } .material-icons-schedule:before { content: "\e8b5"; } .material-icons-school:before { content: "\e80c"; } .material-icons-screen_lock_landscape:before { content: "\e1be"; } .material-icons-screen_lock_portrait:before { content: "\e1bf"; } .material-icons-screen_lock_rotation:before { content: "\e1c0"; } .material-icons-screen_rotation:before { content: "\e1c1"; } .material-icons-sd_card:before { content: "\e623"; } .material-icons-sd_storage:before { content: "\e1c2"; } .material-icons-search:before { content: "\e8b6"; } .material-icons-security:before { content: "\e32a"; } .material-icons-select_all:before { content: "\e162"; } .material-icons-send:before { content: "\e163"; } .material-icons-settings:before { content: "\e8b8"; } .material-icons-settings_applications:before { content: "\e8b9"; } .material-icons-settings_backup_restore:before { content: "\e8ba"; } .material-icons-settings_bluetooth:before { content: "\e8bb"; } .material-icons-settings_brightness:before { content: "\e8bd"; } .material-icons-settings_cell:before { content: "\e8bc"; } .material-icons-settings_ethernet:before { content: "\e8be"; } .material-icons-settings_input_antenna:before { content: "\e8bf"; } .material-icons-settings_input_component:before { content: "\e8c0"; } .material-icons-settings_input_composite:before { content: "\e8c1"; } .material-icons-settings_input_hdmi:before { content: "\e8c2"; } .material-icons-settings_input_svideo:before { content: "\e8c3"; } .material-icons-settings_overscan:before { content: "\e8c4"; } .material-icons-settings_phone:before { content: "\e8c5"; } .material-icons-settings_power:before { content: "\e8c6"; } .material-icons-settings_remote:before { content: "\e8c7"; } .material-icons-settings_system_daydream:before { content: "\e1c3"; } .material-icons-settings_voice:before { content: "\e8c8"; } .material-icons-share:before { content: "\e80d"; } .material-icons-shop:before { content: "\e8c9"; } .material-icons-shop_two:before { content: "\e8ca"; } .material-icons-shopping_basket:before { content: "\e8cb"; } .material-icons-shopping_cart:before { content: "\e8cc"; } .material-icons-shuffle:before { content: "\e043"; } .material-icons-signal_cellular_4_bar:before { content: "\e1c8"; } .material-icons-signal_cellular_connected_no_internet_4_bar:before { content: "\e1cd"; } .material-icons-signal_cellular_no_sim:before { content: "\e1ce"; } .material-icons-signal_cellular_null:before { content: "\e1cf"; } .material-icons-signal_cellular_off:before { content: "\e1d0"; } .material-icons-signal_wifi_4_bar:before { content: "\e1d8"; } .material-icons-signal_wifi_4_bar_lock:before { content: "\e1d9"; } .material-icons-signal_wifi_off:before { content: "\e1da"; } .material-icons-sim_card:before { content: "\e32b"; } .material-icons-sim_card_alert:before { content: "\e624"; } .material-icons-skip_next:before { content: "\e044"; } .material-icons-skip_previous:before { content: "\e045"; } .material-icons-slideshow:before { content: "\e41b"; } .material-icons-smartphone:before { content: "\e32c"; } .material-icons-sms:before { content: "\e625"; } .material-icons-sms_failed:before { content: "\e626"; } .material-icons-snooze:before { content: "\e046"; } .material-icons-sort:before { content: "\e164"; } .material-icons-sort_by_alpha:before { content: "\e053"; } .material-icons-space_bar:before { content: "\e256"; } .material-icons-speaker:before { content: "\e32d"; } .material-icons-speaker_group:before { content: "\e32e"; } .material-icons-speaker_notes:before { content: "\e8cd"; } .material-icons-speaker_phone:before { content: "\e0d2"; } .material-icons-spellcheck:before { content: "\e8ce"; } .material-icons-star:before { content: "\e838"; } .material-icons-star_border:before { content: "\e83a"; } .material-icons-star_half:before { content: "\e839"; } .material-icons-stars:before { content: "\e8d0"; } .material-icons-stay_current_landscape:before { content: "\e0d3"; } .material-icons-stay_current_portrait:before { content: "\e0d4"; } .material-icons-stay_primary_landscape:before { content: "\e0d5"; } .material-icons-stay_primary_portrait:before { content: "\e0d6"; } .material-icons-stop:before { content: "\e047"; } .material-icons-storage:before { content: "\e1db"; } .material-icons-store:before { content: "\e8d1"; } .material-icons-store_mall_directory:before { content: "\e563"; } .material-icons-straighten:before { content: "\e41c"; } .material-icons-strikethrough_s:before { content: "\e257"; } .material-icons-style:before { content: "\e41d"; } .material-icons-subject:before { content: "\e8d2"; } .material-icons-subtitles:before { content: "\e048"; } .material-icons-supervisor_account:before { content: "\e8d3"; } .material-icons-surround_sound:before { content: "\e049"; } .material-icons-swap_calls:before { content: "\e0d7"; } .material-icons-swap_horiz:before { content: "\e8d4"; } .material-icons-swap_vert:before { content: "\e8d5"; } .material-icons-swap_vertical_circle:before { content: "\e8d6"; } .material-icons-switch_camera:before { content: "\e41e"; } .material-icons-switch_video:before { content: "\e41f"; } .material-icons-sync:before { content: "\e627"; } .material-icons-sync_disabled:before { content: "\e628"; } .material-icons-sync_problem:before { content: "\e629"; } .material-icons-system_update:before { content: "\e62a"; } .material-icons-system_update_alt:before { content: "\e8d7"; } .material-icons-tab:before { content: "\e8d8"; } .material-icons-tab_unselected:before { content: "\e8d9"; } .material-icons-tablet:before { content: "\e32f"; } .material-icons-tablet_android:before { content: "\e330"; } .material-icons-tablet_mac:before { content: "\e331"; } .material-icons-tag_faces:before { content: "\e420"; } .material-icons-tap_and_play:before { content: "\e62b"; } .material-icons-terrain:before { content: "\e564"; } .material-icons-text_format:before { content: "\e165"; } .material-icons-textsms:before { content: "\e0d8"; } .material-icons-texture:before { content: "\e421"; } .material-icons-theaters:before { content: "\e8da"; } .material-icons-thumb_down:before { content: "\e8db"; } .material-icons-thumb_up:before { content: "\e8dc"; } .material-icons-thumbs_up_down:before { content: "\e8dd"; } .material-icons-time_to_leave:before { content: "\e62c"; } .material-icons-timelapse:before { content: "\e422"; } .material-icons-timer:before { content: "\e425"; } .material-icons-timer_10:before { content: "\e423"; } .material-icons-timer_3:before { content: "\e424"; } .material-icons-timer_off:before { content: "\e426"; } .material-icons-toc:before { content: "\e8de"; } .material-icons-today:before { content: "\e8df"; } .material-icons-toll:before { content: "\e8e0"; } .material-icons-tonality:before { content: "\e427"; } .material-icons-toys:before { content: "\e332"; } .material-icons-track_changes:before { content: "\e8e1"; } .material-icons-traffic:before { content: "\e565"; } .material-icons-transform:before { content: "\e428"; } .material-icons-translate:before { content: "\e8e2"; } .material-icons-trending_down:before { content: "\e8e3"; } .material-icons-trending_flat:before { content: "\e8e4"; } .material-icons-trending_up:before { content: "\e8e5"; } .material-icons-tune:before { content: "\e429"; } .material-icons-turned_in:before { content: "\e8e6"; } .material-icons-turned_in_not:before { content: "\e8e7"; } .material-icons-tv:before { content: "\e333"; } .material-icons-undo:before { content: "\e166"; } .material-icons-unfold_less:before { content: "\e5d6"; } .material-icons-unfold_more:before { content: "\e5d7"; } .material-icons-usb:before { content: "\e1e0"; } .material-icons-verified_user:before { content: "\e8e8"; } .material-icons-vertical_align_bottom:before { content: "\e258"; } .material-icons-vertical_align_center:before { content: "\e259"; } .material-icons-vertical_align_top:before { content: "\e25a"; } .material-icons-vibration:before { content: "\e62d"; } .material-icons-video_library:before { content: "\e04a"; } .material-icons-videocam:before { content: "\e04b"; } .material-icons-videocam_off:before { content: "\e04c"; } .material-icons-view_agenda:before { content: "\e8e9"; } .material-icons-view_array:before { content: "\e8ea"; } .material-icons-view_carousel:before { content: "\e8eb"; } .material-icons-view_column:before { content: "\e8ec"; } .material-icons-view_comfy:before { content: "\e42a"; } .material-icons-view_compact:before { content: "\e42b"; } .material-icons-view_day:before { content: "\e8ed"; } .material-icons-view_headline:before { content: "\e8ee"; } .material-icons-view_list:before { content: "\e8ef"; } .material-icons-view_module:before { content: "\e8f0"; } .material-icons-view_quilt:before { content: "\e8f1"; } .material-icons-view_stream:before { content: "\e8f2"; } .material-icons-view_week:before { content: "\e8f3"; } .material-icons-vignette:before { content: "\e435"; } .material-icons-visibility:before { content: "\e8f4"; } .material-icons-visibility_off:before { content: "\e8f5"; } .material-icons-voice_chat:before { content: "\e62e"; } .material-icons-voicemail:before { content: "\e0d9"; } .material-icons-volume_down:before { content: "\e04d"; } .material-icons-volume_mute:before { content: "\e04e"; } .material-icons-volume_off:before { content: "\e04f"; } .material-icons-volume_up:before { content: "\e050"; } .material-icons-vpn_key:before { content: "\e0da"; } .material-icons-vpn_lock:before { content: "\e62f"; } .material-icons-wallpaper:before { content: "\e1bc"; } .material-icons-warning:before { content: "\e002"; } .material-icons-watch:before { content: "\e334"; } .material-icons-wb_auto:before { content: "\e42c"; } .material-icons-wb_cloudy:before { content: "\e42d"; } .material-icons-wb_incandescent:before { content: "\e42e"; } .material-icons-wb_iridescent:before { content: "\e436"; } .material-icons-wb_sunny:before { content: "\e430"; } .material-icons-wc:before { content: "\e63d"; } .material-icons-web:before { content: "\e051"; } .material-icons-whatshot:before { content: "\e80e"; } .material-icons-widgets:before { content: "\e1bd"; } .material-icons-wifi:before { content: "\e63e"; } .material-icons-wifi_lock:before { content: "\e1e1"; } .material-icons-wifi_tethering:before { content: "\e1e2"; } .material-icons-work:before { content: "\e8f9"; } .material-icons-wrap_text:before { content: "\e25b"; } .material-icons-youtube_searched_for:before { content: "\e8fa"; } .material-icons-zoom_in:before { content: "\e8ff"; } .material-icons-zoom_out:before { content: "\e900"; } \ No newline at end of file diff --git a/firstspot/css/style.css b/firstspot/css/style.css new file mode 100644 index 00000000..1e83af66 --- /dev/null +++ b/firstspot/css/style.css @@ -0,0 +1,26432 @@ +@charset "UTF-8"; + +/* +* Trunk version 2.0.0 +*/ + + +/** @group Base */ + + +/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ + +body { + font-family: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + background-color: #fff; + height: 50vh; + position: relative; +} + +html{ + scroll-behavior: smooth; +} + +::-webkit-scrollbar{ + width: 15px; +} + +::-webkit-scrollbar-track{ + border-radius: 5px; + box-shadow: inset 0 0 10px rgba(0,0,0,0.25); +} + +::-webkit-scrollbar-thumb{ + border-radius: 5px; + background: linear-gradient(to top, #01b3a7 , #162e44); +} + +.userlink { + margin-left: 344px; +} + +body:before { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); + -webkit-transition: 0.3s all ease; + -o-transition: 0.3s all ease; + transition: 0.3s all ease; + opacity: 0; + visibility: hidden; + z-index: 1; +} + +body.offcanvas-menu:before { + opacity: 1; + z-index: 1002; + visibility: visible; +} + +.text-black { + color: #000 !important; +} +#cursor { + height: 20px; + width: 20px; + background-color: #16abab; + border-radius: 50%; + position: fixed; + z-index: 99; + transition: all linear 0.1s; + } + + + +.userlink { + color: white; +} + +.userlink { + background-color: #4CAF50; + color: white; + padding: 10px 20px; + border: none; + border-radius: 5px; + cursor: pointer; + font-weight: bold; /* Adjust font weight */ + text-align: center; /* Center text */ +} + +.dropdown-menu { + background-color: #f8f9fa; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + min-width: 150px; /* Set a specific width */ + transition: opacity 0.3s ease-in-out; +} + +.dropdown-menu a { + color: #333; + padding: 10px 20px; + display: block; + text-decoration: none; + text-align: left; +} + +.dropdown-menu a:hover { + background-color: #e2f1f9; + color: #4CAF50; +} + +.dropdown-menu { + margin-top: 8px; +} +.rd-navbar-nav .rd-nav-item.active a { + color: #2fbd34; +} + +/* Optional: Background hover effect for the entire navbar item */ +.rd-navbar-nav .rd-nav-item:hover { + background-color: #99b9da; +} + +.search{ + display: flex; + align-items: center; + margin-right: 0; +} + +.search form{ + display: flex; + margin: 0; + +} + +.search input{ + padding: 10px; + border: 1px solid #ddd; + outline: none; + border-right: 5px; + margin-right: 10px; + font-size: 16px; + +} +.search input:hover{ + border: 1px solid #72a0d4; + +} +.search button{ + padding: 10px; + background-color: #fff; + border: none; + border-radius: 5px; + color: #333; + font-size: 16px; + cursor: pointer; +} +.search button:hover{ + background-color: #ccc; +} + +.btn-primary { + text-align: center; + font-size: 21px; + display: inline-block; + padding: 4px 13px; +} + +p { + color: #b3b3b3; + font-weight: 300; +} + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + text-align: center; +} + +a { + -webkit-transition: 0.3s all ease; + -o-transition: 0.3s all ease; + transition: 0.3s all ease; +} + +a, +a:hover { + text-decoration: none !important; +} + +.hero { + height: 100vh; + width: 100%; + background-size: cover; + background-position: center center; + background-repeat: no-repeat; +} + +.site-navbar { + margin-bottom: 0px; + z-index: 1999; + position: relative; + top: 0; + width: 100%; + padding: 1rem; +} + +.site-navbar .toggle-button { + position: absolute; + right: 0px; +} + +.site-navbar .site-logo { + margin: 0; + padding: 0; + font-size: 1.7rem; +} + +.site-navbar .site-logo a { + color: #89ba16; + /* text-transform: lowercase; */ +} + +@media (max-width: 991.98px) { + .site-navbar .site-logo { + float: left; + position: relative; + } +} + +.site-navbar .site-navigation.border-bottom { + border-bottom: 1px solid white !important; +} + +.site-navbar .site-navigation .site-menu { + margin: 0; + padding: 0; + margin-bottom: 0; +} + +.site-navbar .site-navigation .site-menu .active { + color: #89ba16 !important; +} + +.site-navbar .site-navigation .site-menu a { + text-decoration: none !important; + display: inline-block; +} + +.site-navbar .site-navigation .site-menu>li { + display: inline-block; +} + +.site-navbar .site-navigation .site-menu>li>a { + margin-left: 15px; + margin-right: 15px; + padding: 20px 0px; + color: #000 !important; + display: inline-block; + text-decoration: none !important; +} + +.site-navbar .site-navigation .site-menu>li>a:hover { + color: #89ba16; +} + +.site-navbar .site-navigation .site-menu>li.active>a { + color: #89ba16 !important; +} + +.site-navbar .site-navigation .site-menu .has-children { + position: relative; +} + +.site-navbar .site-navigation .site-menu .has-children>a { + position: relative; + padding-right: 20px; +} + +.site-navbar .site-navigation .site-menu .has-children>a:before { + position: absolute; + content: "\e313"; + font-size: 16px; + top: 50%; + right: 0; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + font-family: "icomoon"; +} + +.site-navbar .site-navigation .site-menu .has-children .dropdown { + visibility: hidden; + opacity: 0; + top: 100%; + position: absolute; + text-align: left; + border-top: 2px solid #89ba16; + -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1); + padding: 0px 0; + margin-top: 20px; + margin-left: 0px; + background: #fff; + -webkit-transition: 0.2s 0s; + -o-transition: 0.2s 0s; + transition: 0.2s 0s; +} + +.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top { + position: absolute; +} + +.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before { + display: none; + bottom: 100%; + left: 20%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} + +.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before { + border-color: rgba(136, 183, 213, 0); + border-bottom-color: #fff; + border-width: 10px; + margin-left: -10px; +} + +.site-navbar .site-navigation .site-menu .has-children .dropdown a { + text-transform: none; + letter-spacing: normal; + -webkit-transition: 0s all; + -o-transition: 0s all; + transition: 0s all; + color: #000 !important; +} + +.site-navbar .site-navigation .site-menu .has-children .dropdown a.active { + color: #89ba16 !important; + background: #f8f9fa; +} + +.site-navbar .site-navigation .site-menu .has-children .dropdown>li { + list-style: none; + padding: 0; + margin: 0; + min-width: 200px; +} + +.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a { + padding: 9px 20px; + display: block; +} + +.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover { + background: #f8f9fa; + color: #ced4da; +} + +.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a:before { + content: "\e315"; + right: 20px; +} + +.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown, +.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>ul { + left: 100%; + top: 0; +} + +.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:hover>a, +.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:active>a, +.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:focus>a { + background: #f8f9fa; + color: #ced4da; +} + +.site-navbar .site-navigation .site-menu .has-children:hover>a, +.site-navbar .site-navigation .site-menu .has-children:focus>a, +.site-navbar .site-navigation .site-menu .has-children:active>a { + color: #89ba16; +} + +.site-navbar .site-navigation .site-menu .has-children:hover, +.site-navbar .site-navigation .site-menu .has-children:focus, +.site-navbar .site-navigation .site-menu .has-children:active { + cursor: pointer; +} + +.site-navbar .site-navigation .site-menu .has-children:hover>.dropdown, +.site-navbar .site-navigation .site-menu .has-children:focus>.dropdown, +.site-navbar .site-navigation .site-menu .has-children:active>.dropdown { + -webkit-transition-delay: 0s; + -o-transition-delay: 0s; + transition-delay: 0s; + margin-top: 0px; + visibility: visible; + opacity: 1; +} + +.site-mobile-menu { + width: 300px; + position: fixed; + right: 0; + z-index: 2000; + padding-top: 20px; + background: #fff; + height: calc(100vh); + -webkit-transform: translateX(110%); + -ms-transform: translateX(110%); + transform: translateX(110%); + -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); + box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); + -webkit-transition: 0.3s all ease-in-out; + -o-transition: 0.3s all ease-in-out; + transition: 0.3s all ease-in-out; +} + +.offcanvas-menu .site-mobile-menu { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); +} + +.site-mobile-menu .site-mobile-menu-header { + width: 100%; + float: left; + padding-left: 20px; + padding-right: 20px; +} + +.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close { + float: right; + margin-top: 8px; +} + +.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span { + font-size: 30px; + display: inline-block; + padding-left: 10px; + padding-right: 0px; + line-height: 1; + cursor: pointer; + -webkit-transition: 0.3s all ease; + -o-transition: 0.3s all ease; + transition: 0.3s all ease; +} + +.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover { + color: #ced4da; +} + +.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo { + float: left; + margin-top: 10px; + margin-left: 0px; +} + +.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a { + display: inline-block; + text-transform: uppercase; +} + +.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img { + max-width: 70px; +} + +.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover { + text-decoration: none; +} + +.site-mobile-menu .site-mobile-menu-body { + overflow-y: scroll; + -webkit-overflow-scrolling: touch; + position: relative; + padding: 0 20px 20px 20px; + height: calc(100vh - 52px); + padding-bottom: 150px; +} + +.site-mobile-menu .site-nav-wrap { + padding: 0; + margin: 0; + list-style: none; + position: relative; +} + +.site-mobile-menu .site-nav-wrap a { + padding: 10px 20px; + display: block; + position: relative; + color: #212529; +} + +.site-mobile-menu .site-nav-wrap a:hover { + color: #89ba16; +} + +.site-mobile-menu .site-nav-wrap li { + position: relative; + display: block; +} + +.site-mobile-menu .site-nav-wrap li .nav-link.active { + color: #89ba16; +} + +.site-mobile-menu .site-nav-wrap li.active>a { + color: #89ba16; +} + +.site-mobile-menu .site-nav-wrap .arrow-collapse { + position: absolute; + right: 0px; + top: 10px; + z-index: 20; + width: 36px; + height: 36px; + text-align: center; + cursor: pointer; + border-radius: 50%; +} + +.site-mobile-menu .site-nav-wrap .arrow-collapse:hover { + background: #f8f9fa; +} + +.site-mobile-menu .site-nav-wrap .arrow-collapse:before { + font-size: 12px; + z-index: 20; + font-family: "icomoon"; + content: "\f078"; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%) rotate(-180deg); + -ms-transform: translate(-50%, -50%) rotate(-180deg); + transform: translate(-50%, -50%) rotate(-180deg); + -webkit-transition: 0.3s all ease; + -o-transition: 0.3s all ease; + transition: 0.3s all ease; +} + +.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before { + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.site-mobile-menu .site-nav-wrap>li { + display: block; + position: relative; + float: left; + width: 100%; +} + +.site-mobile-menu .site-nav-wrap>li>a { + padding-left: 20px; + font-size: 20px; +} + +.site-mobile-menu .site-nav-wrap>li>ul { + padding: 0; + margin: 0; + list-style: none; +} + +.site-mobile-menu .site-nav-wrap>li>ul>li { + display: block; +} + +.site-mobile-menu .site-nav-wrap>li>ul>li>a { + padding-left: 40px; + font-size: 16px; +} + +.site-mobile-menu .site-nav-wrap>li>ul>li>ul { + padding: 0; + margin: 0; +} + +.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li { + display: block; +} + +.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a { + font-size: 16px; + padding-left: 60px; +} + +.site-mobile-menu .site-nav-wrap[data-class="social"] { + float: left; + width: 100%; + margin-top: 30px; + padding-bottom: 5em; +} + +.site-mobile-menu .site-nav-wrap[data-class="social"]>li { + width: auto; +} + +.site-mobile-menu .site-nav-wrap[data-class="social"]>li:first-child a { + padding-left: 15px !important; +} + +.sticky-wrapper { + position: relative; + z-index: 100; + width: 100%; + position: relative; + top: 0; +} + +.sticky-wrapper .site-navbar { + -webkit-transition: 0.3s all ease; + -o-transition: 0.3s all ease; + transition: 0.3s all ease; +} + +.sticky-wrapper .site-navbar { + background: #fff; +} + +.sticky-wrapper .site-navbar ul li a { + color: rgba(0, 0, 0, 0.7) !important; +} + +.sticky-wrapper .site-navbar ul li a.active { + color: #000 !important; +} + +.sticky-wrapper.is-sticky .site-navbar { + background: #fff; + -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2); + box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2); +} + +.sticky-wrapper.is-sticky .site-navbar .site-logo a { + color: #89ba16; +} + +.sticky-wrapper.is-sticky .site-navbar ul li a { + color: #000 !important; +} + +.sticky-wrapper.is-sticky .site-navbar ul li a.active { + color: #89ba16 !important; +} + +.sticky-wrapper .shrink { + padding-top: 0px !important; + padding-bottom: 0px !important; +} + +@media (max-width: 991.98px) { + .sticky-wrapper .shrink { + padding-top: 30px !important; + padding-bottom: 30px !important; + } +} + + +/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ + +a:focus, +button:focus { + outline: none !important; +} + +button::-moz-focus-inner { + border: 0; +} + +*:focus { + outline: none; +} + +blockquote { + padding: 0; + margin: 0; +} + +input, +button, +select, +textarea { + outline: none; +} + +label { + margin-bottom: 0; +} + +p { + margin: 0; +} + +ul, +ol { + list-style: none; + padding: 0; + margin: 0; +} + +ul li, +ol li { + display: block; +} + +dl { + margin: 0; +} + +dt, +dd { + line-height: inherit; +} + +dt { + font-weight: inherit; +} + +dd { + margin-bottom: 0; +} + +cite { + font-style: normal; +} + +form { + margin-bottom: 0; +} + +blockquote { + padding-left: 0; + border-left: 0; +} + +address { + margin-top: 0; + margin-bottom: 0; +} + +figure { + margin-bottom: 0; +} + +html p a:hover { + text-decoration: none; +} + + +/* +* +* Contexts +*/ + + +/* +* +* Typography +*/ + +body { + font-family: "Montserrat", sans-serif, Arial, sans-serif; + font-size: 14px; + line-height: 1.71429; + font-weight: 400; + letter-spacing: normal; + color: #151515; + background-color: #ffffff; + -webkit-text-size-adjust: none; + -webkit-font-smoothing: subpixel-antialiased; +} + +h1, +h2, +h3, +h4, +h5, +h6, +[class*="heading-"] { + margin-top: 0; + margin-bottom: 0; + font-weight: 600; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + letter-spacing: normal; + color: #151515; +} + +h1 a, +h2 a, +h3 a, +h4 a, +h5 a, +h6 a, +[class*="heading-"] a { + color: inherit; +} + +h1 a:hover, +h2 a:hover, +h3 a:hover, +h4 a:hover, +h5 a:hover, +h6 a:hover, +[class*="heading-"] a:hover { + color: #01b3a7; +} + +h1, +.heading-1 { + font-size: 40px; + line-height: 0.88; + font-weight: 400; + letter-spacing: 0.075em; +} + +@media (min-width: 768px) { + h1, + .heading-1 { + font-size: 46px; + } +} + +@media (min-width: 992px) { + h1, + .heading-1 { + font-size: 54px; + } +} + +@media (min-width: 1200px) { + h1, + .heading-1 { + font-size: 64px; + line-height: 1.2; + } +} + +h2, +.heading-2 { + font-size: 32px; + line-height: 1.2; +} + +@media (min-width: 768px) { + h2, + .heading-2 { + font-size: 36px; + } +} + +@media (min-width: 992px) { + h2, + .heading-2 { + font-size: 40px; + } +} + +@media (min-width: 1200px) { + h2, + .heading-2 { + font-size: 48px; + line-height: 1.2; + } +} + +h3, +.heading-3 { + font-size: 28px; + line-height: 1.2; +} + +@media (min-width: 768px) { + h3, + .heading-3 { + font-size: 30px; + } +} + +@media (min-width: 992px) { + h3, + .heading-3 { + font-size: 36px; + line-height: 1.2; + } +} + +h4, +.heading-4 { + font-size: 20px; + line-height: 1.2; +} + +@media (min-width: 768px) { + h4, + .heading-4 { + font-size: 24px; + line-height: 1.2; + } +} + +h5, +.heading-5 { + font-size: 21px; + line-height: 1.2; + font-weight: 500; +} + +h6, +.heading-6 { + font-size: 18px; + line-height: 1.2; + font-weight: 500; +} + +small, +.small { + display: block; + font-size: 12px; + line-height: 1.5; +} + +mark, +.mark { + padding: 2px 4px; + color: #ffffff; + background: #151515; +} + +.big { + font-size: 18px; + line-height: 1.55556; +} + +.lead { + font-size: 24px; + line-height: 34px; + font-weight: 300; +} + +code { + padding: 10px 5px; + border-radius: 0.2rem; + font-size: 90%; + color: #111111; + background: #f2f2f2; +} + +p [data-toggle="tooltip"] { + color: #b7b7b7; +} + +p [style*="max-width"] { + display: inline-block; +} + + +/* +* +* Brand +*/ + +.brand { + display: inline-block; +} + +.brand .brand-logo-light { + display: none; +} + +.brand .brand-logo-dark { + display: block; +} + + +/* +* +* Links +*/ + +a { + transition: all 0.3s ease-in-out; +} + +a, +a:focus, +a:active, +a:hover { + text-decoration: none; +} + +a, +a:focus, +a:active { + color: #01b3a7; +} + +a:hover { + color: #016760; +} + +a[href*="tel"], +a[href*="mailto"] { + white-space: nowrap; +} + +.link-hover { + color: #016760; +} + +.link-press { + color: #016760; +} + +.privacy-link { + display: inline-block; +} + +*+.privacy-link { + margin-top: 40px; +} + +.link-classic { + display: inline-block; + font-size: 18px; + line-height: 1.334; + letter-spacing: normal; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.link-classic, +.link-classic:focus, +.link-classic:active { + color: rgba(21, 21, 21, 0.4); +} + +.link-classic:hover { + color: #151515; +} + +.link-classic span { + display: inline-flex; + vertical-align: middle; + align-items: center; + justify-content: space-between; + margin: 0 0 3px 10px; + line-height: 24px; + width: 25px; + opacity: 0.13; + transition: all 0.3s ease; +} + +.link-classic span::before, +.link-classic span::after { + display: inline-block; + vertical-align: middle; + content: ""; + transition: inherit; +} + +.link-classic span::before { + height: 2px; + flex-grow: 1; + background-color: #151515; +} + +.link-classic span::after { + width: 0; + height: 0; + margin-left: 3px; + border-style: solid; + border-width: 3px 0 3px 6px; + border-color: transparent transparent transparent #151515; +} + +.link-classic:hover span { + width: 40px; + opacity: 1; +} + +*+.link-classic { + margin-top: 30px; +} + +@media (min-width: 768px) { + *+.link-classic { + margin-top: 40px; + } +} + +@media (min-width: 992px) { + .container+.link-classic { + margin-top: 56px; + } +} + +.gallery-title, +.link-instafeed-3 { + display: inline-block; + min-width: 210px; + padding: 8px 40px 10px; + font-weight: 400; + letter-spacing: 0.05em; + background: #ffffff; +} + +.gallery-title a, +.gallery-title a:focus, +.gallery-title a:active, +.link-instafeed-3 a, +.link-instafeed-3 a:focus, +.link-instafeed-3 a:active { + color: #50ba87; +} + +.gallery-title a:hover, +.link-instafeed-3 a:hover { + color: #01b3a7; +} + +.gallery-title { + font-weight: 500; + font-size: 14px; +} + +.gallery-title a { + color: #01b3a7; + text-transform: uppercase; + display: inline-block; + margin-left: 6px; + font-weight: 500; +} + +.gallery-title a:hover { + color: #50ba87; +} + + +/* +* +* Blocks +*/ + +.block-center, +.block-sm, +.block-lg { + margin-left: auto; + margin-right: auto; +} + +.block-sm { + max-width: 560px; +} + +.block-lg { + max-width: 768px; +} + +.block-center { + padding: 10px; +} + +.block-center:hover .block-center-header { + background-color: #01b3a7; +} + +.block-center-title { + background-color: #ffffff; +} + +@media (max-width: 1599.98px) { + .block-center { + padding: 20px; + } + .block-center:hover .block-center-header { + background-color: #ffffff; + } + .block-center-header { + background-color: #01b3a7; + } +} + + +/* +* +* Boxes +*/ + +.box-icon-creative { + text-align: left; + max-width: 270px; + margin-left: auto; + margin-right: auto; +} + +.box-icon-creative-2 .box-icon-creative-icon { + color: #50ba87; +} + +.box-icon-creative-2 .box-icon-creative-title a:hover { + color: #50ba87; +} + +.box-icon-creative-count { + position: relative; + left: 0; + font-size: 80px; + line-height: 1; + font-weight: 300; + letter-spacing: 0.025em; + color: #f2f2f2; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + transition: all 0.2s ease; +} + +@media (min-width: 1200px) { + .box-icon-creative-count { + line-height: 0.675; + } +} + +.box-icon-creative-header>* { + display: inline-block; + vertical-align: bottom; +} + +@media (min-width: 576px) { + .box-icon-creative-header { + margin: 0 5px; + } +} + +@media (min-width: 768px) { + .box-icon-creative-header { + margin: 0; + } +} + +.box-icon-creative-icon { + position: relative; + text-align: center; + width: 64px; + height: 64px; + font-size: 36px; + line-height: 64px; + color: #01b3a7; +} + +.box-icon-creative-icon::after { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 2px solid #151515; + transition: all 0.3s ease; +} + +.box-icon-creative-decor { + position: relative; + height: 43px; + width: 54px; + margin: 0 12px; + border-top: 2px solid #151515; + transition: all 0.2s ease; +} + +.box-icon-creative-decor::before { + position: absolute; + content: ""; + top: 0; + right: 0; + height: 50%; + width: 2px; + background: #151515; + transition: all 0.2s ease; +} + +.box-icon-creative-title { + font-weight: 400; +} + +.box-icon-creative-title a, +.box-icon-creative-title a:focus, +.box-icon-creative-title a:active { + color: inherit; +} + +.box-icon-creative-title a:hover { + color: #01b3a7; +} + +.box-icon-creative-text { + letter-spacing: 0.025em; + color: #9b9b9b; +} + +@media (min-width: 992px) { + .desktop .box-icon-creative:hover .box-icon-creative-icon::after { + border-color: #01b3a7; + transform: rotate(32deg); + } + .desktop .box-icon-creative:hover .box-icon-creative-decor { + border-color: #01b3a7; + } + .desktop .box-icon-creative:hover .box-icon-creative-decor:before { + height: 100%; + background: #01b3a7; + } + .desktop .box-icon-creative:hover .box-icon-creative-count { + left: 4px; + color: #01b3a7; + } + .desktop .box-icon-creative-2:hover .box-icon-creative-icon::after { + border-color: #50ba87; + } + .desktop .box-icon-creative-2:hover .box-icon-creative-decor { + border-color: #50ba87; + } + .desktop .box-icon-creative-2:hover .box-icon-creative-decor:before { + background: #50ba87; + } + .desktop .box-icon-creative-2:hover .box-icon-creative-count { + color: #50ba87; + } +} + +*+.box-icon-creative-title { + margin-top: 16px; +} + +*+.box-icon-creative-text { + margin-top: 10px; +} + +@media (min-width: 1200px) { + .box-icon-creative-text { + max-width: 94%; + } +} + +.box-icon-modern { + text-align: center; + max-width: 370px; + min-height: 100%; + margin-left: auto; + margin-right: auto; + padding: 66px 15px 50px; + background: #ffffff; + box-shadow: 0 0 13px -4px rgba(0, 0, 0, 0.17); + transition: all 0.3s ease; +} + +.box-icon-modern-2 { + padding-top: 42px; + padding-bottom: 35px; +} + +.box-icon-modern-2 .box-icon-modern-decor { + margin-top: 18px; + margin-bottom: 15px; +} + +.box-icon-modern-2 .box-icon-modern-text { + letter-spacing: 0.025em; +} + +.box-icon-modern-2 *+.box-icon-modern-title { + margin-top: 18px; +} + +.box-icon-modern-3 { + padding-top: 46px; + padding-bottom: 30px; +} + +.box-icon-modern-3 .box-icon-modern-decor { + margin-top: 18px; + margin-bottom: 15px; +} + +.box-icon-modern-3 .box-icon-modern-text { + letter-spacing: 0.025em; +} + +.box-icon-modern-3 *+.box-icon-modern-title { + margin-top: 28px; +} + +.box-icon-modern-custom { + display: flex; + justify-content: center; + align-items: center; + min-height: 100%; + padding-top: 36px; + padding-bottom: 38px; +} + +.box-icon-modern-icon { + position: relative; + font-size: 47px; + line-height: 1; + color: inherit; + z-index: 1; +} + +.box-icon-modern-icon::after { + position: absolute; + content: ""; + left: 50%; + bottom: 9px; + width: 0; + height: 0; + border-style: solid; + border-width: 0 34.5px 60px 34.5px; + border-color: transparent transparent #01b3a7 transparent; + transform: translate3d(-50%, 0, 0) rotate(15deg); + transform-origin: 50% 80%; + transition: all 0.3s ease; + z-index: -1; +} + +.box-icon-modern-title a, +.box-icon-modern-title a:focus, +.box-icon-modern-title a:active { + color: inherit; +} + +.box-icon-modern-title a:hover { + color: #01b3a7; +} + +.box-icon-modern-big-title { + line-height: 1.04; +} + +.box-icon-modern-decor { + position: relative; + max-width: 126px; + width: 100px; + height: 2px; + margin: 20px auto 22px; +} + +.box-icon-modern-decor::before { + position: absolute; + content: ""; + height: 100%; + left: 15px; + right: 15px; + background: #d7d7d7; + transition: all 0.3s ease; +} + +.box-icon-modern-decor::after { + position: absolute; + content: ""; + height: 100%; + left: 50%; + right: 50%; + background: #01b3a7; + transition: all 0.3s ease; +} + +.box-icon-modern-text { + max-width: 320px; + margin-left: auto; + margin-right: auto; +} + +*+.box-icon-modern-title { + margin-top: 16px; +} + +.box-icon-modern-decor+.button { + margin-top: 8px; +} + +.box-icon-modern-decor+.box-icon-modern-text { + margin-top: 0; +} + +@media (min-width: 992px) { + .desktop .box-icon-modern:hover { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); + } + .desktop .box-icon-modern:hover .box-icon-modern-icon:after { + transform: translate3d(-50%, 0, 0) rotate(0deg); + } + .desktop .box-icon-modern:hover .box-icon-modern-title { + letter-spacing: 0.1em; + } + .desktop .box-icon-modern:hover .box-icon-modern-decor::before { + left: 50%; + right: 50%; + transition-duration: 0.2s; + } + .desktop .box-icon-modern:hover .box-icon-modern-decor::after { + left: 0; + right: 0; + } +} + +@media (min-width: 1200px) { + .box-icon-modern-3 { + padding: 66px 30px 50px; + } +} + +.ie-edge .box-icon-modern-custom, +.ie-10 .box-icon-modern-custom, +.ie-11 .box-icon-modern-custom { + height: 100%; +} + +.box-icon-classic { + position: relative; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + padding: 30px 18px; + min-height: 100%; + background: #ffffff; + transition: all 0.2s ease; + z-index: 1; +} + +.box-icon-classic::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 8px solid #f4f4f4; + transition: all 0.2s ease; + z-index: -1; +} + +.box-icon-classic-2 .box-icon-classic-icon { + color: #50ba87; +} + +.box-icon-classic-3::before { + top: 8px; + right: 8px; + bottom: 8px; + left: 8px; + border: 1px solid #e1e1e1; +} + +.box-icon-classic-3 .box-icon-classic-icon { + color: #151515; +} + +.box-icon-classic-icon { + font-size: 36px; + line-height: 1; + color: #01b3a7; + transition: all 0.2s ease-in-out; +} + +.box-icon-classic-title { + font-weight: 500; +} + +.box-icon-classic-title a, +.box-icon-classic-title a:focus, +.box-icon-classic-title a:active { + color: inherit; +} + +.box-icon-classic-title a:hover { + color: #01b3a7; +} + +.box-icon-classic-text { + color: #9b9b9b; +} + +@media (min-width: 992px) { + .desktop .box-icon-classic:hover { + transition-delay: 0.1s; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); + } + .desktop .box-icon-classic:hover::before { + border-width: 0; + } + .desktop .box-icon-classic-3:hover { + transition-delay: 0s; + } + .desktop .box-icon-classic-3:hover::before { + border-width: 1px; + top: 15px; + right: 15px; + bottom: 15px; + left: 15px; + } + .desktop .box-icon-classic-3:hover .box-icon-classic-icon { + color: #50ba87; + } +} + +*+.box-icon-classic-text { + margin-top: 10px; +} + +@media (min-width: 768px) { + .box-icon-classic { + padding-top: 54px; + padding-bottom: 54px; + } +} + +.ie-edge .box-icon-classic, +.ie-10 .box-icon-classic, +.ie-11 .box-icon-classic { + height: 100%; +} + +.box-icon-leah { + position: relative; + text-align: left; + padding: 20px 20px 30px; + min-height: 100%; + background: #f7f7f7; + transition: all 0.3s ease-in-out; +} + +.box-icon-leah-2 { + background: #ffffff; +} + +.box-icon-leah-2 .box-icon-leah-count { + color: #9b9b9b; +} + +.box-icon-leah-2 .box-icon-leah-count::after { + background: #f7f7f7; +} + +.box-icon-leah-icon { + font-size: 42px; + line-height: 1; + color: #01b3a7; +} + +.box-icon-leah-title { + font-weight: 400; +} + +.box-icon-leah-count { + position: absolute; + text-align: center; + top: 0; + right: 0; + padding: 6px 3px 0 7px; + min-width: 45px; + font-size: 36px; + line-height: 1; + font-weight: 400; + letter-spacing: 0.05em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + text-transform: uppercase; + color: #50ba87; + transition: inherit; + z-index: 1; +} + +.box-icon-leah-count::before { + display: inline-block; + transition: transform 0.3s ease; +} + +.box-icon-leah-count::after { + position: absolute; + content: ""; + top: -10px; + right: -10px; + bottom: 0; + left: 0; + background: #ffffff; + pointer-events: none; + z-index: -1; +} + +.box-icon-leah-text { + color: #9b9b9b; +} + +*+.box-icon-leah-title { + margin-top: 16px; +} + +*+.box-icon-leah-text { + margin-top: 10px; +} + +@media (min-width: 992px) { + .desktop .box-icon-leah:hover { + box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1); + } + .desktop .box-icon-leah:hover .box-icon-leah-count::before { + transform: translate3d(0, -10px, 0); + } + .desktop .box-icon-leah-2:hover .box-icon-leah-count { + color: #50ba87; + } +} + +@media (min-width: 1200px) { + .box-icon-leah { + padding-left: 30px; + padding-right: 30px; + } +} + +.box-comment { + text-align: left; + padding-bottom: 45px; + border-bottom: 1px solid #dddddd; +} + +.box-comment .box-comment-time, +.box-comment .box-rating { + margin-top: 4px; +} + +.box-comment>.box-comment { + margin-top: 30px; + padding-top: 45px; + padding-bottom: 0; + border-bottom: none; + border-top: 1px solid #dddddd; +} + +.box-comment+.box-comment { + margin-top: 45px; +} + +.box-comment-figure { + display: inline-block; +} + +.box-comment-figure img { + max-width: 119px; +} + +.box-comment-author { + font-size: 18px; + font-weight: 500; +} + +.box-comment-author a, +.box-comment-author a:focus, +.box-comment-author a:active { + color: inherit; +} + +.box-comment-author a:hover { + color: #01b3a7; +} + +.box-comment-reply { + position: relative; + top: 2px; + font-size: 16px; + font-weight: 500; + letter-spacing: 0.1em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.box-comment-reply::before { + content: "|"; + color: #dddddd; + padding-right: 13px; +} + +.box-comment-reply a, +.box-comment-reply a:focus, +.box-comment-reply a:active { + color: #01b3a7; +} + +.box-comment-reply a:hover { + color: #50ba87; +} + +.box-comment-time { + font-size: 16px; + line-height: 1; + font-weight: 500; + letter-spacing: 0.1em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #9b9b9b; +} + +@media (min-width: 768px) { + .box-comment>.box-comment { + margin-left: 145px; + } +} + +*+.box-comment { + margin-top: 30px; +} + +.box-comment+h5 { + margin-top: 46px; +} + +.box-contacts { + text-align: center; + display: flex; + align-items: center; + justify-content: center; + min-height: 310px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); + transition: all 0.3s ease; +} + +.box-contacts-body { + max-width: 250px; +} + +.box-contacts-icon { + font-size: 60px; + line-height: 1; + color: #01b3a7; +} + +.box-contacts-decor { + margin: 30px auto; + height: 2px; + max-width: 100px; + background: #01b3a7; + transition: all 0.3s ease-in-out; +} + +.box-contacts-link { + font-size: 18px; + line-height: 1.67; + letter-spacing: 0.025em; +} + +.box-contacts-link a, +.box-contacts-link a:focus, +.box-contacts-link a:active { + color: inherit; +} + +.box-contacts-link a:hover { + color: #50ba87; +} + +@media (min-width: 992px) { + .desktop .box-contacts { + box-shadow: none; + border: 1px solid #e1e1e1; + } + .desktop .box-contacts-decor { + margin-top: 17px; + margin-bottom: 17px; + width: 0; + } + .desktop .box-contacts:hover { + border-color: transparent; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); + } + .desktop .box-contacts:hover .box-contacts-decor { + margin-top: 30px; + margin-bottom: 30px; + width: 100%; + transition: margin 0.3s ease, width 0.4s ease-in-out; + } +} + +.box-contacts-icon+.box-contacts-link { + margin-top: 40px; +} + +*+.box-contacts-link { + margin-top: 0; +} + +.ie-edge .box-contacts, +.ie-10 .box-contacts, +.ie-11 .box-contacts { + height: 310px; +} + +.box-pricing { + position: relative; + overflow: hidden; + max-width: 370px; + margin-left: auto; + margin-right: auto; + padding: 70px 15px 0; + border-radius: 8px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); +} + +.box-pricing .button { + border-bottom-right-radius: 8px; + border-bottom-left-radius: 8px; +} + +.box-pricing .button:hover, +.box-pricing .button:active { + background-color: #50ba87; + border-color: #50ba87; +} + +.box-pricing-black { + color: #ffffff; + background: #2c2e31; +} + +.box-pricing-black .box-pricing-time, +.box-pricing-black .box-pricing-price, +.box-pricing-black .box-pricing-title { + color: inherit; +} + +.box-pricing-black .divider { + background: rgba(225, 225, 225, 0.2); +} + +.box-pricing-black .box-pricing-list>li { + color: #5d6264; +} + +.box-pricing-black .box-pricing-list>li::before { + color: #5d6264; +} + +.box-pricing-black .box-pricing-list>li.active { + color: inherit; +} + +.box-pricing-black .box-pricing-list>li.active::before { + color: #01b3a7; +} + +.box-pricing-black .button-gray-4, +.box-pricing-black .button-gray-4:focus { + color: #ffffff; + background-color: #494c51; + border-color: #494c51; +} + +.box-pricing-divider { + position: relative; + padding: 35px 0; +} + +.box-pricing-divider>span { + display: inline-block; + position: absolute; + top: 60%; + left: 50%; + font-size: 40px; + line-height: 1; + font-weight: 500; + letter-spacing: normal; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: rgba(255, 255, 255, 0.05); + transform: translate3d(-50%, -50%, 0); + will-change: transform; +} + +.box-pricing-popular .box-pricing-badge { + display: inline-block; +} + +.box-pricing-body { + max-width: 260px; + margin-left: auto; + margin-right: auto; +} + +.box-pricing-title { + letter-spacing: 0.1em; +} + +.box-pricing-time { + font-size: 14px; + line-height: 1; + font-weight: 500; + letter-spacing: 0.2em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.box-pricing-button { + margin-top: 40px; + margin-left: -15px; + margin-right: -15px; +} + +.box-pricing-list { + text-align: left; +} + +.box-pricing-list>li { + text-indent: -25px; + padding-left: 25px; + color: #9b9b9b; +} + +.box-pricing-list>li::before { + position: relative; + display: inline-block; + content: "\f00c"; + left: 0; + top: 0; + width: 25px; + font-size: 14px; + line-height: 1; + text-indent: 0; + font-family: "FontAwesome"; + color: #9b9b9b; +} + +.box-pricing-list>li.active { + color: #151515; +} + +.box-pricing-list>li.active::before { + color: #01b3a7; +} + +.box-pricing-list>li+li { + margin-top: 14px; +} + +.box-pricing-badge { + position: absolute; + top: 15px; + right: 15px; + display: none; + padding: 10px 13px 6px; + font-size: 14px; + line-height: 1; + font-weight: 600; + letter-spacing: 0.075em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #ffffff; + background: #50ba87; + border-radius: 4px; +} + +*+.box-pricing-price { + margin-top: 4px; +} + +*+.box-pricing-time { + margin-top: 6px; +} + +*+.box-pricing-list { + margin-top: 30px; +} + +.divider+.box-pricing-list { + margin-top: 0; +} + +.box-pricing-divider+.box-pricing-list { + margin-top: 0; +} + +@media (min-width: 576px) { + .box-pricing-divider>span { + color: rgba(255, 255, 255, 0.03); + } +} + +@media (min-width: 768px) { + .box-pricing-divider>span { + font-size: 50px; + } +} + +@media (min-width: 992px) { + .box-pricing-divider>span { + font-size: 55px; + } +} + +.box-sportlight { + position: relative; + text-align: left; +} + +.box-sportlight-sm .box-sportlight-arrow { + width: 50px; + margin-left: 15px; +} + +.box-sportlight-figure { + display: block; + overflow: hidden; +} + +.box-sportlight-figure img { + width: 100%; + transition: all 0.3s ease; +} + +.box-sportlight-caption { + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 15px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #e1e1e1; + background: #ffffff; + transition: all 0.3s ease-in-out; +} + +.box-sportlight-title { + margin-top: 4px; + font-weight: 400; + letter-spacing: 0.025em; +} + +.box-sportlight-arrow { + display: flex; + align-items: center; + justify-content: flex-end; + flex-shrink: 0; + width: 88px; + margin-left: 20px; + font-size: 0; + line-height: 0; + transition: all 0.25s ease; +} + +.box-sportlight-arrow::before, +.box-sportlight-arrow::after { + display: inline-block; + vertical-align: middle; + content: ""; + transition: all 0.3s ease-in-out; +} + +.box-sportlight-arrow::before { + height: 2px; + width: 21px; + margin-right: 4px; + background-color: rgba(21, 21, 21, 0.21); +} + +.box-sportlight-arrow::after { + width: 0; + height: 0; + border-style: solid; + border-width: 5px 0 5px 8px; + border-color: transparent transparent transparent rgba(21, 21, 21, 0.21); +} + +.box-sportlight-badge { + position: absolute; + overflow: hidden; + padding: 6px 10px 3px 18px; + top: 30px; + right: 0; + font-size: 27px; + line-height: 1; + font-weight: 400; + letter-spacing: 0.025em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + text-transform: uppercase; + color: #ffffff; + z-index: 1; +} + +.box-sportlight-badge::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + transform: skew(-10deg); + transform-origin: 50% 100%; + z-index: -1; +} + +.box-sportlight-sale::before { + background: #ff5e5e; +} + +.box-sportlight-new::before { + background: #01b3a7; +} + +@media (min-width: 992px) { + .desktop .box-sportlight-figure img { + transform: scale(1.1); + will-change: transform; + } + .desktop .box-sportlight:hover .box-sportlight-figure img { + transform: none; + } + .desktop .box-sportlight:hover .box-sportlight-caption { + background: #50ba87; + border-color: #50ba87; + } + .desktop .box-sportlight:hover .box-sportlight-title { + color: #ffffff; + letter-spacing: 0.1em; + } + .desktop .box-sportlight:hover .box-sportlight-title a, + .desktop .box-sportlight:hover .box-sportlight-title a:focus, + .desktop .box-sportlight:hover .box-sportlight-title a:active { + color: inherit; + } + .desktop .box-sportlight:hover .box-sportlight-title a:hover { + color: rgba(255, 255, 255, 0.8); + } + .desktop .box-sportlight:hover .box-sportlight-arrow::before { + width: 100%; + background-color: #ffffff; + } + .desktop .box-sportlight:hover .box-sportlight-arrow::after { + border-left-color: #ffffff; + } +} + +@media (min-width: 768px) { + .box-sportlight-caption { + padding-left: 20px; + padding-right: 20px; + } +} + +@media (min-width: 992px) { + .box-sportlight-caption { + padding: 15px 20px 15px 30px; + } +} + +@media (min-width: 1200px) { + .box-sportlight-caption { + padding: 25px 22px 25px 38px; + } + .box-sportlight-title { + margin-top: 5px; + font-size: 36px; + line-height: 1; + letter-spacing: 0.025em; + } +} + +.box-icon-ruby { + position: relative; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + padding: 30px 16px; + min-height: 100%; + border: 1px solid #d7d7d7; + transition: all 0.2s ease; + z-index: 1; +} + +.box-icon-ruby::before, +.box-icon-ruby::after { + position: absolute; + content: ""; +} + +.box-icon-ruby::before { + top: 6px; + right: 6px; + bottom: 6px; + left: 6px; + border: 1px solid #d7d7d7; + transition: all 0.3s ease-in-out; + z-index: -1; +} + +.box-icon-ruby::after { + top: 14px; + right: 14px; + bottom: 14px; + left: 14px; + background: #50ba87; + visibility: hidden; + opacity: 0; + transition: all 0.3s ease; + z-index: -2; +} + +.box-icon-ruby-icon { + font-size: 42px; + line-height: 1; + color: #50ba87; +} + +.box-icon-ruby-title { + font-weight: 400; +} + +.box-icon-ruby-title a { + transition-duration: 0.2s; +} + +.box-icon-ruby-title a, +.box-icon-ruby-title a:focus, +.box-icon-ruby-title a:active { + color: inherit; +} + +.box-icon-ruby-title a:hover { + color: rgba(255, 255, 255, 0.8); +} + +.box-icon-ruby-text { + color: #9b9b9b; + letter-spacing: 0.075em; +} + +.box-icon-ruby-text, +.box-icon-ruby-icon { + transition: all 0.2s ease-in-out; +} + +@media (min-width: 992px) { + .desktop .box-icon-ruby:hover { + border-color: #50ba87; + } + .desktop .box-icon-ruby:hover::before { + border-color: rgba(255, 255, 255, 0.4); + } + .desktop .box-icon-ruby:hover::after { + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 1; + visibility: visible; + } + .desktop .box-icon-ruby:hover .box-icon-ruby-text, + .desktop .box-icon-ruby:hover .box-icon-ruby-icon, + .desktop .box-icon-ruby:hover .box-icon-ruby-title { + color: #ffffff; + } +} + +*+.box-icon-ruby-text { + margin-top: 2px; +} + +@media (min-width: 768px) { + .box-icon-ruby { + padding-top: 46px; + padding-bottom: 46px; + } +} + +.ie-edge .box-icon-ruby, +.ie-10 .box-icon-ruby, +.ie-11 .box-icon-ruby { + height: 100%; +} + +.box-info { + text-align: left; + min-height: 100%; + padding: 20px; + border: 2px solid #111111; +} + +.box-info-text { + letter-spacing: 0.025em; +} + +*+.box-info-text { + margin-top: 12px; +} + +*+.box-info-list { + margin-top: 32px; +} + +.box-info-list+.button { + margin-top: 35px; +} + +@media (min-width: 768px) { + .box-info { + padding: 42px 24px 32px 20px; + } +} + +.box-project { + display: flex; + align-items: center; + max-width: 270px; + margin-left: auto; + margin-right: auto; + min-height: 100%; + text-align: center; + padding: 30px 15px; + border: 2px solid #252525; +} + +.box-project-title { + line-height: 1.042; +} + +.box-project-title>span { + color: #01b3a7; +} + +.box-project-text { + letter-spacing: 0.025em; +} + +*+.box-project-text { + margin-top: 10px; +} + +.box-project-text+.button { + margin-top: 24px; +} + +@media (min-width: 768px) { + .box-project { + text-align: left; + } +} + +@media (min-width: 992px) { + .box-project-title { + font-size: 40px; + line-height: 0.88; + } +} + +@media (min-width: 1200px) { + .box-project { + padding-left: 40px; + } + .box-project-title { + font-size: 48px; + line-height: 1.20833; + } +} + +.blurb { + width: 100%; +} + +.blurb-title { + font-size: 18px; + font-weight: 600; + color: #151515; + line-height: 1.3em; +} + +.blurb-inner { + font-size: 14px; + line-height: 24px; + color: #01b3a7; + font-weight: 500; + margin: 4px 0; +} + +.blurb-link a { + font-size: 16px; + font-weight: 500; + color: #151515; + letter-spacing: 0.05em; +} + +.blurb-link a:hover { + color: #01b3a7; +} + +.blurb-path { + position: relative; + padding-top: 78px; +} + +.blurb-path .blurb-icon { + padding: 0; +} + +.blurb-path .blurb-icon img { + border-radius: 50%; +} + +.blurb-path:before, +.blurb-path:after { + content: ""; + position: absolute; + width: calc(50% - 67px); + height: 52px; + top: 78px; + background: #f7f7f7; + border: solid #f7f7f7; +} + +.blurb-path:before { + left: 0; + border-width: 1px 0 0 1px; +} + +.blurb-path:after { + right: 0; + border-width: 1px 1px 0 0; +} + +.blurb-path svg { + display: block; + width: 100%; + max-width: 134px; + margin: 0 auto; +} + +.blurb-path svg html:not(.ie-11) { + height: auto; +} + +.blurb-path path.fill { + fill: #f7f7f7; +} + +.blurb-path path.stroke { + stroke: #f7f7f7; + fill: transparent; +} + +.blurb-icon { + position: absolute; + height: 118px; + width: 118px; + font-size: 60px; + top: 0px; + left: 50%; + display: flex; + align-items: center; + justify-content: center; + padding: 10px; + border-radius: 50%; + transform: translate(-50%); + background: white; + border: 1px solid #f7f7f7; +} + +.blurb-content { + background: #f7f7f7; + padding: 25px 20px; + border: solid #f7f7f7; + border-width: 0 1px 1px 1px; +} + + +/* +* Element groups +*/ + +html .group { + margin-bottom: -20px; + margin-left: -15px; +} + +html .group:empty { + margin-bottom: 0; + margin-left: 0; +} + +html .group>* { + display: inline-block; + margin-top: 0; + margin-bottom: 20px; + margin-left: 15px; +} + +html .group-xs { + margin-bottom: -11px; + margin-left: -9px; +} + +html .group-xs:empty { + margin-bottom: 0; + margin-left: 0; +} + +html .group-xs>* { + display: inline-block; + margin-top: 0; + margin-bottom: 11px; + margin-left: 9px; +} + +html .group-sm { + margin-bottom: -12px; + margin-left: -12px; +} + +html .group-sm:empty { + margin-bottom: 0; + margin-left: 0; +} + +html .group-sm>* { + display: inline-block; + margin-top: 0; + margin-bottom: 12px; + margin-left: 12px; +} + +html .group-md { + margin-bottom: -17px; + margin-left: -17px; +} + +html .group-md:empty { + margin-bottom: 0; + margin-left: 0; +} + +html .group-md>* { + display: inline-block; + margin-top: 0; + margin-bottom: 17px; + margin-left: 17px; +} + +html .group-xmd { + margin-bottom: -22px; + margin-left: -22px; +} + +html .group-xmd:empty { + margin-bottom: 0; + margin-left: 0; +} + +html .group-xmd>* { + display: inline-block; + margin-top: 0; + margin-bottom: 22px; + margin-left: 22px; +} + +html .group-lg { + margin-bottom: -20px; + margin-left: -30px; +} + +html .group-lg:empty { + margin-bottom: 0; + margin-left: 0; +} + +html .group-lg>* { + display: inline-block; + margin-top: 0; + margin-bottom: 20px; + margin-left: 30px; +} + +html .group-xl { + margin-bottom: -30px; + margin-left: -30px; +} + +html .group-xl:empty { + margin-bottom: 0; + margin-left: 0; +} + +html .group-xl>* { + display: inline-block; + margin-top: 0; + margin-bottom: 30px; + margin-left: 30px; +} + +html .group-justify { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} + +html .group-sm-justify { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} + +@media (min-width: 576px) { + html .group-sm-justify { + justify-content: space-between; + } +} + +html .group-lg-justify { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} + +@media (min-width: 992px) { + html .group-lg-justify { + justify-content: space-between; + } +} + +html .group-middle { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} + +@media (min-width: 768px) { + html .group-middle { + justify-content: flex-start; + } +} + +*+.group-sm { + margin-top: 40px; +} + +*+.group-md { + margin-top: 40px; +} + +*+.group-xl { + margin-top: 40px; +} + +.row+.group-md { + margin-top: 35px; +} + + +/* +* +* Responsive units +*/ + +.unit { + display: flex; + flex: 0 1 100%; + margin-bottom: -30px; + margin-left: -20px; +} + +.unit>* { + margin-bottom: 30px; + margin-left: 20px; +} + +.unit:empty { + margin-bottom: 0; + margin-left: 0; +} + +.unit-body { + flex: 0 1 auto; +} + +.unit-left, +.unit-right { + flex: 0 0 auto; + max-width: 100%; +} + +.unit-spacing-xxs { + margin-bottom: -8px; + margin-left: -8px; +} + +.unit-spacing-xxs>* { + margin-bottom: 8px; + margin-left: 8px; +} + +.unit-spacing-xs { + display: flex; + align-items: center; +} + +.unit-spacing-sm { + margin-bottom: -10px; + margin-left: -16px; +} + +.unit-spacing-sm>* { + margin-bottom: 10px; + margin-left: 16px; +} + +.unit-spacing-md { + margin-bottom: -20px; + margin-left: -24px; +} + +.unit-spacing-md>* { + margin-bottom: 20px; + margin-left: 24px; +} + +.unit-spacing-lg { + margin-bottom: -20px; + margin-left: -30px; +} + +.unit-spacing-lg>* { + margin-bottom: 20px; + margin-left: 30px; +} + + +/* +* +* Lists +*/ + +.list-inline>li { + display: inline-block; +} + +html .list-inline-sm { + transform: translate3d(0, -8px, 0); + margin-bottom: -8px; + margin-left: -8px; + margin-right: -8px; +} + +html .list-inline-sm>* { + margin-top: 8px; + padding-left: 8px; + padding-right: 8px; +} + +html .list-inline-md { + transform: translate3d(0, -8px, 0); + margin-bottom: -8px; + margin-left: -10px; + margin-right: -10px; +} + +html .list-inline-md>* { + margin-top: 8px; + padding-left: 10px; + padding-right: 10px; +} + +.list-terms dt+dd { + margin-top: 10px; +} + +.list-terms dd+dt { + margin-top: 40px; +} + +*+.list-terms { + margin-top: 40px; +} + +.index-list { + counter-reset: li; +} + +.index-list>li .list-index-counter:before { + content: counter(li, decimal-leading-zero); + counter-increment: li; +} + +.list-marked { + text-align: left; +} + +.list-marked>li { + text-indent: -25px; + padding-left: 25px; +} + +.list-marked>li::before { + position: relative; + display: inline-block; + left: 0; + top: 0; + content: ""; + height: 9px; + width: 9px; + margin-right: 16px; + border-radius: 50%; + background: #d7d7d7; +} + +.list-marked>li+li { + margin-top: 10px; +} + +.list-marked-2 { + text-align: left; +} + +.list-marked-2>li { + text-indent: -15px; + padding-left: 15px; +} + +.list-marked-2>li::before { + position: relative; + display: inline-block; + content: ""; + width: 0; + height: 0; + margin-right: 9px; + border-style: solid; + border-width: 4px 0 4px 6px; + border-color: transparent transparent transparent rgba(21, 21, 21, 0.5); +} + +.list-marked-2>li+li { + margin-top: 12px; +} + +.list-marked-sm>li { + text-indent: -15px; + padding-left: 15px; +} + +.list-marked-sm>li::before { + height: 7px; + width: 7px; + margin-right: 8px; +} + +.list-marked-md>li { + text-indent: -18px; + padding-left: 18px; +} + +.list-marked-md>li::before { + height: 8px; + width: 8px; + margin-right: 10px; +} + +.list-marked-3 { + text-align: left; + font-size: 18px; + line-height: 1; + font-weight: 500; + letter-spacing: 0.05em; + text-transform: uppercase; + color: #9fa3a7; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.list-marked-3>li { + text-indent: -40px; + padding-left: 40px; +} + +.list-marked-3>li::before { + position: relative; + display: inline-block; + left: 0; + top: -4px; + content: ""; + height: 2px; + width: 26px; + margin-right: 14px; + background: #151515; +} + +.list-marked-3>li+li { + margin-top: 18px; +} + +.list-marked-secondary>li::before { + background: #50ba87; +} + +.list-marked-primary>li::before { + background: #01b3a7; +} + +*+.list-marked { + margin-top: 15px; +} + +p+.list-marked { + margin-top: 10px; +} + +.list-ordered { + counter-reset: li; + text-align: left; +} + +.list-ordered>li { + position: relative; + text-indent: -18px; + padding-left: 18px; +} + +.list-ordered>li:before { + content: counter(li, decimal) "."; + counter-increment: li; + display: inline-block; + top: 0; + left: 0; + text-indent: 0; + min-width: 18px; + color: inherit; +} + +.list-ordered>li+li { + margin-top: 10px; +} + +*+.list-ordered { + margin-top: 15px; +} + +.list-contacts { + text-align: left; + font-size: 0; + line-height: 0; +} + +.list-contacts .icon { + text-align: center; + min-width: 21px; + font-size: 24px; + line-height: 24px; + color: #01b3a7; +} + +.list-contacts .fa-envelope { + font-size: 20px; +} + +.list-contacts a { + display: inline-block; + vertical-align: middle; + font-size: 16px; + line-height: 1.5; + letter-spacing: 0.025em; +} + +.list-contacts a, +.list-contacts a:focus, +.list-contacts a:active { + color: #151515; +} + +.list-contacts a:hover { + color: #01b3a7; +} + +.list-contacts li+li { + margin-top: 30px; +} + +.list>li+li { + margin-top: 10px; +} + +.list-0>li+li { + margin-top: 0; +} + +.list-xs>li+li { + margin-top: 5px; +} + +.list-sm>li+li { + margin-top: 14px; +} + +.list-md>li+li { + margin-top: 18px; +} + +.list-lg>li+li { + margin-top: 25px; +} + +.list-xl>li+li { + margin-top: 40px; +} + +.list-custom { + display: inline-block; +} + +@media (min-width: 576px) { + .list-custom { + columns: 2; + break-inside: avoid; + -moz-column-gap: 28px; + -webkit-column-gap: 28px; + } + .list-custom li { + display: inline-block; + width: 100%; + } +} + +@media (min-width: 768px) { + .list-custom { + columns: 3; + } +} + +@media (min-width: 992px) { + .list-custom { + columns: 2; + } +} + +@media (min-width: 1200px) { + .list-custom { + columns: 3; + } +} + +p+.list-custom { + margin-top: 30px; +} + +@media (max-width: 991.98px) { + .list-custom-2 { + margin-left: -20px; + } + .list-custom-2 li { + display: inline-block; + margin-left: 20px; + } +} + +@media (min-width: 992px) { + .list-custom-2 { + columns: 2; + break-inside: avoid; + -moz-column-gap: 30px; + -webkit-column-gap: 30px; + } +} + + +/* +* +* Images +*/ + +img { + display: inline-block; + max-width: 100%; + height: auto; +} + +.img-responsive { + width: 100%; +} + +.img-circles { + border-radius: 50%; +} + +.figure-classic { + position: relative; + display: inline-block; + margin-top: 16px; +} + +.figure-classic::before { + display: inline-block; + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 2px solid #363636; + transition: all 0.3s ease; + z-index: 0; +} + +.figure-classic img { + position: relative; + transition: all 0.3s ease; +} + +.figure-classic-left { + margin-left: 16px; +} + +.figure-classic-left::before { + transform: translate3d(-16px, -16px, 0); +} + +.figure-classic-right { + margin-right: 16px; +} + +.figure-classic-right::before { + transform: translate3d(16px, -16px, 0); +} + +@media (min-width: 992px) { + .desktop .figure-classic:hover::before { + transform: none; + } + .desktop .figure-classic-left:hover img { + transform: translate3d(-16px, -16px, 0); + } + .desktop .figure-classic-right:hover img { + transform: translate3d(16px, -16px, 0); + } +} + +@media (min-width: 768px) { + .figure-classic { + margin-top: 22px; + } + .figure-classic-left { + margin-left: 22px; + } + .figure-classic-left::before { + transform: translate3d(-22px, -22px, 0); + } + .figure-classic-right { + margin-right: 22px; + } + .figure-classic-right::before { + transform: translate3d(22px, -22px, 0); + } +} + +@media (min-width: 768px) and (min-width: 992px) { + .desktop .figure-classic-left:hover img { + transform: translate3d(-22px, -22px, 0); + } + .desktop .figure-classic-right:hover img { + transform: translate3d(22px, -22px, 0); + } +} + + +/* +* +* Icons +*/ + +.icon { + display: inline-block; + font-size: 16px; + line-height: 1; +} + +.icon::before { + position: relative; + display: inline-block; + font-weight: 400; + font-style: normal; + speak: none; + text-transform: none; +} + +.icon-circle { + border-radius: 50%; +} + + +/* +* +* Tables custom +*/ + +.table-custom { + width: 100%; + text-align: left; + max-width: 100%; + font-size: 18px; + line-height: 1; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + background: #ffffff; + border-collapse: collapse; + border: 1px solid #e1e1e1; +} + +.table-custom th, +.table-custom td { + color: #2c343b; + background: #ffffff; +} + +.table-custom th { + padding: 29px 15px 27px; + font-weight: 500; + letter-spacing: 0.1em; + text-transform: uppercase; + color: #9b9b9b; + border-bottom: 1px solid #e1e1e1; +} + +@media (max-width: 991.98px) { + .table-custom th { + padding-top: 18px; + padding-bottom: 14px; + } +} + +.table-custom td { + padding: 12px 15px; + line-height: 1; + font-weight: 400; + letter-spacing: 0.1em; + color: #151515; +} + +.table-custom tfoot td { + font-weight: 700; +} + +*+.table-custom-responsive { + margin-top: 25px; +} + +.table-custom.table-custom-primary thead th { + color: #ffffff; + background: #01b3a7; + border: 0; +} + +.table-custom.table-custom-bordered tr td:first-child { + border-left: 0; +} + +.table-custom.table-custom-bordered tr td:last-child { + border-right: 0; +} + +.table-custom.table-custom-bordered td { + border: 1px solid #e1e1e1; +} + +.table-custom.table-custom-bordered tbody>tr:first-of-type>td { + border-top: 0; +} + +.table-custom.table-custom-striped { + border-bottom: 1px solid #e1e1e1; +} + +.table-custom.table-custom-striped tbody tr:nth-of-type(odd) td { + background: transparent; +} + +.table-custom.table-custom-striped tbody tr:nth-of-type(even) td { + background: #d7d7d7; +} + +.table-custom.table-custom-striped tbody td { + border: 0; +} + +.table-custom.table-custom-striped tfoot td:not(:first-child) { + border-left: 0; +} + +@media (max-width: 991.98px) { + .table-custom-responsive { + display: block; + width: 100%; + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-custom-responsive.table-bordered { + border: 0; + } +} + +.table-cart { + text-align: center; +} + +.table-cart th:first-child, +.table-cart td:first-child { + text-align: left; +} + +@media (min-width: 992px) { + .table-cart th:first-child, + .table-cart td:first-child { + padding-left: 32px; + } +} + +.table-cart tbody tr:first-child td { + padding-top: 24px; +} + +.table-cart tbody tr:last-child td { + padding-bottom: 24px; +} + +.table-cart td { + width: auto; + min-width: auto; + font-size: 18px; + letter-spacing: 0.075em; +} + +.table-cart td:first-child { + width: 61%; + min-width: 350px; +} + +.table-cart td:first-child>* { + display: inline-block; + vertical-align: middle; +} + +@media (min-width: 992px) { + .table-cart td:first-child { + min-width: 500px; + } +} + +.table-cart td:not(:first-child) { + width: 13%; +} + +.table-cart td:nth-child(2), +.table-cart td:nth-child(4) { + min-width: 140px; +} + +.table-cart td:nth-child(3) { + min-width: 150px; +} + +@media (min-width: 992px) { + .table-cart td { + font-size: 24px; + } +} + +.table-cart-link { + letter-spacing: 0.05em; +} + +.table-cart-link, +.table-cart-link:focus, +.table-cart-link:active { + color: #151515; +} + +.table-cart-link:hover { + color: #01b3a7; +} + +.table-cart-figure { + display: inline-block; + text-align: center; + width: 100%; + max-width: 90px; + background: #f4f4f4; +} + +@media (min-width: 992px) { + .table-cart-figure { + max-width: 146px; + } +} + +.table-cart-figure+a { + margin-left: 15px; +} + +@media (min-width: 992px) { + .table-cart-figure+a { + margin-left: 30px; + } +} + +.table-checkout tr+tr td { + border-top: 1px solid #e1e1e1; +} + +.table-checkout td { + padding: 20px 20px 16px; + min-width: 150px; +} + +.table-checkout td:last-child { + text-align: right; +} + +@media (min-width: 576px) { + .table-checkout td { + padding: 29px 64px 25px 25px; + } +} + + +/* +* +* Dividers +*/ + +hr { + margin-top: 0; + margin-bottom: 0; + border-top: 1px solid #d7d7d7; +} + +.divider { + font-size: 0; + line-height: 0; + height: 1px; + width: 100%; + background: #e1e1e1; +} + +.divider-30 { + margin: 30px 0; +} + +.divider-35 { + margin: 35px 0; +} + +.divider-40 { + margin: 40px 0; +} + +.divider+* { + margin-top: 0; +} + +.title-decoration-lines-left { + position: relative; + padding-left: 30px; + line-height: 1.2; +} + +.title-decoration-lines-left::before { + position: absolute; + content: ""; + top: 8%; + left: 0; + height: 78%; + width: 4px; + background: #d7d7d7; +} + +.title-decoration-lines-bottom { + position: relative; + line-height: 1.2; +} + +.title-decoration-lines-bottom span { + display: block; + font-size: 0; + line-height: 0; + margin-top: 20px; +} + +.title-decoration-lines-bottom span::after { + display: inline-block; + content: ""; + bottom: 0; + height: 4px; + width: 70px; + background: #01b3a7; +} + +@media (min-width: 576px) { + .title-decoration-lines-bottom span { + margin-top: 30px; + } +} + +.title-decoration-lines-left+p { + margin-top: 8px; +} + +.title-decoration-lines-bottom+p { + margin-top: 30px; +} + +.text-decoration-lines { + position: relative; + overflow: hidden; + width: 100%; +} + +.text-decoration-lines-content { + position: relative; + display: inline-block; + padding: 0 16px; + font-size: 18px; + letter-spacing: 0.1em; + color: #9b9b9b; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + text-transform: uppercase; +} + +.text-decoration-lines-content::before, +.text-decoration-lines-content::after { + position: absolute; + content: ""; + top: calc(50% - 2px); + height: 1px; + width: 100vw; + background: #e1e1e1; +} + +.text-decoration-lines-content::before { + left: 0; + transform: translate3d(-100%, 0, 0); +} + +.text-decoration-lines-content::after { + right: 0; + transform: translate3d(100%, 0, 0); +} + +*+.text-decoration-lines { + margin-top: 26px; +} + +.text-decoration-lines+.rd-form { + margin-top: 22px; +} + +.title-decoration-lines { + position: relative; + overflow: hidden; + width: 100%; +} + +.title-decoration-lines-content { + position: relative; + display: inline-block; + padding: 0 16px; + letter-spacing: 0.075em; +} + +.title-decoration-lines-content::before, +.title-decoration-lines-content::after { + position: absolute; + content: ""; + top: calc(50% - 2px); + height: 1px; + width: 100vw; + background: #d7d7d7; +} + +.title-decoration-lines-content::before { + left: 0; + transform: translate3d(-100%, 0, 0); +} + +.title-decoration-lines-content::after { + right: 0; + transform: translate3d(100%, 0, 0); +} + + +/* +* +* Buttons +*/ + +.button { + position: relative; + overflow: hidden; + display: inline-block; + min-width: 200px; + padding: 17px 33px 15px; + font-size: 16px; + line-height: 1.34; + border: 2px solid; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + font-weight: 500; + letter-spacing: normal; + white-space: nowrap; + text-overflow: ellipsis; + text-align: center; + cursor: pointer; + vertical-align: middle; + user-select: none; + transition: 250ms all ease-in-out; +} + +.button-block { + display: block; + width: 100%; +} + +.button-default, +.button-default:focus { + color: #cccccc; + background-color: #2c343b; + border-color: #2c343b; +} + +.button-default:hover, +.button-default:active { + color: #ffffff; + background-color: #01b3a7; + border-color: #01b3a7; +} + +.button-default.button-ujarak::before { + background: #01b3a7; +} + +.button-default.button-pipaluk, +.button-default.button-pipaluk:focus { + background: transparent; +} + +.button-default.button-pipaluk::before, +.button-default.button-pipaluk:focus::before { + background: #2c343b; + border-color: #01b3a7; +} + +.button-default.button-pipaluk::after, +.button-default.button-pipaluk:focus::after { + border-color: #01b3a7; +} + +.button-default.button-pipaluk:hover, +.button-default.button-pipaluk:active { + color: #01b3a7; + background: transparent; +} + +.button-default.button-wapasha, +.button-default.button-wapasha:focus { + color: #2c343b; + background: transparent; +} + +.button-default.button-wapasha::before, +.button-default.button-wapasha:focus::before { + border-color: #2c343b; +} + +.button-default.button-wapasha::after, +.button-default.button-wapasha:focus::after { + border-color: #01b3a7; +} + +.button-default.button-wapasha:hover, +.button-default.button-wapasha:active { + color: #01b3a7; + background: transparent; +} + +.button-primary, +.button-primary:focus { + color: #ffffff; + background-color: #01b3a7; + border-color: #01b3a7; +} + +.button-primary:hover, +.button-primary:active { + color: #ffffff; + background-color: #151515; + border-color: #151515; +} + +.button-primary.button-ujarak::before { + background: #151515; +} + +.button-primary.button-pipaluk, +.button-primary.button-pipaluk:focus { + background: transparent; +} + +.button-primary.button-pipaluk::before, +.button-primary.button-pipaluk:focus::before { + background: #01b3a7; + border-color: #151515; +} + +.button-primary.button-pipaluk::after, +.button-primary.button-pipaluk:focus::after { + border-color: #151515; +} + +.button-primary.button-pipaluk:hover, +.button-primary.button-pipaluk:active { + color: #151515; + background: transparent; +} + +.button-primary.button-wapasha, +.button-primary.button-wapasha:focus { + color: #01b3a7; + background: transparent; +} + +.button-primary.button-wapasha::before, +.button-primary.button-wapasha:focus::before { + border-color: #01b3a7; +} + +.button-primary.button-wapasha::after, +.button-primary.button-wapasha:focus::after { + border-color: #151515; +} + +.button-primary.button-wapasha:hover, +.button-primary.button-wapasha:active { + color: #151515; + background: transparent; +} + +.button-secondary, +.button-secondary:focus { + color: #ffffff; + background-color: #01b3a7; + border-color: #01b3a7; +} + +.button-secondary:hover, +.button-secondary:active { + color: #ffffff; + background-color: #151515; + border-color: #151515; +} + +.button-secondary.button-ujarak::before { + background: #151515; +} + +.button-secondary.button-pipaluk, +.button-secondary.button-pipaluk:focus { + background: transparent; +} + +.button-secondary.button-pipaluk::before, +.button-secondary.button-pipaluk:focus::before { + background: #01b3a7; + border-color: #151515; +} + +.button-secondary.button-pipaluk::after, +.button-secondary.button-pipaluk:focus::after { + border-color: #151515; +} + +.button-secondary.button-pipaluk:hover, +.button-secondary.button-pipaluk:active { + color: #151515; + background: transparent; +} + +.button-secondary.button-wapasha, +.button-secondary.button-wapasha:focus { + color: #01b3a7; + background: transparent; +} + +.button-secondary.button-wapasha::before, +.button-secondary.button-wapasha:focus::before { + border-color: #01b3a7; +} + +.button-secondary.button-wapasha::after, +.button-secondary.button-wapasha:focus::after { + border-color: #151515; +} + +.button-secondary.button-wapasha:hover, +.button-secondary.button-wapasha:active { + color: #151515; + background: transparent; +} + +.button-secondary-4, +.button-secondary-4:focus { + color: #ffffff; + background-color: #50ba87; + border-color: #50ba87; +} + +.button-secondary-4:hover, +.button-secondary-4:active { + color: #ffffff; + background-color: #151515; + border-color: #151515; +} + +.button-secondary-4.button-ujarak::before { + background: #151515; +} + +.button-secondary-4.button-pipaluk, +.button-secondary-4.button-pipaluk:focus { + background: transparent; +} + +.button-secondary-4.button-pipaluk::before, +.button-secondary-4.button-pipaluk:focus::before { + background: #50ba87; + border-color: #151515; +} + +.button-secondary-4.button-pipaluk::after, +.button-secondary-4.button-pipaluk:focus::after { + border-color: #151515; +} + +.button-secondary-4.button-pipaluk:hover, +.button-secondary-4.button-pipaluk:active { + color: #151515; + background: transparent; +} + +.button-secondary-4.button-wapasha, +.button-secondary-4.button-wapasha:focus { + color: #50ba87; + background: transparent; +} + +.button-secondary-4.button-wapasha::before, +.button-secondary-4.button-wapasha:focus::before { + border-color: #50ba87; +} + +.button-secondary-4.button-wapasha::after, +.button-secondary-4.button-wapasha:focus::after { + border-color: #151515; +} + +.button-secondary-4.button-wapasha:hover, +.button-secondary-4.button-wapasha:active { + color: #151515; + background: transparent; +} + +.button-white, +.button-white:focus { + color: #151515; + background-color: #ffffff; + border-color: #ffffff; +} + +.button-white:hover, +.button-white:active { + color: #ffffff; + background-color: #50ba87; + border-color: #50ba87; +} + +.button-white.button-ujarak::before { + background: #50ba87; +} + +.button-white.button-pipaluk, +.button-white.button-pipaluk:focus { + background: transparent; +} + +.button-white.button-pipaluk::before, +.button-white.button-pipaluk:focus::before { + background: #ffffff; + border-color: #50ba87; +} + +.button-white.button-pipaluk::after, +.button-white.button-pipaluk:focus::after { + border-color: #50ba87; +} + +.button-white.button-pipaluk:hover, +.button-white.button-pipaluk:active { + color: #50ba87; + background: transparent; +} + +.button-white.button-wapasha, +.button-white.button-wapasha:focus { + color: #ffffff; + background: transparent; +} + +.button-white.button-wapasha::before, +.button-white.button-wapasha:focus::before { + border-color: #ffffff; +} + +.button-white.button-wapasha::after, +.button-white.button-wapasha:focus::after { + border-color: #50ba87; +} + +.button-white.button-wapasha:hover, +.button-white.button-wapasha:active { + color: #50ba87; + background: transparent; +} + +.button-gray-100, +.button-gray-100:focus { + color: #151515; + background-color: #f2f2f2; + border-color: #f2f2f2; +} + +.button-gray-100:hover, +.button-gray-100:active { + color: #151515; + background-color: #e5e5e5; + border-color: #e5e5e5; +} + +.button-gray-100.button-ujarak::before { + background: #e5e5e5; +} + +.button-gray-100.button-pipaluk, +.button-gray-100.button-pipaluk:focus { + background: transparent; +} + +.button-gray-100.button-pipaluk::before, +.button-gray-100.button-pipaluk:focus::before { + background: #f2f2f2; + border-color: #e5e5e5; +} + +.button-gray-100.button-pipaluk::after, +.button-gray-100.button-pipaluk:focus::after { + border-color: #e5e5e5; +} + +.button-gray-100.button-pipaluk:hover, +.button-gray-100.button-pipaluk:active { + color: #e5e5e5; + background: transparent; +} + +.button-gray-100.button-wapasha, +.button-gray-100.button-wapasha:focus { + color: #f2f2f2; + background: transparent; +} + +.button-gray-100.button-wapasha::before, +.button-gray-100.button-wapasha:focus::before { + border-color: #f2f2f2; +} + +.button-gray-100.button-wapasha::after, +.button-gray-100.button-wapasha:focus::after { + border-color: #e5e5e5; +} + +.button-gray-100.button-wapasha:hover, +.button-gray-100.button-wapasha:active { + color: #e5e5e5; + background: transparent; +} + +.button-gray-4, +.button-gray-4:focus { + color: #151515; + background-color: #f7f7f7; + border-color: #f7f7f7; +} + +.button-gray-4:hover, +.button-gray-4:active { + color: #ffffff; + background-color: #151515; + border-color: #151515; +} + +.button-gray-4.button-ujarak::before { + background: #151515; +} + +.button-gray-4.button-pipaluk, +.button-gray-4.button-pipaluk:focus { + background: transparent; +} + +.button-gray-4.button-pipaluk::before, +.button-gray-4.button-pipaluk:focus::before { + background: #f7f7f7; + border-color: #151515; +} + +.button-gray-4.button-pipaluk::after, +.button-gray-4.button-pipaluk:focus::after { + border-color: #151515; +} + +.button-gray-4.button-pipaluk:hover, +.button-gray-4.button-pipaluk:active { + color: #151515; + background: transparent; +} + +.button-gray-4.button-wapasha, +.button-gray-4.button-wapasha:focus { + color: #f7f7f7; + background: transparent; +} + +.button-gray-4.button-wapasha::before, +.button-gray-4.button-wapasha:focus::before { + border-color: #f7f7f7; +} + +.button-gray-4.button-wapasha::after, +.button-gray-4.button-wapasha:focus::after { + border-color: #151515; +} + +.button-gray-4.button-wapasha:hover, +.button-gray-4.button-wapasha:active { + color: #151515; + background: transparent; +} + +.button-gray-7, +.button-gray-7:focus { + color: #ffffff; + background-color: #414141; + border-color: #414141; +} + +.button-gray-7:hover, +.button-gray-7:active { + color: #151515; + background-color: #ffffff; + border-color: #ffffff; +} + +.button-gray-7.button-ujarak::before { + background: #ffffff; +} + +.button-gray-7.button-pipaluk, +.button-gray-7.button-pipaluk:focus { + background: transparent; +} + +.button-gray-7.button-pipaluk::before, +.button-gray-7.button-pipaluk:focus::before { + background: #414141; + border-color: #ffffff; +} + +.button-gray-7.button-pipaluk::after, +.button-gray-7.button-pipaluk:focus::after { + border-color: #ffffff; +} + +.button-gray-7.button-pipaluk:hover, +.button-gray-7.button-pipaluk:active { + color: #ffffff; + background: transparent; +} + +.button-gray-7.button-wapasha, +.button-gray-7.button-wapasha:focus { + color: #414141; + background: transparent; +} + +.button-gray-7.button-wapasha::before, +.button-gray-7.button-wapasha:focus::before { + border-color: #414141; +} + +.button-gray-7.button-wapasha::after, +.button-gray-7.button-wapasha:focus::after { + border-color: #ffffff; +} + +.button-gray-7.button-wapasha:hover, +.button-gray-7.button-wapasha:active { + color: #ffffff; + background: transparent; +} + +.button-gray-8, +.button-gray-8:focus { + color: #ffffff; + background-color: #353535; + border-color: #353535; +} + +.button-gray-8:hover, +.button-gray-8:active { + color: #ffffff; + background-color: #50ba87; + border-color: #50ba87; +} + +.button-gray-8.button-ujarak::before { + background: #50ba87; +} + +.button-gray-8.button-pipaluk, +.button-gray-8.button-pipaluk:focus { + background: transparent; +} + +.button-gray-8.button-pipaluk::before, +.button-gray-8.button-pipaluk:focus::before { + background: #353535; + border-color: #50ba87; +} + +.button-gray-8.button-pipaluk::after, +.button-gray-8.button-pipaluk:focus::after { + border-color: #50ba87; +} + +.button-gray-8.button-pipaluk:hover, +.button-gray-8.button-pipaluk:active { + color: #50ba87; + background: transparent; +} + +.button-gray-8.button-wapasha, +.button-gray-8.button-wapasha:focus { + color: #353535; + background: transparent; +} + +.button-gray-8.button-wapasha::before, +.button-gray-8.button-wapasha:focus::before { + border-color: #353535; +} + +.button-gray-8.button-wapasha::after, +.button-gray-8.button-wapasha:focus::after { + border-color: #50ba87; +} + +.button-gray-8.button-wapasha:hover, +.button-gray-8.button-wapasha:active { + color: #50ba87; + background: transparent; +} + +.button-gray-11, +.button-gray-11:focus { + color: #ffffff; + background-color: #303233; + border-color: #303233; +} + +.button-gray-11:hover, +.button-gray-11:active { + color: #151515; + background-color: #ffffff; + border-color: #ffffff; +} + +.button-gray-11.button-ujarak::before { + background: #ffffff; +} + +.button-gray-11.button-pipaluk, +.button-gray-11.button-pipaluk:focus { + background: transparent; +} + +.button-gray-11.button-pipaluk::before, +.button-gray-11.button-pipaluk:focus::before { + background: #303233; + border-color: #ffffff; +} + +.button-gray-11.button-pipaluk::after, +.button-gray-11.button-pipaluk:focus::after { + border-color: #ffffff; +} + +.button-gray-11.button-pipaluk:hover, +.button-gray-11.button-pipaluk:active { + color: #ffffff; + background: transparent; +} + +.button-gray-11.button-wapasha, +.button-gray-11.button-wapasha:focus { + color: #303233; + background: transparent; +} + +.button-gray-11.button-wapasha::before, +.button-gray-11.button-wapasha:focus::before { + border-color: #303233; +} + +.button-gray-11.button-wapasha::after, +.button-gray-11.button-wapasha:focus::after { + border-color: #ffffff; +} + +.button-gray-11.button-wapasha:hover, +.button-gray-11.button-wapasha:active { + color: #ffffff; + background: transparent; +} + +.button-gray-14, +.button-gray-14:focus { + color: #ffffff; + background-color: #2f2f2f; + border-color: #2f2f2f; +} + +.button-gray-14:hover, +.button-gray-14:active { + color: #151515; + background-color: #ffffff; + border-color: #ffffff; +} + +.button-gray-14.button-ujarak::before { + background: #ffffff; +} + +.button-gray-14.button-pipaluk, +.button-gray-14.button-pipaluk:focus { + background: transparent; +} + +.button-gray-14.button-pipaluk::before, +.button-gray-14.button-pipaluk:focus::before { + background: #2f2f2f; + border-color: #ffffff; +} + +.button-gray-14.button-pipaluk::after, +.button-gray-14.button-pipaluk:focus::after { + border-color: #ffffff; +} + +.button-gray-14.button-pipaluk:hover, +.button-gray-14.button-pipaluk:active { + color: #ffffff; + background: transparent; +} + +.button-gray-14.button-wapasha, +.button-gray-14.button-wapasha:focus { + color: #2f2f2f; + background: transparent; +} + +.button-gray-14.button-wapasha::before, +.button-gray-14.button-wapasha:focus::before { + border-color: #2f2f2f; +} + +.button-gray-14.button-wapasha::after, +.button-gray-14.button-wapasha:focus::after { + border-color: #ffffff; +} + +.button-gray-14.button-wapasha:hover, +.button-gray-14.button-wapasha:active { + color: #ffffff; + background: transparent; +} + +.button-gray-31, +.button-gray-31:focus { + color: #ffffff; + background-color: #53575b; + border-color: #53575b; +} + +.button-gray-31:hover, +.button-gray-31:active { + color: #ffffff; + background-color: #151515; + border-color: #151515; +} + +.button-gray-31.button-ujarak::before { + background: #151515; +} + +.button-gray-31.button-pipaluk, +.button-gray-31.button-pipaluk:focus { + background: transparent; +} + +.button-gray-31.button-pipaluk::before, +.button-gray-31.button-pipaluk:focus::before { + background: #53575b; + border-color: #151515; +} + +.button-gray-31.button-pipaluk::after, +.button-gray-31.button-pipaluk:focus::after { + border-color: #151515; +} + +.button-gray-31.button-pipaluk:hover, +.button-gray-31.button-pipaluk:active { + color: #151515; + background: transparent; +} + +.button-gray-31.button-wapasha, +.button-gray-31.button-wapasha:focus { + color: #53575b; + background: transparent; +} + +.button-gray-31.button-wapasha::before, +.button-gray-31.button-wapasha:focus::before { + border-color: #53575b; +} + +.button-gray-31.button-wapasha::after, +.button-gray-31.button-wapasha:focus::after { + border-color: #151515; +} + +.button-gray-31.button-wapasha:hover, +.button-gray-31.button-wapasha:active { + color: #151515; + background: transparent; +} + +.button-gray-32, +.button-gray-32:focus { + color: #ffffff; + background-color: #292929; + border-color: #292929; +} + +.button-gray-32:hover, +.button-gray-32:active { + color: #ffffff; + background-color: #151515; + border-color: #151515; +} + +.button-gray-32.button-ujarak::before { + background: #151515; +} + +.button-gray-32.button-pipaluk, +.button-gray-32.button-pipaluk:focus { + background: transparent; +} + +.button-gray-32.button-pipaluk::before, +.button-gray-32.button-pipaluk:focus::before { + background: #292929; + border-color: #151515; +} + +.button-gray-32.button-pipaluk::after, +.button-gray-32.button-pipaluk:focus::after { + border-color: #151515; +} + +.button-gray-32.button-pipaluk:hover, +.button-gray-32.button-pipaluk:active { + color: #151515; + background: transparent; +} + +.button-gray-32.button-wapasha, +.button-gray-32.button-wapasha:focus { + color: #292929; + background: transparent; +} + +.button-gray-32.button-wapasha::before, +.button-gray-32.button-wapasha:focus::before { + border-color: #292929; +} + +.button-gray-32.button-wapasha::after, +.button-gray-32.button-wapasha:focus::after { + border-color: #151515; +} + +.button-gray-32.button-wapasha:hover, +.button-gray-32.button-wapasha:active { + color: #151515; + background: transparent; +} + +.button-default-outline, +.button-default-outline:focus { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} + +.button-default-outline:hover, +.button-default-outline:active { + color: #ffffff; + background-color: #50ba87; + border-color: #50ba87; +} + +.button-default-outline.button-ujarak::before { + background: #50ba87; +} + +.button-default-outline.button-pipaluk, +.button-default-outline.button-pipaluk:focus { + background: transparent; +} + +.button-default-outline.button-pipaluk::before, +.button-default-outline.button-pipaluk:focus::before { + background: transparent; + border-color: #50ba87; +} + +.button-default-outline.button-pipaluk::after, +.button-default-outline.button-pipaluk:focus::after { + border-color: #50ba87; +} + +.button-default-outline.button-pipaluk:hover, +.button-default-outline.button-pipaluk:active { + color: #50ba87; + background: transparent; +} + +.button-default-outline.button-wapasha, +.button-default-outline.button-wapasha:focus { + color: #ffffff; + background: transparent; +} + +.button-default-outline.button-wapasha::before, +.button-default-outline.button-wapasha:focus::before { + border-color: #ffffff; +} + +.button-default-outline.button-wapasha::after, +.button-default-outline.button-wapasha:focus::after { + border-color: #50ba87; +} + +.button-default-outline.button-wapasha:hover, +.button-default-outline.button-wapasha:active { + color: #50ba87; + background: transparent; +} + +.button-default-outline-2, +.button-default-outline-2:focus { + color: #151515; + background-color: transparent; + border-color: #01b3a7; +} + +.button-default-outline-2:hover, +.button-default-outline-2:active { + color: #ffffff; + background-color: #50ba87; + border-color: #50ba87; +} + +.button-default-outline-2.button-ujarak::before { + background: #50ba87; +} + +.button-default-outline-2.button-pipaluk, +.button-default-outline-2.button-pipaluk:focus { + background: transparent; +} + +.button-default-outline-2.button-pipaluk::before, +.button-default-outline-2.button-pipaluk:focus::before { + background: transparent; + border-color: #50ba87; +} + +.button-default-outline-2.button-pipaluk::after, +.button-default-outline-2.button-pipaluk:focus::after { + border-color: #50ba87; +} + +.button-default-outline-2.button-pipaluk:hover, +.button-default-outline-2.button-pipaluk:active { + color: #50ba87; + background: transparent; +} + +.button-default-outline-2.button-wapasha, +.button-default-outline-2.button-wapasha:focus { + color: #01b3a7; + background: transparent; +} + +.button-default-outline-2.button-wapasha::before, +.button-default-outline-2.button-wapasha:focus::before { + border-color: #01b3a7; +} + +.button-default-outline-2.button-wapasha::after, +.button-default-outline-2.button-wapasha:focus::after { + border-color: #50ba87; +} + +.button-default-outline-2.button-wapasha:hover, +.button-default-outline-2.button-wapasha:active { + color: #50ba87; + background: transparent; +} + +.button-white-outline, +.button-white-outline:focus { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} + +.button-white-outline:hover, +.button-white-outline:active { + color: #ffffff; + background-color: #01b3a7; + border-color: #01b3a7; +} + +.button-white-outline.button-ujarak::before { + background: #01b3a7; +} + +.button-white-outline.button-pipaluk, +.button-white-outline.button-pipaluk:focus { + background: transparent; +} + +.button-white-outline.button-pipaluk::before, +.button-white-outline.button-pipaluk:focus::before { + background: transparent; + border-color: #01b3a7; +} + +.button-white-outline.button-pipaluk::after, +.button-white-outline.button-pipaluk:focus::after { + border-color: #01b3a7; +} + +.button-white-outline.button-pipaluk:hover, +.button-white-outline.button-pipaluk:active { + color: #01b3a7; + background: transparent; +} + +.button-white-outline.button-wapasha, +.button-white-outline.button-wapasha:focus { + color: #ffffff; + background: transparent; +} + +.button-white-outline.button-wapasha::before, +.button-white-outline.button-wapasha:focus::before { + border-color: #ffffff; +} + +.button-white-outline.button-wapasha::after, +.button-white-outline.button-wapasha:focus::after { + border-color: #01b3a7; +} + +.button-white-outline.button-wapasha:hover, +.button-white-outline.button-wapasha:active { + color: #01b3a7; + background: transparent; +} + +.button-black-outline, +.button-black-outline:focus { + color: #151515; + background-color: transparent; + border-color: #151515; +} + +.button-black-outline:hover, +.button-black-outline:active { + color: #151515; + background-color: #01b3a7; + border-color: #01b3a7; +} + +.button-black-outline.button-ujarak::before { + background: #01b3a7; +} + +.button-black-outline.button-pipaluk, +.button-black-outline.button-pipaluk:focus { + background: transparent; +} + +.button-black-outline.button-pipaluk::before, +.button-black-outline.button-pipaluk:focus::before { + background: transparent; + border-color: #01b3a7; +} + +.button-black-outline.button-pipaluk::after, +.button-black-outline.button-pipaluk:focus::after { + border-color: #01b3a7; +} + +.button-black-outline.button-pipaluk:hover, +.button-black-outline.button-pipaluk:active { + color: #01b3a7; + background: transparent; +} + +.button-black-outline.button-wapasha, +.button-black-outline.button-wapasha:focus { + color: #151515; + background: transparent; +} + +.button-black-outline.button-wapasha::before, +.button-black-outline.button-wapasha:focus::before { + border-color: #151515; +} + +.button-black-outline.button-wapasha::after, +.button-black-outline.button-wapasha:focus::after { + border-color: #01b3a7; +} + +.button-black-outline.button-wapasha:hover, +.button-black-outline.button-wapasha:active { + color: #01b3a7; + background: transparent; +} + +.button-ghost { + border: 0; + background-color: transparent; +} + +.button-ghost:hover { + color: #ffffff; + background: #01b3a7; +} + +.button-facebook, +.button-facebook:focus { + color: #ffffff; + background-color: #6576ad; + border-color: #6576ad; +} + +.button-facebook:hover, +.button-facebook:active { + color: #ffffff; + background-color: #5668a2; + border-color: #5668a2; +} + +.button-facebook.button-ujarak::before { + background: #5668a2; +} + +.button-facebook.button-pipaluk, +.button-facebook.button-pipaluk:focus { + background: transparent; +} + +.button-facebook.button-pipaluk::before, +.button-facebook.button-pipaluk:focus::before { + background: #6576ad; + border-color: #5668a2; +} + +.button-facebook.button-pipaluk::after, +.button-facebook.button-pipaluk:focus::after { + border-color: #5668a2; +} + +.button-facebook.button-pipaluk:hover, +.button-facebook.button-pipaluk:active { + color: #5668a2; + background: transparent; +} + +.button-facebook.button-wapasha, +.button-facebook.button-wapasha:focus { + color: #6576ad; + background: transparent; +} + +.button-facebook.button-wapasha::before, +.button-facebook.button-wapasha:focus::before { + border-color: #6576ad; +} + +.button-facebook.button-wapasha::after, +.button-facebook.button-wapasha:focus::after { + border-color: #5668a2; +} + +.button-facebook.button-wapasha:hover, +.button-facebook.button-wapasha:active { + color: #5668a2; + background: transparent; +} + +.button-twitter, +.button-twitter:focus { + color: #ffffff; + background-color: #63bbe8; + border-color: #63bbe8; +} + +.button-twitter:hover, +.button-twitter:active { + color: #ffffff; + background-color: #4db1e5; + border-color: #4db1e5; +} + +.button-twitter.button-ujarak::before { + background: #4db1e5; +} + +.button-twitter.button-pipaluk, +.button-twitter.button-pipaluk:focus { + background: transparent; +} + +.button-twitter.button-pipaluk::before, +.button-twitter.button-pipaluk:focus::before { + background: #63bbe8; + border-color: #4db1e5; +} + +.button-twitter.button-pipaluk::after, +.button-twitter.button-pipaluk:focus::after { + border-color: #4db1e5; +} + +.button-twitter.button-pipaluk:hover, +.button-twitter.button-pipaluk:active { + color: #4db1e5; + background: transparent; +} + +.button-twitter.button-wapasha, +.button-twitter.button-wapasha:focus { + color: #63bbe8; + background: transparent; +} + +.button-twitter.button-wapasha::before, +.button-twitter.button-wapasha:focus::before { + border-color: #63bbe8; +} + +.button-twitter.button-wapasha::after, +.button-twitter.button-wapasha:focus::after { + border-color: #4db1e5; +} + +.button-twitter.button-wapasha:hover, +.button-twitter.button-wapasha:active { + color: #4db1e5; + background: transparent; +} + +.button-google, +.button-google:focus { + color: #ffffff; + background-color: #eb6e6e; + border-color: #eb6e6e; +} + +.button-google:hover, +.button-google:active { + color: #ffffff; + background-color: #e85858; + border-color: #e85858; +} + +.button-google.button-ujarak::before { + background: #e85858; +} + +.button-google.button-pipaluk, +.button-google.button-pipaluk:focus { + background: transparent; +} + +.button-google.button-pipaluk::before, +.button-google.button-pipaluk:focus::before { + background: #eb6e6e; + border-color: #e85858; +} + +.button-google.button-pipaluk::after, +.button-google.button-pipaluk:focus::after { + border-color: #e85858; +} + +.button-google.button-pipaluk:hover, +.button-google.button-pipaluk:active { + color: #e85858; + background: transparent; +} + +.button-google.button-wapasha, +.button-google.button-wapasha:focus { + color: #eb6e6e; + background: transparent; +} + +.button-google.button-wapasha::before, +.button-google.button-wapasha:focus::before { + border-color: #eb6e6e; +} + +.button-google.button-wapasha::after, +.button-google.button-wapasha:focus::after { + border-color: #e85858; +} + +.button-google.button-wapasha:hover, +.button-google.button-wapasha:active { + color: #e85858; + background: transparent; +} + +.button-shadow { + box-shadow: 0 9px 21px 0 rgba(204, 204, 204, 0.15); +} + +.button-shadow:hover { + box-shadow: 0 9px 10px 0 rgba(204, 204, 204, 0.15); +} + +.button-shadow:focus, +.button-shadow:active { + box-shadow: none; +} + +.button-ujarak { + position: relative; + z-index: 0; + transition: background 0.4s, border-color 0.4s, color 0.4s; +} + +.button-ujarak::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 101%; + height: 101%; + background: #50ba87; + z-index: -1; + opacity: 0; + transform: scale3d(0.7, 1, 1); + transition: transform 0.42s, opacity 0.42s; + border-radius: inherit; +} + +.button-ujarak, +.button-ujarak::before { + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); +} + +.button-ujarak:hover { + transition: background 0.4s 0.4s, border-color 0.4s 0s, color 0.2s 0s; +} + +.button-ujarak:hover::before { + opacity: 1; + transform: translate3d(0, 0, 0) scale3d(1, 1, 1); +} + +.button-xs { + padding: 8px 17px; +} + +.button-sm { + padding: 5px 25px 3px; + font-size: 12px; + line-height: 1.5; +} + +.button-md { + min-width: 140px; + padding: 12px 23px 10px; + font-size: 16px; + line-height: 1.5; +} + +.button-md.button-gradient, +.button-md.button-wapasha, +.button-md.button-pipaluk { + padding: 14px 25px 12px; +} + +.button-lg { + padding: 20px 33px 18px; + line-height: 1.33; +} + +.button-lg.button-gradient, +.button-lg.button-wapasha, +.button-lg.button-pipaluk { + padding: 22px 35px 20px; +} + +.button-xl { + padding: 16px 50px 14px; + font-size: 16px; + line-height: 28px; +} + +@media (min-width: 992px) { + .button-xl { + padding: 20px 80px; + } +} + +.button-circle { + border-radius: 30px; +} + +.button-round-1 { + border-radius: 5px; +} + +.button-round-2 { + border-radius: 10px; +} + +.button.button-icon { + display: inline-flex; + justify-content: center; + align-items: center; + vertical-align: middle; +} + +.button.button-icon .icon { + position: relative; + display: inline-block; + top: -1px; + vertical-align: middle; + color: inherit; + font-size: 14px; + line-height: 1; +} + +.button.button-icon-left .icon { + padding-right: 8px; +} + +.button.button-icon-right { + flex-direction: row-reverse; +} + +.button.button-icon-right .icon { + padding-left: 8px; +} + +.button.button-icon.button-link .icon { + top: 5px; + font-size: 1em; +} + +.button.button-icon.button-xs .icon { + top: 0.05em; + font-size: 1.2em; + padding-right: 8px; +} + +.button.button-icon.button-xs .button-icon-right { + padding-left: 8px; +} + +.button.button-icon.button-facebook .icon, +.button.button-icon.button-twitter .icon, +.button.button-icon.button-google .icon { + font-size: 18px; +} + +.btn-primary { + border-radius: 3px; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + font-weight: 500; + letter-spacing: 0.05em; + text-transform: uppercase; + transition: 0.33s; +} + +.btn-primary, +.btn-primary:active, +.btn-primary:focus { + color: #ffffff; + background: #01b3a7; + border-color: #01b3a7; +} + +.btn-primary:hover { + color: #ffffff; + background: #000000; + border-color: #000000; +} + +.button-pipaluk { + position: relative; + overflow: visible; + padding: 14px 35px 15px; + border: none; + z-index: 1; +} + +.button-pipaluk::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: -1; + transition: all 0.3s ease-in-out; +} + +.button-pipaluk::after { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-width: 2px; + border-style: solid; + opacity: 0; + visibility: hidden; + transition: all 0.2s ease 0s; + transform: scale(1.05); + will-change: transform; + z-index: -1; +} + +.button-pipaluk.button-circle::before, +.button-pipaluk.button-circle::after { + border-radius: inherit; +} + +.button-pipaluk:hover::before, +.button-pipaluk:active::before { + opacity: 0; + visibility: hidden; + transform: scale(0.9); + transition-duration: 0.2s; +} + +.button-pipaluk:hover::after, +.button-pipaluk:active::after { + opacity: 1; + visibility: visible; + transform: none; + transition-duration: 0.3s; + transition-delay: 0.1s; +} + +.button-wapasha { + position: relative; + overflow: visible; + padding: 19px 35px 17px; + border: none; + z-index: 1; +} + +.button-wapasha::before, +.button-wapasha::after { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-width: 2px; + border-style: solid; +} + +.button-wapasha::before { + opacity: 1; + visibility: visible; + transition: all 0.3s ease; + z-index: -1; +} + +.button-wapasha::after { + opacity: 0; + visibility: hidden; + transition: all 0.2s ease; + transform: translate3d(8px, -8px, 0); + will-change: transform; + z-index: -1; +} + +.button-wapasha:hover::before, +.button-wapasha:active::before { + opacity: 0; + visibility: hidden; + transform: translate3d(-8px, 8px, 0); + transition-duration: 0.2s; +} + +.button-wapasha:hover::after, +.button-wapasha:active::after { + opacity: 1; + visibility: visible; + transform: none; + transition-duration: 0.3s; +} + +.button-social { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + margin-bottom: -14px; + margin-left: -14px; +} + +.button-social:empty { + margin-bottom: 0; + margin-left: 0; +} + +.button-social>* { + display: inline-block; + margin-top: 0; + margin-bottom: 14px; + margin-left: 14px; +} + +.button-social>* { + min-width: 175px; + flex-grow: 1; +} + +.button-social *+.button { + margin-top: 0; +} + +.button-width-170 { + min-width: 170px; +} + +@media (min-width: 1200px) { + .button-width-xl-230 { + min-width: 230px; + } + .button-width-xl-310 { + min-width: 310px; + } +} + +.button-gradient { + border: none; + padding: 19px 35px 17px; + background-size: auto 200%; +} + +.button-primary-gradient { + background-image: linear-gradient( to bottom, #01b3a7 0%, #01b3a7 50%, #50ba87 100%); + background-repeat: no-repeat; +} + +.button-primary-gradient, +.button-primary-gradient:focus { + color: #ffffff; + background-color: #01b3a7; + border-color: transparent; +} + +.button-primary-gradient:hover, +.button-primary-gradient:active { + color: #ffffff; + background-color: #50ba87; + border-color: transparent; +} + +.button-primary-gradient.button-ujarak::before { + background: #50ba87; +} + +.button-primary-gradient.button-pipaluk, +.button-primary-gradient.button-pipaluk:focus { + background: transparent; +} + +.button-primary-gradient.button-pipaluk::before, +.button-primary-gradient.button-pipaluk:focus::before { + background: #01b3a7; + border-color: transparent; +} + +.button-primary-gradient.button-pipaluk::after, +.button-primary-gradient.button-pipaluk:focus::after { + border-color: transparent; +} + +.button-primary-gradient.button-pipaluk:hover, +.button-primary-gradient.button-pipaluk:active { + color: transparent; + background: transparent; +} + +.button-primary-gradient.button-wapasha, +.button-primary-gradient.button-wapasha:focus { + color: transparent; + background: transparent; +} + +.button-primary-gradient.button-wapasha::before, +.button-primary-gradient.button-wapasha:focus::before { + border-color: transparent; +} + +.button-primary-gradient.button-wapasha::after, +.button-primary-gradient.button-wapasha:focus::after { + border-color: transparent; +} + +.button-primary-gradient.button-wapasha:hover, +.button-primary-gradient.button-wapasha:active { + color: transparent; + background: transparent; +} + +.button-primary-gradient:hover, +.button-primary-gradient:active { + background-position: 50% 100%; +} + + +/* +* +* Form styles +*/ + +.rd-form { + position: relative; + text-align: left; +} + +.rd-form .button { + min-width: 222px; +} + +@media (max-width: 575.98px) { + .rd-form .button { + display: block; + width: 100%; + } +} + +.rd-form *+.button { + margin-top: 33px; +} + +.rd-form-variant-2 .button { + min-width: 256px; +} + +*+.rd-form { + margin-top: 26px; +} + +p+.rd-form { + margin-top: 30px; +} + +h5+.rd-form { + margin-top: 40px; +} + +h4+.rd-form-variant-2 { + margin-top: 34px; +} + +.row+.checkbox-inline { + margin-top: 20px; +} + +.form-wrap+.checkbox-inline { + margin-top: 15px; +} + +input:-webkit-autofill~label, +input:-webkit-autofill~.form-validation { + color: #000000 !important; +} + +.form-wrap { + position: relative; +} + +.form-wrap.has-error .form-input { + border-color: #f5543f; +} + +.form-wrap.has-focus .form-input { + border-color: #01b3a7; +} + +.form-wrap+* { + margin-top: 20px; +} + +.form-input { + display: block; + width: 100%; + min-height: 60px; + padding: 17px 22px; + font-size: 14px; + font-weight: 400; + line-height: 24px; + letter-spacing: 0.025em; + color: #151515; + background-color: #f7f7f7; + background-image: none; + border-radius: 0; + -webkit-appearance: none; + transition: 0.3s ease-in-out; + border: 1px solid #f7f7f7; +} + +.form-input:focus { + outline: 0; +} + +.form-input-inverse { + background-color: #ffffff; + border-color: #e1e1e1; +} + +.form-input-price { + border-bottom: 2px solid #01b3a7; +} + +.form-input-disabled { + cursor: default; +} + +textarea.form-input { + height: 156px; + min-height: 60px; + max-height: 265px; + resize: vertical; +} + +textarea.textarea-lg { + height: 206px; + max-height: 350px; + resize: vertical; +} + +.form-label, +.form-label-outside { + margin-bottom: 0; + color: #151515; + font-weight: 400; +} + +.form-label { + position: absolute; + top: 30px; + left: 0; + right: 0; + padding-left: 22px; + padding-right: 22px; + font-size: 14px; + font-weight: 400; + line-height: 24px; + letter-spacing: 0.025em; + pointer-events: none; + text-align: left; + z-index: 9; + transition: 0.25s; + transform: translate3d(0, -50%, 0); + will-change: transform; +} + +.form-label.focus { + opacity: 0; +} + +.form-label.auto-fill { + color: #151515; +} + +.form-label-outside { + width: 100%; + margin-bottom: 4px; +} + +@media (min-width: 768px) { + .form-label-outside { + position: static; + } + .form-label-outside, + .form-label-outside.focus, + .form-label-outside.auto-fill { + transform: none; + } +} + +.form-label-disabled { + color: #9b9b9b; +} + +[data-x-mode="true"] .form-label { + pointer-events: auto; +} + +.form-validation { + position: absolute; + right: 8px; + top: 0; + z-index: 11; + margin-top: 2px; + font-size: 9px; + font-weight: 400; + line-height: 12px; + letter-spacing: 0; + color: #f5543f; + transition: 0.3s; +} + +.form-validation-left .form-validation { + top: 100%; + right: auto; + left: 0; +} + +#form-output-global { + position: fixed; + bottom: 30px; + left: 15px; + z-index: 2000; + visibility: hidden; + transform: translate3d(-500px, 0, 0); + transition: 0.3s all ease; +} + +#form-output-global.active { + visibility: visible; + transform: translate3d(0, 0, 0); +} + +@media (min-width: 576px) { + #form-output-global { + left: 30px; + } +} + +.form-output { + position: absolute; + top: 100%; + left: 0; + font-size: 10px; + font-weight: 400; + line-height: 1.2; + margin-top: 2px; + transition: 0.3s; + opacity: 0; + visibility: hidden; +} + +.form-output.active { + opacity: 1; + visibility: visible; +} + +.form-output.error { + color: #f5543f; +} + +.form-output.success { + color: #98bf44; +} + +.radio .radio-custom, +.radio-inline .radio-custom, +.checkbox .checkbox-custom, +.checkbox-inline .checkbox-custom { + opacity: 0; +} + +.radio .radio-custom, +.radio .radio-custom-dummy, +.radio-inline .radio-custom, +.radio-inline .radio-custom-dummy, +.checkbox .checkbox-custom, +.checkbox .checkbox-custom-dummy, +.checkbox-inline .checkbox-custom, +.checkbox-inline .checkbox-custom-dummy { + position: absolute; + left: 0; + width: 14px; + height: 14px; + outline: none; + cursor: pointer; +} + +.radio .radio-custom-dummy, +.radio-inline .radio-custom-dummy, +.checkbox .checkbox-custom-dummy, +.checkbox-inline .checkbox-custom-dummy { + pointer-events: none; + background: #ffffff; +} + +.radio .radio-custom-dummy::after, +.radio-inline .radio-custom-dummy::after, +.checkbox .checkbox-custom-dummy::after, +.checkbox-inline .checkbox-custom-dummy::after { + position: absolute; + opacity: 0; + transition: 0.22s; +} + +.radio .radio-custom:focus, +.radio-inline .radio-custom:focus, +.checkbox .checkbox-custom:focus, +.checkbox-inline .checkbox-custom:focus { + outline: none; +} + +.radio input, +.radio-inline input, +.checkbox input, +.checkbox-inline input { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +.radio-custom:checked+.radio-custom-dummy:after, +.checkbox-custom:checked+.checkbox-custom-dummy:after { + opacity: 1; +} + +.radio, +.radio-inline { + position: relative; + font-size: 18px; + line-height: 1; + padding-left: 32px; + letter-spacing: 0.1em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + cursor: pointer; +} + +.radio .radio-custom-dummy, +.radio-inline .radio-custom-dummy { + top: -4px; + left: 0; + width: 21px; + height: 21px; + margin: 0; + color: #01b3a7; + border: 1px solid #e1e1e1; + border-radius: 3px; + background: #fefefe; +} + +.radio .radio-custom-dummy::after, +.radio-inline .radio-custom-dummy::after { + content: "\f222"; + font-family: "Material Design Icons"; + position: absolute; + top: -3px; + left: -2px; + font-size: 24px; + line-height: 1; +} + +.checkbox, +.checkbox-inline { + position: relative; + padding-left: 32px; + letter-spacing: 0.025em; + color: #9b9b9b; + cursor: pointer; +} + +.checkbox .checkbox-custom-dummy, +.checkbox-inline .checkbox-custom-dummy { + top: 2px; + left: 0; + width: 21px; + height: 21px; + margin: 0; + color: #01b3a7; + border: 1px solid #e1e1e1; + border-radius: 3px; + background: #fefefe; +} + +.checkbox .checkbox-custom-dummy::after, +.checkbox-inline .checkbox-custom-dummy::after { + content: "\f222"; + font-family: "Material Design Icons"; + position: absolute; + top: -3px; + left: -2px; + font-size: 24px; + line-height: 1; +} + +.toggle-custom { + padding-left: 60px; + -webkit-appearance: none; +} + +.toggle-custom:checked~.checkbox-custom-dummy::after { + background: #01b3a7; + transform: translate(20px, -50%); +} + +.toggle-custom~.checkbox-custom-dummy { + position: relative; + display: inline-block; + margin-top: -1px; + width: 44px; + height: 20px; + background: #f7f7f7; + cursor: pointer; +} + +.toggle-custom~.checkbox-custom-dummy::after { + content: ""; + position: absolute; + display: inline-block; + width: 16px; + height: 16px; + left: 0; + top: 50%; + background: #b7b7b7; + transform: translate(4px, -50%); + opacity: 1; + transition: 0.22s; +} + +.rd-form-inline { + display: flex; + flex-wrap: wrap; + align-items: stretch; + justify-content: space-between; + text-align: center; + max-width: 480px; + margin-left: auto; + margin-right: auto; +} + +.rd-form-inline>* { + margin-top: 0; +} + +.rd-form-inline .form-wrap { + width: 100%; +} + +.rd-form-inline .form-wrap-select { + text-align: left; +} + +.rd-form-inline .form-button { + flex-grow: 1; + flex-shrink: 0; + min-height: 60px; + margin-top: 10px; +} + +.rd-form-inline .form-button .button { + display: block; + min-height: inherit; + min-width: auto; + width: 100%; +} + +.rd-form-inline.rd-search { + max-width: 100%; +} + +@media (min-width: 576px) { + .rd-form-inline .form-wrap { + flex: 1; + min-width: 185px; + } + .rd-form-inline .form-button { + flex-grow: 0; + margin-top: 0; + margin-left: 7px; + } + .rd-form-inline .form-button .button { + display: inline-block; + } + .rd-form-inline.rd-form-coupon .form-button { + margin-left: 18px; + } +} + +.form-sm .form-input, +.form-sm .button { + padding-top: 9px; + padding-bottom: 9px; + min-height: 40px; +} + +.form-sm .form-validation { + top: -16px; +} + +.form-sm .form-label { + top: 20px; +} + +.form-sm *+.button { + margin-top: 10px; +} + +.form-lg .form-input, +.form-lg .form-label, +.form-lg .select2-container .select2-choice { + font-size: 16px; +} + +.form-lg .form-input, +.form-lg .select2-container .select2-choice { + font-size: 16px; + padding-top: 17px; + padding-bottom: 17px; +} + +.form-lg .form-input, +.form-lg .select2-container .select2-choice { + min-height: 58px; +} + +.form-lg .form-button { + min-height: 60px; +} + +.form-lg .form-label { + top: 30px; +} + +.form-wrap-recaptcha { + display: inline-block; +} + +@media (max-width: 575.98px) { + .recaptcha iframe { + transform: scale(0.95); + transform-origin: 0 50%; + will-change: transform; + } + .form-wrap-recaptcha .form-validation { + right: 22px; + } +} + +.rd-form-coupon .form-wrap { + flex-shrink: 0; +} + +.rd-form-coupon .form-button { + min-width: 212px; +} + +.rd-form-coupon .form-label { + padding-left: 32px; +} + +.rd-form-coupon .form-input { + min-width: 266px; + padding-left: 32px; +} + +@media (min-width: 576px) { + .rd-form-coupon { + max-width: none; + min-width: 496px; + } +} + +.box-form { + text-align: center; + padding: 30px 20px; + background: #f7f7f7; +} + +.box-form .form-input:not(.select-filter) { + min-height: 50px; + padding-top: 12px; + padding-bottom: 12px; + background: #ffffff; + border-color: #e1e1e1; +} + +.box-form .form-input.form-input-price { + border-bottom-color: #01b3a7; + padding-bottom: 11px; +} + +.box-form .form-label { + top: 25px; +} + +.box-form .form-label span { + font-size: 12px; + color: #9b9b9b; +} + +.box-form textarea.form-input { + height: 116px; + max-height: 197px; +} + +.box-form .button.button-ujarak:not([class*="button-secondary"]) { + color: #ffffff; +} + +.box-form .button.button-ujarak:not([class*="button-secondary"])::before { + background: #50ba87; +} + +.box-form .button.button-ujarak:not([class*="button-secondary"]):hover, +.box-form .button.button-ujarak:not([class*="button-secondary"]):active { + border-color: #50ba87; +} + +.box-form .form-wrap+* { + margin-top: 10px; +} + +.box-form *+.rd-form { + margin-top: 16px; +} + +.box-form .row+.button { + margin-top: 16px; +} + +.box-form-title { + letter-spacing: 0.05em; +} + +.box-form-text { + color: #9b9b9b; +} + +@media (min-width: 576px) { + .box-form { + padding-left: 30px; + padding-right: 30px; + } +} + +@media (min-width: 992px) { + .box-form *+.rd-form { + margin-top: 16px; + } +} + +@media (min-width: 1200px) { + .box-form { + padding: 50px 60px; + } + .box-form-text { + max-width: 90%; + margin-left: auto; + margin-right: auto; + } +} + + +/* +* +* Posts +*/ + +.post { + text-align: left; +} + +.post-classic-title { + letter-spacing: 0.1em; +} + +.post-classic-panel { + margin-bottom: -20px; + margin-left: -36px; + font-size: 18px; + line-height: 1; + letter-spacing: 0.1em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.post-classic-panel:empty { + margin-bottom: 0; + margin-left: 0; +} + +.post-classic-panel>* { + display: inline-block; + margin-top: 0; + margin-bottom: 20px; + margin-left: 36px; +} + +.post-classic-panel>*:not(.badge) { + position: relative; + top: 2px; +} + +.post-classic-comments .icon, +.post-classic-time .icon { + color: #9b9b9b; +} + +.post-classic-comments>*, +.post-classic-time>* { + display: inline-block; + vertical-align: middle; +} + +.post-classic-comments .icon { + font-size: 24px; + position: relative; + top: -4px; +} + +.post-classic-comments a, +.post-classic-comments a:focus, +.post-classic-comments a:active { + color: inherit; +} + +.post-classic-comments a:hover { + color: #01b3a7; +} + +.post-classic-comments span+* { + margin-left: 6px; +} + +.post-classic-time .icon { + position: relative; + top: -2px; + font-size: 20px; +} + +.post-classic-time span+* { + margin-left: 3px; +} + +.post-classic-author { + color: #9b9b9b; +} + +.post-classic-author a { + display: inline-block; + margin-left: 5px; +} + +.post-classic-author a, +.post-classic-author a:focus, +.post-classic-author a:active { + color: #01b3a7; +} + +.post-classic-author a:hover { + color: #50ba87; +} + +.post-classic-figure { + display: block; + overflow: hidden; +} + +.post-classic-figure img { + width: 100%; + transition: all 0.3s ease; +} + +.post-classic-gallery { + display: block; + overflow: hidden; +} + +.post-classic-figure-small { + overflow: hidden; +} + +.post-classic-figure-small img { + width: 100%; + transition: all 0.3s ease; +} + +@media (min-width: 992px) { + .desktop .post-classic-figure img, + .desktop .post-classic-figure-small img { + transform: scale(1.1); + will-change: transform; + } + .desktop .post-classic:hover .post-classic-figure img, + .desktop .post-classic:hover .post-classic-figure-small img { + transform: none; + } +} + +*+.post-classic-panel { + margin-top: 20px; +} + +.post-classic-panel+* { + margin-top: 30px; +} + +.post-classic-panel+.owl-carousel { + margin-top: 30px; +} + +*+.post-classic-text { + margin-top: 26px; +} + +*+.post-classic-figure { + margin-top: 30px; +} + +.post-classic+.post-classic { + margin-top: 60px; +} + +@media (max-width: 575.98px) { + .col-custom-right { + display: flex; + align-items: center; + justify-content: space-between; + } + .col-custom-right>div { + max-width: calc(50% - 5px); + } +} + +@media (min-width: 576px) { + .post-classic-figure-small+.post-classic-figure-small { + margin-top: 8%; + } +} + +@media (min-width: 576px) { + .col-custom-left { + max-width: 62.5%; + flex: 0 0 62.5%; + } + .col-custom-right { + max-width: 37.5%; + flex: 0 0 37.5%; + } +} + +.post-modern-figure { + position: relative; + overflow: hidden; + display: block; +} + +.post-modern-figure img { + width: 100%; + transition: all 0.3s ease; +} + +.post-modern-time { + display: inline-block; + position: absolute; + bottom: 0; + left: 0; + padding: 10px 10px 0 1px; + color: #01b3a7; + font-size: 16px; + line-height: 0.5; + letter-spacing: 0.025em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + background: #ffffff; +} + +@media (min-width: 768px) { + .post-modern-time { + font-size: 202px; + } +} + +.post-modern-time::before { + position: absolute; + content: ""; + top: 0; + left: 0; + width: 100%; + height: 15px; + background: inherit; + transform: translate3d(0, -100%, 0) skewX(30deg); + transform-origin: 50% 100%; + will-change: transform; +} + +.post-modern-time .post-modern-time-number { + font-size: 30px; + line-height: 1.1; +} + +@media (min-width: 768px) { + .post-modern-time .post-modern-time-number { + font-size: 40px; + } +} + +.post-modern-time *+.post-modern-time-month { + margin-left: 8px; +} + +.post-modern-text { + letter-spacing: 0.025em; + color: #9b9b9b; +} + +@media (min-width: 992px) { + .desktop .post-modern-figure img { + transform: scale(1.1); + will-change: transform; + } + .desktop .post-modern:hover .post-modern-figure img { + transform: none; + } +} + +@media (min-width: 768px) { + .post-modern-time { + padding-top: 17px; + font-size: 24px; + } +} + +*+.post-modern-title { + margin-top: 26px; +} + +*+.post-modern-text { + margin-top: 12px; +} + +.post-creative { + position: relative; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); + transition: all 0.3s ease-in-out; + z-index: 1; +} + +.post-creative-2 .post-creative-time, +.post-creative-2 .post-creative-author a:hover, +.post-creative-2 .post-creative-title a:hover { + color: #50ba87; +} + +.post-creative-header { + padding: 19px 15px 13px; + font-size: 12px; + font-weight: 500; + letter-spacing: normal; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.post-creative-header>div { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +@media (min-width: 576px) { + .post-creative-header>div { + display: flex; + flex-wrap: wrap; + align-items: flex-end; + justify-content: center; + flex-direction: row; + } +} + +@media (min-width: 576px) { + .post-creative-header>div { + align-items: center; + justify-content: space-between; + } +} + +.post-creative-author { + color: #9b9b9b; +} + +.post-creative-author a, +.post-creative-author a:focus, +.post-creative-author a:active { + color: inherit; +} + +.post-creative-author a:hover { + color: #50ba87; +} + +.post-creative-time { + color: #01b3a7; +} + +.post-creative-figure { + position: relative; + overflow: hidden; + display: block; +} + +.post-creative-figure img { + width: 100%; + transition: all 0.3s ease; +} + +.post-creative-footer { + padding: 24px 15px 27px; +} + +.post-creative-title { + line-height: 1.18; + font-weight: 400; +} + +@media (min-width: 992px) { + .desktop .post-creative { + box-shadow: none; + border: 1px solid #d7d7d7; + } + .desktop .post-creative-figure { + margin-right: -1px; + margin-left: -1px; + } + .desktop .post-creative-figure img { + transform: scale(1.1); + will-change: transform; + } + .desktop .post-creative:hover { + border-color: transparent; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); + } + .desktop .post-creative:hover .post-creative-figure img { + transform: none; + } +} + +@media (min-width: 576px) { + .post-creative-header { + padding-left: 20px; + padding-right: 20px; + } + .post-creative-footer { + padding-left: 20px; + } +} + +.post-aria { + position: relative; +} + +.post-aria-2 .post-aria-time { + color: #01b3a7; +} + +.post-aria-2 .post-aria-list-social .icon::after { + background: #01b3a7; +} + +.post-aria-figure { + display: block; + overflow: hidden; +} + +.post-aria-figure img { + width: 100%; + transition: all 0.3s ease; +} + +.post-aria-footer { + position: relative; + text-align: center; + max-width: 90%; + margin-left: auto; + margin-right: auto; + margin-top: -80px; + padding: 20px 15px; + background: #ffffff; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.27); +} + +.post-aria-title { + font-size: 20px; + letter-spacing: normal; + line-height: 1.2; + margin-bottom: 20px; + font-weight: 600; +} + +.post-aria-time { + font-size: 20px; + font-weight: 500; + letter-spacing: normal; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #01b3a7; +} + +.post-aria-list-social { + font-size: 0; + line-height: 0; + transition: all 0.3s ease; +} + +.post-aria-list-social .icon { + position: relative; + width: 32px; + height: 32px; + font-size: 14px; + line-height: 32px; + border-radius: 50%; + background: #151515; + z-index: 1; +} + +.post-aria-list-social .icon, +.post-aria-list-social .icon:focus, +.post-aria-list-social .icon:active { + color: #ffffff; +} + +.post-aria-list-social .icon:hover { + color: #ffffff; +} + +.post-aria-list-social .icon::after { + display: inline-block; + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + background: #50ba87; + transform: scale(0); + transform-origin: 50% 0; + transition: all 0.3s ease; + z-index: -1; +} + +.post-aria-list-social .icon:hover { + background: transparent; + transition-duration: 0s; + transition-delay: 0.3s; +} + +.post-aria-list-social .icon:hover::after { + transform: none; +} + +@media (min-width: 992px) { + .desktop .post-aria { + padding-bottom: 33px; + } + .desktop .post-aria-figure img { + transform: scale(1.1); + will-change: transform; + } + .desktop .post-aria-footer { + position: absolute; + overflow: hidden; + left: 50%; + bottom: 0; + width: 100%; + transform: translate3d(-50%, 0, 0); + padding: 24px 20px 20px; + transition: all 0.3s ease; + } + .desktop .post-aria-list-social { + overflow: hidden; + height: 0; + } + .desktop .post-aria-list-social li { + transform: translate3d(0, -100%, 0); + opacity: 0; + visibility: hidden; + transition: inherit; + } + .desktop .post-aria:hover .post-aria-figure img { + transform: none; + } + .desktop .post-aria:hover .post-aria-footer { + padding-top: 24px; + } + .desktop .post-aria:hover .post-aria-list-social { + height: 44px; + } + .desktop .post-aria:hover .post-aria-list-social li { + transform: none; + opacity: 1; + visibility: visible; + } + .desktop .post-aria:hover .post-aria-list-social li:nth-child(1) { + transition-delay: 50ms; + } + .desktop .post-aria:hover .post-aria-list-social li:nth-child(2) { + transition-delay: 100ms; + } + .desktop .post-aria:hover .post-aria-list-social li:nth-child(3) { + transition-delay: 150ms; + } + .desktop .post-aria:hover .post-aria-list-social li:nth-child(4) { + transition-delay: 200ms; + } + .desktop .post-aria:hover .post-aria-list-social li:nth-child(5) { + transition-delay: 250ms; + } + .desktop .post-aria:hover .post-aria-list-social li:nth-child(6) { + transition-delay: 300ms; + } + .desktop .post-aria:hover .post-aria-list-social li:nth-child(7) { + transition-delay: 350ms; + } + .desktop .post-aria:hover .post-aria-list-social li:nth-child(8) { + transition-delay: 400ms; + } + .desktop .post-aria:hover .post-aria-list-social li:nth-child(9) { + transition-delay: 450ms; + } + .desktop .post-aria:hover .post-aria-list-social li:nth-child(10) { + transition-delay: 500ms; + } +} + +*+.post-aria-list-social { + margin-top: 3px; +} + +@media (min-width: 992px) { + .post-aria-title { + font-size: 20px; + } + .post-aria-time { + font-size: 16px; + } +} + +@media (min-width: 1200px) { + .post-aria-title { + font-size: 24px; + } + .desktop .post-aria-footer { + padding: 40px; + } +} + +.post-sidebar { + text-align: left; +} + +.post-sidebar h5 { + display: inline-block; + padding: 8px 10px 15px 2px; + min-width: 150px; + font-weight: 400; + letter-spacing: 0.1em; + background: #ffffff; +} + +.post-sidebar .quote-minimal { + padding-bottom: 20px; + border-bottom: 1px solid #e1e1e1; +} + +.post-sidebar .quote-minimal:last-child { + padding-bottom: 0; + border: none; +} + +.post-sidebar .rd-form .form-input { + border-color: #ffffff; + background: #ffffff; +} + +.post-sidebar .form-wrap+.form-button { + margin-top: 14px; +} + +.post-sidebar-item { + background: #f7f7f7; +} + +.post-sidebar-item-inset { + padding: 20px 15px; +} + +.list-categories { + font-size: 16px; + text-align: left; +} + +.list-categories li { + position: relative; + padding-left: 50px; +} + +.list-categories a, +.list-categories a:focus, +.list-categories a:active { + color: inherit; +} + +.list-categories a:hover { + color: #01b3a7; +} + +.list-categories a::before { + position: absolute; + content: ""; + top: 12px; + left: 0; + width: 0; + height: 3px; + background: #01b3a7; + transition: all 0.2s ease; +} + +.list-categories a.active { + color: #01b3a7; +} + +.list-categories a.active::before { + width: 32px; +} + +.list-categories>li+li { + margin-top: 11px; +} + +.post-sidebar-item+.post-sidebar-item { + margin-top: 55px; +} + +@media (min-width: 768px) { + .post-sidebar-item-inset { + padding: 36px 30px; + } + .post-sidebar-item-inset.inset-right-20 { + padding-right: 20px; + } + .list-categories li { + padding-left: 70px; + } + .list-categories a.active::before { + width: 52px; + } +} + +@media (min-width: 1200px) { + .post-sidebar-inset { + padding-left: 70px; + } + .post-sidebar-item-inset { + padding: 36px 34px; + } +} + +.badge { + position: relative; + overflow: hidden; + display: inline-block; + vertical-align: middle; + text-align: center; + padding: 0 0 0 15px; + color: #ffffff; + font-size: 16px; + line-height: 1; + font-weight: 500; + letter-spacing: 0.1em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + background: transparent; + border-radius: 0; + z-index: 1; +} + +.badge>div { + padding: 4px 9px 4px 0; + background: #151515; + transition: background 0.3s ease-in-out; +} + +.badge svg { + position: absolute; + top: 0; + left: 0; + height: 25px; + width: 16px; + transition: inherit; + z-index: -1; +} + +.badge:focus, +.badge:hover { + color: #ffffff; +} + +.badge:focus>div, +.badge:hover>div { + background: #151515; +} + +.badge:focus>svg, +.badge:hover>svg { + fill: #151515; +} + +.badge-primary>div { + background: #01b3a7; +} + +.badge-primary>svg { + fill: #01b3a7; +} + +.badge-secondary>div { + background: #50ba87; +} + +.badge-secondary>svg { + fill: #50ba87; +} + +.badge-secondary-3>div { + background: #50ba87; +} + +.badge-secondary-3>svg { + fill: #50ba87; +} + +.badge-white { + color: #9b9b9b; +} + +.badge-white>div { + background: #ffffff; +} + +.badge-white>svg { + fill: #ffffff; +} + +.badge-white:focus, +.badge-white:hover { + color: #ffffff; +} + +.badge-white:focus>div, +.badge-white:hover>div { + background: #01b3a7; +} + +.badge-white:focus>svg, +.badge-white:hover>svg { + fill: #01b3a7; +} + +.badge-pink>div { + background: #f27474; +} + +.badge-pink>svg { + fill: #f27474; +} + +.badge-yellow-3 { + color: #151515; +} + +.badge-yellow-3>div { + background: #fbe073; +} + +.badge-yellow-3>svg { + fill: #fbe073; +} + +.post-minimal-figure { + display: block; + overflow: hidden; +} + +.post-minimal-figure img { + width: 100%; + transition: all 0.3s ease; +} + +.post-minimal-title { + font-size: 16px; + line-height: 1.5; +} + +.post-minimal-title a, +.post-minimal-title a:focus, +.post-minimal-title a:active { + color: inherit; +} + +.post-minimal-title a:hover { + color: #50ba87; +} + +@media (min-width: 992px) { + .desktop .post-minimal-figure img { + transform: scale(1.1); + will-change: transform; + } + .desktop .post-minimal:hover .post-minimal-figure img { + transform: none; + } +} + +*+.post-minimal-title { + margin-top: 17px; +} + +.post-minimal+.post-minimal { + margin-top: 30px; +} + +.post-minimal-2 { + max-width: 220px; +} + +.post-minimal-2-title a, +.post-minimal-2-title a:focus, +.post-minimal-2-title a:active { + color: #50ba87; +} + +.post-minimal-2-title a:hover { + color: #01b3a7; +} + +.post-minimal-2-time { + font-size: 12px; + line-height: 1; + font-weight: 500; + letter-spacing: 0.075em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #151515; +} + +*+.post-minimal-2 { + margin-top: 24px; +} + +*+.post-minimal-2-time { + margin-top: 10px; +} + +.post-minimal-2+.post-minimal-2 { + margin-top: 26px; +} + +.blog-post { + text-align: left; + padding-bottom: 40px; + border-bottom: 1px solid #dddddd; +} + +.blog-post-tags { + font-size: 16px; + font-weight: 500; + letter-spacing: 0.1em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.blog-post-tags a, +.blog-post-tags a:focus, +.blog-post-tags a:active { + color: #9b9b9b; +} + +.blog-post-tags a:hover { + color: #01b3a7; +} + +.blog-post-tags a::after { + content: ", "; + pointer-events: none; +} + +.blog-post-tags a:last-child::after { + display: none; +} + +*+.blog-post-bottom-panel { + margin-top: 30px; +} + +*+.blog-post-comments { + margin-top: 60px; +} + +@media (min-width: 768px) { + *+.blog-post-comments { + margin-top: 100px; + } +} + +.post-ruth { + padding: 15px; + border: 1px solid #e1e1e1; +} + +.post-ruth .unit-left { + flex-basis: 40%; +} + +.post-ruth-figure { + display: block; + overflow: hidden; +} + +.post-ruth-figure img { + width: 100%; + transition: all 0.3s ease-in-out; +} + +.post-ruth-title { + font-weight: 400; + line-height: 1.2; +} + +.post-ruth-time { + font-size: 16px; + font-weight: 500; + letter-spacing: 0.075em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #9b9b9b; +} + +*+.post-ruth-title { + margin-top: 10px; +} + +*+.post-ruth-badge { + margin-top: 12px; +} + +@media (min-width: 768px) { + .post-ruth { + padding: 20px; + } +} + +@media (min-width: 992px) { + .post-ruth { + padding: 18px 22px; + } + .desktop .post-ruth-figure img { + transform: scale(1.1); + will-change: transform; + } + .desktop .post-ruth:hover .post-ruth-figure img { + transform: none; + } +} + +@media (min-width: 1200px) { + .post-ruth-title { + max-width: 94%; + } + .post-ruth-body { + padding-bottom: 10px; + } +} + + +/* +* +* Quotes +*/ + +.quote-classic { + position: relative; + text-align: left; + padding-top: 35px; +} + +.quote-classic-text { + font-size: 20px; + line-height: 1.625; + letter-spacing: 0.025em; +} + +.quote-classic-text::before { + position: absolute; + left: 0; + top: 0; + content: "\201C"; + font-size: 70px; + line-height: 1; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #01b3a7; +} + +.quote-classic-cite { + color: #50ba87; +} + +.quote-classic-big { + padding-top: 40px; +} + +.quote-classic-big .quote-classic-text { + line-height: 1.5; +} + +.quote-classic-big .quote-classic-text::before { + font-size: 90px; +} + +*+.quote-classic { + margin-top: 22px; +} + +*+.quote-classic-cite { + margin-top: 16px; +} + +.quote-classic+p { + margin-top: 30px; +} + +.post-classic+.quote-classic { + margin-top: 20px; +} + +.quote-classic+.quote-classic { + margin-top: 30px; +} + +@media (min-width: 768px) { + .quote-classic { + padding-top: 0; + padding-left: 40px; + } + .quote-classic-text { + font-size: 24px; + } + .quote-classic-text::before { + top: 2px; + left: -4px; + font-size: 91px; + } + .quote-classic-big { + padding-left: 70px; + } + .quote-classic-big .quote-classic-text::before { + top: -8px; + left: 1px; + font-size: 129px; + } + .post-classic+.quote-classic { + margin-top: 40px; + } +} + +.quote-modern { + position: relative; + text-align: left; + padding: 30px 15px; + letter-spacing: 0.025em; + background: #ffffff; + transform: translate3d(0, 0, 0); + backface-visibility: hidden; + filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15)); +} + +.quote-modern::before { + position: absolute; + content: ""; + top: calc(100% - 10px); + left: 60px; + width: 0; + height: 0; + border-style: solid; + border-width: 34px 34px 0 0; + border-color: #ffffff transparent transparent transparent; +} + +.quote-modern-2 .quote-modern-status { + color: #01b3a7; +} + +.quote-modern-figure { + display: inline-block; +} + +.quote-modern-cite { + font-weight: 400; + letter-spacing: 0.075em; +} + +.quote-modern-status { + color: #50ba87; +} + +*+.quote-modern-status { + margin-top: 0; +} + +*+.quote-modern-text { + margin-top: 12px; +} + +@media (min-width: 576px) { + .quote-modern { + padding: 40px 20px; + } +} + +@media (min-width: 992px) { + .quote-modern { + padding-left: 30px; + padding-right: 30px; + } +} + +@media (min-width: 1200px) { + .quote-modern { + padding: 52px 45px 44px; + } + .quote-modern-custom { + padding-left: 30px; + padding-right: 30px; + } +} + +@media (min-width: 1600px) { + .quote-modern-custom { + padding-left: 45px; + padding-right: 45px; + } +} + +.ie-10 .quote-modern, +.ie-11 .quote-modern, +.ie-edge .quote-modern { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); +} + +.ie-10 .quote-modern::before, +.ie-11 .quote-modern::before, +.ie-edge .quote-modern::before { + top: 100%; + border-width: 24px 24px 0 0; + z-index: 1; +} + +.ie-10 .quote-modern::after, +.ie-11 .quote-modern::after, +.ie-edge .quote-modern::after { + position: absolute; + content: ""; + top: calc(100% + 2px); + left: 58px; + width: 0; + height: 0; + border-style: solid; + border-width: 28px 28px 0 0; + border-color: rgba(0, 0, 0, 0.04) transparent transparent transparent; + z-index: 0; +} + +.quote-creative { + text-align: center; + padding: 0 15px 30px; + letter-spacing: 0.025em; + background: #ffffff; + transform: translate3d(0, 0, 0); + backface-visibility: hidden; + filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15)); +} + +.quote-creative-figure { + display: inline-block; + margin-top: -42px; + border: 15px solid #ffffff; + border-radius: 50%; +} + +.quote-creative-cite { + color: #01b3a7; + font-weight: 400; +} + +.quote-creative-cite a, +.quote-creative-cite a:focus, +.quote-creative-cite a:active { + color: inherit; +} + +.quote-creative-cite a:hover { + color: #50ba87; +} + +*+.quote-creative-cite { + margin-top: 18px; +} + +@media (min-width: 768px) { + .quote-creative { + padding: 0 20px 40px; + } +} + +.ie-10 .quote-creative, +.ie-11 .quote-creative, +.ie-edge .quote-creative { + position: relative; + background: transparent; + z-index: 1; +} + +.ie-10 .quote-creative::before, +.ie-11 .quote-creative::before, +.ie-edge .quote-creative::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: #ffffff; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); + z-index: -1; +} + +.ie-10 .quote-creative-figure, +.ie-11 .quote-creative-figure, +.ie-edge .quote-creative-figure { + position: relative; +} + +.ie-10 .quote-creative-figure::before, +.ie-11 .quote-creative-figure::before, +.ie-edge .quote-creative-figure::before { + position: absolute; + content: ""; + top: -16px; + right: -16px; + bottom: -16px; + left: -16px; + border-radius: 50%; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); + z-index: -2; +} + +.quote-nancy { + position: relative; + text-align: left; + letter-spacing: 0.025em; + -webkit-perspective: 1000px; + perspective: 1000px; +} + +.quote-nancy-content { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + transition: all 0.5s ease; +} + +.quote-nancy-body { + position: relative; + padding: 40px 20px 30px; + background: #f7f7f7; + will-change: transform; + -webkit-will-change: transform; + overflow: hidden; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0); + -webkit-clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0); + z-index: 1; +} + +.quote-nancy-figure { + position: absolute; + content: ""; + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + overflow: hidden; + -webkit-clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0); + clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0); +} + +.quote-nancy-figure img { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + min-height: 100%; + min-width: 100%; + width: auto; + height: auto; + max-width: none; +} + +@supports (object-fit: cover) { + .quote-nancy-figure img { + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: none; + transform: none; + object-fit: cover; + -webkit-object-fit: cover; + object-position: center center; + -webkit-object-position: center center; + } +} + +.quote-nancy-quote { + position: relative; + padding-top: 35px; +} + +.quote-nancy-quote h4 { + line-height: 1.2; + font-weight: 300; + letter-spacing: 0.05em; +} + +.quote-nancy-quote::before { + position: absolute; + left: 0; + top: 0; + content: "\201C"; + font-size: 70px; + line-height: 1; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #01b3a7; +} + +.quote-nancy-cite, +.quote-nancy-author { + font-weight: 400; +} + +.quote-nancy-status { + color: #9b9b9b; +} + +@media (min-width: 992px) { + .desktop .quote-nancy:hover .quote-nancy-content { + transform: rotateY(180deg); + -webkit-transform: rotateY(180deg); + } +} + +@media (min-width: 768px) { + .quote-nancy-quote { + padding-top: 0; + padding-left: 40px; + } + .quote-nancy-quote::before { + top: -3px; + left: 0; + font-size: 91px; + } +} + +@media (min-width: 768px) and (max-width: 991.98px) { + .owl-quote .quote-nancy-quote h4 { + font-size: 34px; + } +} + +@media (min-width: 992px) { + .quote-nancy-body { + padding: 60px 30px 40px; + } +} + +*+.quote-nancy-status { + margin-top: 0; +} + +*+.unit { + margin-top: 20px; +} + +.ie-10 .quote-nancy-body::before, +.ie-10 .quote-nancy-figure::before, +.ie-11 .quote-nancy-body::before, +.ie-11 .quote-nancy-figure::before, +.ie-edge .quote-nancy-body::before, +.ie-edge .quote-nancy-figure::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + width: 44px; + background: #ffffff; + -webkit-transform: skew(-45deg); + transform-origin: 100% 100%; + -webkit-transform-origin: 100% 100%; + z-index: 1; +} + +.ie-10 .quote-nancy-figure::before, +.ie-11 .quote-nancy-figure::before, +.ie-edge .quote-nancy-figure::before { + z-index: 1; +} + +.ie-10 .quote-nancy-body, +.ie-11 .quote-nancy-body, +.ie-edge .quote-nancy-body { + transition: opacity 0.05s ease 0.15s; +} + +@media (min-width: 992px) { + .ie-10.desktop .quote-nancy:hover .quote-nancy-content, + .ie-11.desktop .quote-nancy:hover .quote-nancy-content, + .ie-edge.desktop .quote-nancy:hover .quote-nancy-content { + transform: rotateY(180deg); + -webkit-transform: rotateY(180deg); + } + .ie-10.desktop .quote-nancy:hover .quote-nancy-body, + .ie-11.desktop .quote-nancy:hover .quote-nancy-body, + .ie-edge.desktop .quote-nancy:hover .quote-nancy-body { + opacity: 0; + } +} + +.quote-lisa { + text-align: center; + padding: 30px 10px; + letter-spacing: 0.025em; + background: #ffffff; + box-shadow: 2px 3px 6px 0 rgba(0, 0, 0, 0.17); +} + +.quote-lisa-2 .quote-lisa-text::before, +.quote-lisa-2 .quote-lisa-text::after { + color: #01b3a7; +} + +.quote-lisa-2 .quote-lisa-cite a:hover { + color: #01b3a7; +} + +.quote-lisa-2 .quote-lisa-status { + color: #50ba87; +} + +.quote-lisa-body { + max-width: 880px; + margin-left: auto; + margin-right: auto; +} + +.quote-lisa-text { + position: relative; + padding-left: 20px; + padding-right: 20px; +} + +.quote-lisa-text::before, +.quote-lisa-text::after { + position: absolute; + font-size: 48px; + line-height: 1; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #50ba87; +} + +.quote-lisa-text::before { + left: 0; + top: 4px; + content: "\201C"; +} + +.quote-lisa-text::after { + right: 0; + bottom: -24px; + content: "\201D"; +} + +.quote-lisa-cite { + font-weight: 400; + letter-spacing: 0.075em; +} + +.quote-lisa-cite a:hover { + color: #50ba87; +} + +.quote-lisa-status { + color: #01b3a7; +} + +*+.quote-lisa-status { + margin-top: 0; +} + +*+.quote-lisa-text { + margin-top: 18px; +} + +*+.quote-lisa-cite { + margin-top: 26px; +} + +@media (min-width: 576px) { + .quote-lisa { + padding-left: 15px; + padding-right: 15px; + } + .quote-lisa-text { + padding-left: 30px; + padding-right: 30px; + } +} + +@media (min-width: 992px) { + .quote-lisa { + padding-top: 60px; + padding-bottom: 60px; + } +} + +.quote-minimal { + position: relative; + text-align: left; +} + +.quote-minimal-text { + padding-left: 30px; + font-size: 16px; + line-height: 1.5; + letter-spacing: 0.025em; +} + +.quote-minimal-text::before { + position: absolute; + left: 0; + top: 4px; + content: "\201C"; + font-size: 48px; + line-height: 1; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #01b3a7; +} + +.quote-minimal-cite { + line-height: 1.33; + font-weight: 400; + color: #9b9b9b; +} + +.quote-minimal-source { + display: block; +} + +.quote-minimal-source a, +.quote-minimal-source a:focus, +.quote-minimal-source a:active { + color: #01b3a7; +} + +.quote-minimal-source a:hover { + color: #50ba87; +} + +*+.quote-minimal { + margin-top: 22px; +} + +*+.quote-minimal-cite { + margin-top: 20px; +} + +.quote-minimal+.quote-minimal { + margin-top: 30px; +} + +.quote-jean { + position: relative; + max-width: 520px; + margin-left: auto; + margin-right: auto; + padding-top: 10px; + background-image: url(../images/quote-jean.png); + background-repeat: no-repeat; + background-position: 50% 0; +} + +*+.quote-jean { + margin-top: 16px; +} + +.quote-jean+.isotope-filters { + margin-top: 35px; +} + + +/* +* +* Thumbnails +*/ + +.thumbnail { + position: relative; +} + +.thumbnail-xxs { + max-width: 220px; + margin-left: auto; + margin-right: auto; +} + +.thumbnail-xs { + max-width: 270px; + margin-left: auto; + margin-right: auto; +} + +.thumbnail-sm { + max-width: 370px; + margin-left: auto; + margin-right: auto; +} + +.thumbnail-md { + max-width: 420px; + margin-left: auto; + margin-right: auto; +} + +.thumbnail-lg { + max-width: 570px; + margin-left: auto; + margin-right: auto; +} + +.thumbnail-xl { + max-width: 870px; + margin-left: auto; + margin-right: auto; +} + +.thumbnail-classic { + text-align: left; + overflow: hidden; +} + +.thumbnail-classic-figure { + display: block; +} + +.thumbnail-classic-figure img { + width: 100%; + transition: all 0.3s ease; +} + +.thumbnail-classic-caption { + text-align: center; + position: absolute; + content: ""; + left: 50%; + bottom: 0; + padding: 10px 15px; + min-width: 230px; + transform: translate3d(-50%, 0, 0); + background: #ffffff; + pointer-events: none; + transition: all 0.3s ease; +} + +.thumbnail-classic-caption>[class*="thumbnail-classic-"] { + pointer-events: auto; + width: 100%; +} + +.thumbnail-classic-title-wrap>* { + display: inline-block; + vertical-align: middle; +} + +.thumbnail-classic-title-wrap .icon { + margin-top: 3px; + margin-right: 16px; + font-size: 26px; +} + +.thumbnail-classic-title-wrap .icon img { + display: none; +} + +.thumbnail-classic-title-wrap .icon, +.thumbnail-classic-title-wrap .icon:focus, +.thumbnail-classic-title-wrap .icon:active { + color: #151515; +} + +.thumbnail-classic-title-wrap .icon:hover { + color: #50ba87; +} + +.thumbnail-classic-title { + color: #01b3a7; +} + +.thumbnail-classic-title a, +.thumbnail-classic-title a:focus, +.thumbnail-classic-title a:active { + color: inherit; +} + +.thumbnail-classic-title a:hover { + color: #50ba87; +} + +.thumbnail-classic-text { + display: none; +} + +@media (max-width: 575.98px) { + .thumbnail-custom-mobile { + min-height: 300px; + } + .thumbnail-custom-mobile a { + min-height: inherit; + } + .thumbnail-custom-mobile img { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + min-height: 100%; + min-width: 100%; + width: auto; + height: auto; + max-width: none; + } + @supports (object-fit: cover) { + .thumbnail-custom-mobile img { + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: none; + object-fit: cover; + object-position: center center; + } + } +} + +@media (min-width: 992px) { + .desktop .thumbnail-classic-figure img { + transform: scale(1.1); + will-change: transform; + } + .desktop .thumbnail-classic-caption { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + text-align: inherit; + padding: 20px; + top: 20px; + right: 20px; + bottom: 20px; + left: 20px; + opacity: 0; + visibility: hidden; + transform: translate3d(-20px, -20px, 0); + will-change: transform; + } + .desktop .thumbnail-classic-title-wrap .icon { + margin-right: 24px; + font-size: 36px; + } + .desktop .thumbnail-classic-text { + display: block; + font-size: 13px; + width: 100%; + } + .desktop .thumbnail-classic:hover .thumbnail-classic-figure img { + transform: none; + } + .desktop .thumbnail-classic:hover .thumbnail-classic-caption { + opacity: 1; + visibility: visible; + transform: none; + } +} + +@media (min-width: 1200px) { + .desktop .thumbnail-classic-caption { + padding: 30px; + } + .desktop .thumbnail-classic-text { + font-size: inherit; + } +} + +@media (min-width: 1800px) { + .thumbnail-md .thumbnail-classic-caption { + padding-left: 40px; + padding-right: 40px; + } +} + +*+.thumbnail-classic-text { + margin-top: 14px; +} + +.thumbnail-modern { + text-align: left; +} + +.thumbnail-modern-figure { + position: relative; + overflow: hidden; + display: block; +} + +.thumbnail-modern-figure img { + width: 100%; + transition: inherit; +} + +.thumbnail-modern-title { + font-weight: 400; + transition: all 0.3s ease; +} + +.thumbnail-modern-title a { + transition-property: color; +} + +.thumbnail-modern-subtitle { + color: #9b9b9b; +} + +@media (min-width: 992px) { + .desktop .thumbnail-modern-figure::before { + position: absolute; + content: ""; + top: 0; + width: 0; + bottom: 0; + left: 0; + background: rgba(48, 46, 46, 0.18); + transition: inherit; + visibility: hidden; + opacity: 0; + z-index: 1; + } + .desktop .thumbnail-modern-figure img { + transform: scale(1.1); + transform-origin: 0 50%; + will-change: transform; + } + .desktop .thumbnail-modern:hover .thumbnail-modern-figure img { + transform-origin: 100% 50%; + } + .desktop .thumbnail-modern:hover .thumbnail-modern-title { + color: #01b3a7; + } + .desktop .thumbnail-modern:hover .thumbnail-modern-figure:before { + width: 100%; + visibility: visible; + opacity: 1; + } +} + +*+.thumbnail-modern-caption { + margin-top: 18px; +} + +*+.thumbnail-modern-subtitle { + margin-top: 2px; +} + +.thumbnail-creative { + overflow: hidden; + text-align: left; +} + +.thumbnail-creative-figure { + display: block; +} + +.thumbnail-creative-figure img { + width: 100%; + transition: all 0.3s ease; +} + +.thumbnail-creative-caption { + text-align: center; + padding: 15px; + background: #303233; +} + +.thumbnail-creative-caption>* { + position: relative; + z-index: 1; +} + +.thumbnail-creative-title { + color: #ffffff; + transition-delay: 0s; +} + +.thumbnail-creative-time { + font-size: 16px; + font-weight: 500; + letter-spacing: 0.075em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + text-transform: uppercase; + color: #01b3a7; + transition-delay: 0.5s; +} + +.thumbnail-creative-button { + transition-delay: 0.1s; +} + +.thumbnail-creative-button .button { + padding-left: 20px; + padding-right: 20px; + font-weight: 600; + min-width: 125px; +} + +.thumbnail-creative-button .button::after { + border-color: #ffffff; +} + +.thumbnail-creative-button .button:hover, +.thumbnail-creative-button .button:active { + color: #ffffff; + background: transparent; + border-color: #ffffff; +} + +@media (min-width: 992px) { + .desktop .thumbnail-creative-figure img { + transform: scale(1.1); + transform-origin: 100% 50%; + will-change: transform; + } + .desktop .thumbnail-creative-caption { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + text-align: inherit; + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 50%; + min-width: 180px; + padding: 30px 15px 30px 30px; + background: transparent; + } + .desktop .thumbnail-creative-caption::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: #303233; + transform: translate3d(200%, 0, 0); + will-change: transform; + visibility: hidden; + opacity: 0; + transition: all 0.3s ease; + } + .desktop .thumbnail-creative-title, + .desktop .thumbnail-creative-time, + .desktop .thumbnail-creative-button { + transform: translate3d(-40px, 0, 0); + will-change: transform; + opacity: 0; + visibility: hidden; + transition: all 0.3s ease; + } + .desktop .thumbnail-creative:hover .thumbnail-creative-figure img { + transform-origin: 0 50%; + } + .desktop .thumbnail-creative:hover .thumbnail-creative-caption::before { + transform: none; + visibility: visible; + opacity: 1; + } + .desktop .thumbnail-creative:hover .thumbnail-creative-title, + .desktop .thumbnail-creative:hover .thumbnail-creative-time, + .desktop .thumbnail-creative:hover .thumbnail-creative-button { + transform: none; + opacity: 1; + visibility: visible; + } + .desktop .thumbnail-creative:hover .thumbnail-creative-title { + transition-delay: 0.25s; + } + .desktop .thumbnail-creative:hover .thumbnail-creative-time { + transition-delay: 0.32s; + } + .desktop .thumbnail-creative:hover .thumbnail-creative-button { + transition-delay: 0.39s; + } +} + +*+.thumbnail-creative-time { + margin-top: 5px; +} + +*+.thumbnail-creative-button { + margin-top: 12px; +} + +.thumbnail-mary { + text-align: center; + overflow: hidden; + transition: all 0.3s ease; +} + +.thumbnail-mary::before, +.thumbnail-mary::after { + position: absolute; + content: ""; + transition: inherit; + pointer-events: none; +} + +.thumbnail-mary::before { + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(25, 24, 24, 0.45); + z-index: 1; +} + +.thumbnail-mary::after { + display: inline-block; + top: 10px; + right: 10px; + bottom: 10px; + left: 10px; + border: 1px solid rgba(255, 255, 255, 0.5); + z-index: 1; +} + +.thumbnail-mary-2::after { + display: none; +} + +.thumbnail-mary-2 .thumbnail-mary-caption .icon:hover { + color: #01b3a7; +} + +.thumbnail-mary-3::before { + background: rgba(22, 46, 68, 0.37); +} + +.thumbnail-xxs .thumbnail-mary-caption .icon { + font-size: 30px; +} + +.thumbnail-mary-figure { + display: block; +} + +.thumbnail-mary-figure img { + width: 100%; + transition: all 0.3s ease; +} + +.thumbnail-mary-caption { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + z-index: 1; +} + +.thumbnail-mary-caption>* { + pointer-events: auto; +} + +.thumbnail-mary-caption .icon { + font-size: 36px; +} + +.thumbnail-mary-caption .icon img { + display: none; +} + +.thumbnail-mary-caption .icon, +.thumbnail-mary-caption .icon:focus, +.thumbnail-mary-caption .icon:active { + color: #ffffff; +} + +.thumbnail-mary-caption .icon:hover { + color: rgba(255, 255, 255, 0.5); +} + +.thumbnail-mary-title { + color: #ffffff; +} + +.thumbnail-mary-title a, +.thumbnail-mary-title a:focus, +.thumbnail-mary-title a:active { + color: inherit; +} + +.thumbnail-mary-title a:hover { + color: #01b3a7; +} + +.thumbnail-mary-project { + font-weight: 400; +} + +.thumbnail-mary-time { + font-weight: 400; + color: #01b3a7; +} + +.owl-timeline .thumbnail-mary-decor { + display: inline-block; + position: relative; + margin: 15px 0 14px; + width: 14px; + height: 14px; + border-radius: 50%; + background: #01b3a7; +} + +.owl-timeline .thumbnail-mary-decor::before, +.owl-timeline .thumbnail-mary-decor::after { + display: inline-block; + position: absolute; + content: ""; + top: 0; + left: 0; + width: inherit; + height: inherit; + border-radius: inherit; + opacity: 1; + transform: none; + visibility: visible; +} + +.owl-timeline .thumbnail-mary-decor::before { + background: rgba(1, 179, 167, 0.5); + animation: item1B 1s ease infinite; +} + +.owl-timeline .thumbnail-mary-decor::after { + background: rgba(1, 179, 167, 0.3); + animation: item1A 1s ease infinite; +} + +.thumbnail-mary-description .thumbnail-mary-decor { + display: none; +} + +@media (min-width: 992px) { + .desktop .thumbnail-mary::before { + opacity: 0; + visibility: hidden; + } + .desktop .thumbnail-mary::after { + transform: scale(0.85); + opacity: 0; + visibility: hidden; + } + .desktop .thumbnail-mary-figure img { + transform: scale(1.2); + will-change: transform; + } + .desktop .thumbnail-mary-caption .icon, + .desktop .thumbnail-mary-title { + opacity: 0; + visibility: hidden; + transition: all 0.3s ease; + } + .desktop .thumbnail-mary-caption .icon { + transform: translate3d(0, -10px, 0); + } + .desktop .thumbnail-mary-title { + transform: translate3d(0, 10px, 0); + } + .desktop .thumbnail-mary:hover::before { + opacity: 1; + visibility: visible; + } + .desktop .thumbnail-mary:hover::after { + opacity: 1; + visibility: visible; + transform: none; + } + .desktop .thumbnail-mary:hover .thumbnail-mary-figure img { + transform: none; + } + .desktop .thumbnail-mary:hover .icon, + .desktop .thumbnail-mary:hover .thumbnail-mary-title { + opacity: 1; + visibility: visible; + transform: none; + } + .desktop .owl-timeline:hover .thumbnail-mary-decor::before, + .desktop .owl-timeline:hover .thumbnail-mary-decor::after { + animation: none; + } + .desktop .owl-timeline:hover .owl-stage>.owl-item:hover .thumbnail-mary-decor::before { + animation: item1B 1s ease infinite; + } + .desktop .owl-timeline:hover .owl-stage>.owl-item:hover .thumbnail-mary-decor::after { + animation: item1A 1s ease infinite; + } +} + +@keyframes item1B { + 25% { + opacity: 1; + transform: none; + visibility: visible; + } + 100% { + opacity: 0; + transform: scale(3); + visibility: hidden; + } +} + +@keyframes item1A { + 100% { + opacity: 0; + transform: scale(4); + visibility: hidden; + } +} + +*+.thumbnail-mary-title { + margin-top: 16px; +} + +*+.thumbnail-mary-description { + margin-top: 30px; +} + +.thumbnail-joan { + text-align: center; + overflow: hidden; + transition: all 0.3s ease; +} + +.thumbnail-joan::before { + position: absolute; + content: ""; + transition: inherit; + pointer-events: none; +} + +.thumbnail-joan::before { + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(22, 46, 68, 0.37); + z-index: 1; +} + +.thumbnail-joan-figure { + display: block; +} + +.thumbnail-joan-figure img { + width: 100%; + transition: all 0.3s ease; +} + +.thumbnail-joan-caption { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + z-index: 1; +} + +.thumbnail-joan-caption>* { + pointer-events: auto; +} + +.thumbnail-joan-title { + color: #ffffff; +} + +.thumbnail-joan-title a, +.thumbnail-joan-title a:focus, +.thumbnail-joan-title a:active { + color: inherit; +} + +.thumbnail-joan-title a:hover { + color: #01b3a7; +} + +@media (min-width: 992px) { + .desktop .thumbnail-joan::before { + opacity: 0; + visibility: hidden; + } + .desktop .thumbnail-joan-figure img { + transform: scale(1.2); + will-change: transform; + } + .desktop .thumbnail-joan-title { + opacity: 0; + visibility: hidden; + transition: all 0.3s ease; + transform: translate3d(0, 10px, 0); + } + .desktop .thumbnail-joan:hover::before { + opacity: 1; + visibility: visible; + } + .desktop .thumbnail-joan:hover .thumbnail-joan-figure img { + transform: none; + } + .desktop .thumbnail-joan:hover .thumbnail-joan-title { + opacity: 1; + visibility: visible; + transform: none; + } +} + +.thumbnail-instafeed { + padding-bottom: 72%; +} + +.thumbnail-instafeed .thumbnail-mary-figure img { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + min-height: 100%; + min-width: 100%; + width: auto; + height: auto; + max-width: none; +} + +@media (min-width: 992px) { + .desktop .thumbnail-instafeed .thumbnail-mary-figure img { + transform: translate(-50%, -50%) scale(1.1); + } + .desktop .thumbnail-instafeed:hover .thumbnail-mary-figure img { + transform: translate(-50%, -50%); + } +} + +.single-project .button { + min-width: 230px; +} + +.single-project p+p { + margin-top: 24px; +} + +@media (min-width: 576px) { + .single-project { + text-align: left; + } + .single-project .title-decoration-lines-bottom+p { + margin-top: 38px; + } +} + +@media (min-width: 1200px) { + .single-project h4+p { + margin-top: 24px; + } +} + +@media (min-width: 1200px) { + .single-project-3 { + margin-right: 70px; + } +} + +.single-project-4 h4 { + line-height: 1.2; +} + +@media (min-width: 1200px) { + .single-project-4 { + margin-left: 40px; + } +} + +.single-tour-price .product-big-price-wrap { + right: 16px; +} + +.single-tour-title { + padding-top: 40px; +} + +@media (min-width: 576px) { + .single-tour-title { + padding-top: 0; + text-align: left; + } +} + +@media (min-width: 768px) { + .single-tour-title { + padding-right: 80px; + text-align: left; + } +} + +@media (min-width: 992px) { + .single-tour-title { + padding-right: 100px; + } +} + +.single-project-aside { + padding-top: 30px; + border-top: 1px solid #e1e1e1; +} + +@media (min-width: 576px) { + .single-project-aside { + text-align: left; + } +} + +@media (min-width: 992px) { + .single-project-aside { + padding-left: 40px; + padding-top: 0; + border-left: 1px solid #e1e1e1; + border-top: none; + } +} + +@media (min-width: 1200px) { + .single-project-aside { + padding-left: 70px; + } + .single-project-aside .divider { + width: 65%; + } + .single-project-aside *+.button { + margin-top: 50px; + } +} + +.single-project-aside-title { + font-weight: 400; + letter-spacing: 0.075em; +} + +.single-project-aside-title+.list-description { + margin-top: 28px; +} + +.project-navigation-arrow-prev, +.project-navigation-arrow-next { + position: absolute; + top: 50%; + display: none; + align-items: center; + justify-content: space-between; + height: 58px; + width: 52px; + font-size: 0; + line-height: 58px; + background: #ffffff; + transform: translate3d(0, -50%, 0); + transition: all 0.25s ease; +} + +.project-navigation-arrow-prev::before, +.project-navigation-arrow-prev::after, +.project-navigation-arrow-next::before, +.project-navigation-arrow-next::after { + display: inline-block; + vertical-align: middle; + content: ""; + transition: all 0.3s ease-in-out; +} + +.project-navigation-arrow-prev::before, +.project-navigation-arrow-next::before { + height: 2px; + width: 25px; + background-color: #9b9b9b; +} + +.project-navigation-arrow-prev::after, +.project-navigation-arrow-next::after { + width: 0; + height: 0; + border-style: solid; +} + +.project-navigation-arrow-prev:hover::before, +.project-navigation-arrow-next:hover::before { + background-color: #151515; +} + +.project-navigation-arrow-prev:hover::after, +.project-navigation-arrow-next:hover::after { + border-left-color: #151515; + border-right-color: #151515; +} + +.project-navigation-arrow-prev { + flex-direction: row-reverse; + left: 0; + padding-left: 5px; + padding-right: 13px; +} + +.project-navigation-arrow-prev::after { + border-width: 4px 6px 4px 0; + border-color: transparent #9b9b9b transparent transparent; +} + +.project-navigation-arrow-prev:hover { + padding-left: 0; + padding-right: 8px; +} + +.project-navigation-arrow-next { + right: 0; + padding-left: 13px; + padding-right: 5px; +} + +.project-navigation-arrow-next::after { + border-width: 4px 0 4px 6px; + border-color: transparent transparent transparent #9b9b9b; +} + +.project-navigation-arrow-next:hover { + padding-left: 8px; + padding-right: 0; +} + +@media (min-width: 768px) { + .project-navigation { + position: relative; + padding: 20px 70px; + background: #f7f7f7; + } + .project-navigation-arrow-prev, + .project-navigation-arrow-next { + display: flex; + } +} + +.project-minimal { + text-align: center; +} + +.project-minimal-figure { + display: block; + overflow: hidden; +} + +.project-minimal-figure img { + width: 100%; + transition: all 0.3s ease; +} + +.project-minimal-title { + font-size: 18px; + line-height: 1.25; + font-weight: 500; + letter-spacing: 0.025em; +} + +.project-minimal-title a, +.project-minimal-title a:focus, +.project-minimal-title a:active { + color: inherit; +} + +.project-minimal-title a:hover { + color: #01b3a7; +} + +.project-minimal-text { + color: #9b9b9b; +} + +*+.project-minimal-title { + margin-top: 10px; +} + +.project-minimal-title a { + display: block; +} + +.project-minimal-title a span { + display: block; + font-size: 20px; + font-weight: 500; +} + +@media (min-width: 992px) { + .desktop .project-minimal-figure img { + transform: scale(1.1); + will-change: transform; + } + .desktop .project-minimal:hover .project-minimal-figure img { + transform: none; + } +} + +@media (min-width: 1200px) { + .project-minimal-title { + font-size: 24px; + } +} + +.thumbnail-info { + width: 100%; + position: relative; +} + +.thumbnail-info .counter-classic-number { + font-size: 36px; +} + +@media (min-width: 576px) { + .thumbnail-info .counter-classic-number { + font-size: 80px; + } +} + +.thumbnail-info .thumbnail-info-figure { + position: absolute; + left: 50%; + top: 50%; + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + width: 91%; + height: 91%; + transform: translate(-50%, -50%); + padding: 10px 10px; + background-color: #ffffff; + align-items: center; + text-align: center; +} + +@media (min-width: 576px) { + .thumbnail-info .thumbnail-info-figure { + padding: 30px 20px; + } +} + +.thumbnail-info .thumbnail-info-figure .counter, +.thumbnail-info .thumbnail-info-figure .symbol { + font-size: 36px; + line-height: 1.1; + font-weight: 700; + margin-bottom: 5px; +} + +@media (min-width: 576px) { + .thumbnail-info .thumbnail-info-figure .counter, + .thumbnail-info .thumbnail-info-figure .symbol { + font-size: 80px; + } +} + +.thumbnail-info .thumbnail-info-figure .info-description { + margin: 0 auto; + font-size: 18px; + color: #151515; + line-height: 1.1; + font-weight: 600; +} + +@media (min-width: 576px) { + .thumbnail-info .thumbnail-info-figure .info-description { + max-width: 60%; + font-size: 24px; + } +} + + +/* +* +* Breadcrumbs +*/ + +.breadcrumbs-custom { + position: relative; + overflow: hidden; + padding: 40px 0; + text-align: center; + background-color: #cccccc; + z-index: 1; +} + +.breadcrumbs-custom-path { + margin-left: -15px; + margin-right: -15px; + font-size: 14px; + line-height: 1.33; + font-weight: 500; + letter-spacing: 0.1em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.breadcrumbs-custom-path>* { + padding-left: 15px; + padding-right: 15px; +} + +.breadcrumbs-custom-path a { + display: inline; + vertical-align: middle; + color: #ffffff; +} + +.breadcrumbs-custom-path a, +.breadcrumbs-custom-path a:active, +.breadcrumbs-custom-path a:focus { + color: #ffffff; +} + +.breadcrumbs-custom-path a:hover { + text-decoration: underline; +} + +.breadcrumbs-custom-path li { + position: relative; + display: inline-block; + vertical-align: middle; +} + +.breadcrumbs-custom-path li::after { + content: "/"; + display: inline-block; + position: absolute; + top: 50%; + right: -8px; + color: white; + transform: translate3d(0, -50%, 0); +} + +.breadcrumbs-custom-path li:last-child:after { + display: none; +} + +.breadcrumbs-custom-path a:hover { + color: #ffffff; +} + +.breadcrumbs-custom-path li.active { + color: rgba(255, 255, 255, 0.53); +} + +*+.breadcrumbs-custom-path { + margin-top: 14px; +} + +@media (min-width: 576px) { + *+.breadcrumbs-custom-path { + margin-top: 18px; + } +} + +@media (min-width: 1200px) { + .breadcrumbs-custom { + padding: 150px 0; + } +} + +@media (min-width: 1600px) { + .breadcrumbs-custom-inset { + max-width: 1920px; + margin-left: auto; + margin-right: auto; + padding-left: 75px; + padding-right: 75px; + } +} + + +/* +* +* Pagination custom +*/ + +.pagination { + align-items: center; + justify-content: center; + font-size: 0; + line-height: 0; + margin-bottom: -14px; + margin-left: -14px; +} + +.pagination:empty { + margin-bottom: 0; + margin-left: 0; +} + +.pagination>* { + display: inline-block; + margin-top: 0; + margin-bottom: 14px; + margin-left: 14px; +} + +@media (min-width: 576px) { + .pagination { + margin-bottom: -18px; + margin-left: -18px; + } + .pagination:empty { + margin-bottom: 0; + margin-left: 0; + } + .pagination>* { + display: inline-block; + margin-top: 0; + margin-bottom: 18px; + margin-left: 18px; + } +} + +.page-item { + display: inline-block; + vertical-align: middle; + text-align: center; +} + +.page-item:first-child .page-link, +.page-item:last-child .page-link { + color: #151515; + border-radius: 50%; +} + +.page-item:first-child .page-link:hover, +.page-item:first-child .page-link:focus, +.page-item:first-child .page-link:active, +.page-item:last-child .page-link:hover, +.page-item:last-child .page-link:focus, +.page-item:last-child .page-link:active { + color: #01b3a7; +} + +.page-item:last-child .page-link { + padding: 4px 4px 2px 6px; +} + +.page-item:first-child .page-link { + padding: 4px 6px 2px 4px; +} + +@media (min-width: 576px) { + .page-item:last-child .page-link { + padding: 8px 8px 6px 10px; + } + .page-item:first-child .page-link { + padding: 8px 10px 6px 8px; + } +} + +.page-link { + display: inline-block; + min-width: 38px; + padding: 6px 5px 4px; + font-size: 20px; + line-height: 1.2; + font-weight: 400; + letter-spacing: 0.075em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #151515; + background-color: #ffffff; + border-radius: 50%; + border: 2px solid transparent; + box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.17); + transition: all 0.3s ease-in-out; +} + +.page-link .icon { + font-size: 22px; +} + +@media (min-width: 576px) { + .page-link { + min-width: 45px; + padding: 9px 9px 7px; + font-size: 24px; + line-height: 1.04167; + } +} + +.page-link:hover, +.page-link:focus, +.page-link:active { + color: #50ba87; + background-color: transparent; + border-color: transparent; +} + +.page-item.active>.page-link, +.page-item.active>.page-link:hover, +.page-item.active>.page-link:focus, +.page-item.active>.page-link:active { + color: #50ba87; + background-color: transparent; + border-color: transparent; +} + +.page-item.disabled>.page-link, +.page-item.disabled>.page-link:hover, +.page-item.disabled>.page-link:focus, +.page-item.disabled>.page-link:active { + color: #151515; + background-color: transparent; + border-color: transparent; +} + +.page-item-control .icon::before { + font-family: "FontAwesome"; + line-height: 25px; +} + +.page-item-control:first-child .icon::before { + content: "\f0d9"; + margin-left: -1px; +} + +.page-item-control:last-child .icon::before { + content: "\f0da"; + margin-right: -1px; +} + +*+.pagination-wrap { + margin-top: 50px; +} + + +/* +* +* Snackbars +*/ + +.snackbars { + padding: 9px 16px; + margin-left: auto; + margin-right: auto; + color: #ffffff; + text-align: left; + background-color: #151515; + border-radius: 0; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); + font-size: 14px; +} + +.snackbars .icon-xxs { + font-size: 18px; +} + +.snackbars p span:last-child { + padding-left: 14px; +} + +.snackbars-left { + display: inline-block; + margin-bottom: 0; +} + +.snackbars-right { + display: inline-block; + float: right; + text-transform: uppercase; +} + +.snackbars-right:hover { + text-decoration: underline; +} + +@media (min-width: 576px) { + .snackbars { + max-width: 540px; + padding: 12px 15px; + font-size: 15px; + } +} + + +/* +* +* Footers +*/ + +.footer-classic { + color: rgba(255, 255, 255, 0.3); + background: #ffffff; +} + +.footer-classic h1, +.footer-classic h2, +.footer-classic h3, +.footer-classic h4, +.footer-classic h5, +.footer-classic h6, +.footer-classic [class*="heading-"] { + color: rgba(255, 255, 255, 0.15); +} + +.footer-classic .contact-classic-title { + color: #01b3a7; +} + +.footer-classic .contact-classic-link { + color: #ffffff; +} + +.footer-bottom-panel { + padding-top: 30px; + padding-bottom: 30px; +} + +.footer-classic-2 .box-footer { + background: #11263a; +} + +.footer-classic-2 .footer-list-category a:hover { + color: #01b3a7; +} + +.footer-classic-2 .footer-list-category a:hover span::before { + border-right-color: #01b3a7; +} + +.footer-classic-2 .footer-list-category a:hover span::after { + background-color: #01b3a7; +} + +.box-footer { + text-align: left; + min-height: 100%; + padding: 40px 15px; + letter-spacing: 0.025em; + background: #2c2e31; +} + +.box-footer a, +.box-footer a:focus, +.box-footer a:active { + color: #ffffff; +} + +.box-footer a:hover { + color: #50ba87; +} + +.box-footer .form-wrap+* { + margin-top: 12px; +} + +.box-footer *+.rd-form { + margin-top: 20px; +} + +.box-footer .form-validation { + color: #ffffff; +} + +.box-footer .form-label { + top: 32px; + font-size: 16px; + color: #ffffff; +} + +.box-footer .form-input { + font-size: 16px; + padding-top: 18px; + padding-bottom: 18px; + border: none; + color: #ffffff; + background: rgba(255, 255, 255, 0.06); +} + +.box-footer textarea.form-input { + height: 160px; +} + +.box-footer .button.button-ujarak::before { + background: #ffffff; +} + +.box-footer .button.button-ujarak:hover, +.box-footer .button.button-ujarak:active { + color: #151515; + border-color: #ffffff; +} + +.box-footer-small { + padding-top: 45px; +} + +.contact-classic .unit-left { + min-width: 45px; +} + +.contact-classic a { + display: inline-block; +} + +.contact-classic-item { + padding: 20px 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.15); +} + +.contact-classic-title { + margin-top: 2px; + letter-spacing: 0.025em; + color: #01b3a7; +} + +.contact-classic-link { + color: #ffffff; +} + +*+.contact-classic { + margin-top: 3px; +} + +.footer-brand+p { + margin-top: 22px; +} + +@media (min-width: 480px) { + .box-footer { + padding: 40px 30px; + } +} + +@media (min-width: 992px) { + .box-footer *+.rd-form { + margin-top: 8px; + } +} + +@media (min-width: 1200px) and (max-width: 1399px) { + .box-footer { + padding-left: 20px; + padding-right: 20px; + } +} + +@media (min-width: 1800px) { + .box-footer { + padding: 60px 60px 50px; + } +} + +.box-footer-2 { + text-align: left; + padding: 30px 20px; + min-height: 100%; + background: #ffffff; + border: 1px solid #e1e1e1; +} + +.box-footer-2 .footer-contacts .icon { + color: #01b3a7; +} + +.box-footer-form { + padding: 30px 20px; + background: #01b3a7; +} + +.box-footer-form .form-input { + min-height: 50px; + padding-top: 12px; + padding-bottom: 12px; +} + +.box-footer-form .form-label { + top: 25px; +} + +.box-footer-form textarea.form-input { + height: 116px; + max-height: 197px; +} + +.box-footer-form .button { + min-width: auto; + padding-left: 20px; + padding-right: 20px; +} + +.box-footer-form .form-wrap+* { + margin-top: 10px; +} + +.ios .box-footer-form .form-label, +.iphone .box-footer-form .form-label, +.ipad .box-footer-form .form-label, +.mac-os .box-footer-form .form-label { + top: 13px; + transform: none; +} + +.box-footer-2-title { + letter-spacing: 0.025em; +} + +.box-footer-2-text { + letter-spacing: 0.025em; + color: #9b9b9b; +} + +*+.box-footer-2-text { + margin-top: 8px; +} + +@media (min-width: 768px) { + .box-footer-2 { + border: none; + } +} + +@media (min-width: 992px) { + .box-footer-2 { + padding: 35px 30px 25px; + } + .box-footer-2 .footer-contacts li+li { + margin-top: 28px; + } + .box-footer-form { + padding: 35px 25px; + } + .box-footer-2-text+.footer-contacts { + margin-top: 40px; + } +} + +@media (min-width: 1200px) { + .box-footer-2-text+.footer-contacts { + margin-top: 50px; + } +} + +.footer-social-list .icon { + position: relative; + text-align: center; + width: 46px; + height: 46px; + font-size: 20px; + line-height: 46px; + border-radius: 50%; + box-shadow: inset 0 0 0 4px #3a3e43; + transition: color 0.3s; + z-index: 1; +} + +.footer-social-list .icon, +.footer-social-list .icon:focus, +.footer-social-list .icon:active { + color: #ffffff; +} + +.footer-social-list .icon:hover { + color: #01b3a7; +} + +.footer-social-list .icon::after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding: 2px; + border-radius: 50%; + background: #3a3e43; + pointer-events: none; + transition: transform 0.2s, opacity 0.3s; + z-index: -1; +} + +.footer-social-list .icon:hover:after { + opacity: 0; + transform: scale(1.3); +} + +*+.footer-social-list { + margin-top: 26px; +} + +@media (min-width: 480px) { + .footer-social-list .icon { + width: 56px; + height: 56px; + font-size: 25px; + line-height: 56px; + } +} + +.footer-list-category li { + font-weight: 400; + border-bottom: 1px solid rgba(255, 255, 255, 0.15); +} + +.footer-list-category li:first-child { + border-top: 1px solid rgba(255, 255, 255, 0.15); +} + +.footer-list-category a { + position: relative; + display: block; + padding: 22px 40px 20px 2px; + transition: color 0.3s ease-in-out, all 0.3s ease; +} + +.footer-list-category a, +.footer-list-category a:focus, +.footer-list-category a:active { + color: #ffffff; +} + +.footer-list-category a:hover { + color: #01b3a7; +} + +.footer-list-category a span { + display: inline-flex; + align-items: center; + justify-content: center; + position: absolute; + top: 38%; + right: 0; + font-size: 0; + line-height: 0; + padding-left: 6px; + padding-right: 6px; +} + +.footer-list-category a span::before, +.footer-list-category a span::after { + display: inline-block; + vertical-align: middle; + content: ""; + transition: all 0.2s ease-in-out; +} + +.footer-list-category a span::before { + width: 0; + height: 0; + border-style: solid; + border-width: 6px 10px 6px 0; + border-color: transparent rgba(255, 255, 255, 0.1) transparent transparent; +} + +.footer-list-category a span::after { + width: 0; + height: 2px; + background-color: rgba(255, 255, 255, 0.1); +} + +.footer-list-category a:hover { + letter-spacing: 0.1em; +} + +.footer-list-category a:hover span::before { + border-right-color: #01b3a7; +} + +.footer-list-category a:hover span::after { + width: 30px; + margin-left: 7px; + background-color: #01b3a7; +} + +*+.footer-list-category { + margin-top: 20px; +} + +@media (min-width: 480px) { + .footer-list-category a { + padding-right: 160px; + } + .footer-list-category a:hover { + letter-spacing: 0.2em; + } + .footer-list-category a:hover span::after { + width: 123px; + } +} + +@media (min-width: 992px) { + *+.footer-list-category { + margin-top: 8px; + } +} + +@media (min-width: 1200px) and (max-width: 1399px) { + .footer-list-category a { + padding-right: 130px; + } + .footer-list-category a:hover { + letter-spacing: 0.15em; + } + .footer-list-category a:hover span::after { + width: 90px; + } + .footer-list-category .heading-5 { + font-size: 20px; + } +} + +.footer-variant-2 { + text-align: center; + letter-spacing: 0.025em; +} + +.footer-variant-2 .form-label, +.footer-variant-2 .form-input { + text-align: center; +} + +.footer-variant-2 .rights { + font-size: 12px; +} + +.footer-variant-2 .rd-form *+.button { + margin-top: 10px; +} + +.footer-variant-2 *+.rd-form { + margin-top: 25px; +} + +.footer-variant-2 *+.group-lg { + margin-top: 30px; +} + +.footer-variant-2 *+.row { + margin-top: 24px; +} + +.footer-variant-2 *+.footer-contacts { + margin-top: 22px; + padding-top: 32px; + border-top: 1px solid #d7d7d7; +} + +@media (min-width: 768px) { + .footer-variant-2 { + text-align: left; + } +} + +.footer-variant-2-content { + padding: 50px 0; +} + +@media (min-width: 768px) { + .footer-variant-2-content { + padding-top: 65px; + padding-bottom: 65px; + } +} + +.footer-variant-2-bottom-panel { + padding: 30px 0; +} + +.footer-contacts { + text-align: left; + font-size: 0; + line-height: 0; +} + +.footer-contacts .icon { + vertical-align: middle; + text-align: left; + min-width: 21px; + font-size: 24px; + line-height: 24px; + color: #01b3a7; +} + +.footer-contacts .fa-envelope { + font-size: 20px; +} + +.footer-contacts .fa-clock-o { + font-size: 22px; +} + +.footer-contacts .link-phone { + font-size: 18px; + line-height: 1.34; + letter-spacing: 0.025em; +} + +.footer-contacts .link-location { + max-width: 192px; +} + +.footer-contacts p { + font-size: 14px; + line-height: 1.72; + letter-spacing: 0.025em; +} + +.footer-contacts a { + display: inline-block; + vertical-align: middle; + font-size: 14px; + line-height: 1.72; + letter-spacing: 0.025em; +} + +.footer-contacts a, +.footer-contacts a:focus, +.footer-contacts a:active { + color: #151515; +} + +.footer-contacts a:hover { + color: #01b3a7; +} + +.footer-contacts li+li { + margin-top: 18px; +} + +*+.footer-contacts { + margin-top: 28px; +} + +.footer-social-list-2 .icon { + font-size: 16px; +} + +.footer-social-list-2 a, +.footer-social-list-2 a:focus, +.footer-social-list-2 a:active { + color: #151515; +} + +.footer-social-list-2 a:hover { + color: #50ba87; +} + +.footer-modern { + background: #404040; +} + +.footer-modern .footer-variant-2-bottom-panel { + background: #363636; +} + +.footer-creative { + background: #383b40; +} + +.footer-creative .footer-variant-2-bottom-panel { + background: #2f3439; +} + +.footer-link-list { + display: flex; + flex-wrap: wrap; + justify-content: center; + font-size: 12px; + line-height: 2; + font-weight: 500; + margin-bottom: -5px; + margin-left: -20px; +} + +.footer-link-list:empty { + margin-bottom: 0; + margin-left: 0; +} + +.footer-link-list>* { + display: inline-block; + margin-top: 0; + margin-bottom: 5px; + margin-left: 20px; +} + +.footer-link-list a, +.footer-link-list a:focus, +.footer-link-list a:active { + color: #151515; +} + +.footer-link-list a:hover { + color: #50ba87; +} + +@media (min-width: 768px) { + .footer-link-list { + justify-content: flex-start; + } +} + +@media (min-width: 992px) { + .footer-link-list { + justify-content: space-between; + } +} + +.footer-corporate { + text-align: center; + background: #162e44; +} + +.footer-corporate h6 { + font-size: 16px; +} + +.footer-corporate .footer-contacts .link-phone { + font-size: 14px; + line-height: 1.72; +} + +.footer-corporate .footer-contacts a { + letter-spacing: 0.05em; +} + +.footer-corporate .footer-contacts .link-location { + letter-spacing: 0.025em; +} + +.footer-corporate .footer-contacts .unit { + margin-bottom: -10px; + margin-left: -22px; +} + +.footer-corporate .footer-contacts .unit>* { + margin-bottom: 10px; + margin-left: 22px; +} + +.footer-corporate .rights { + font-size: 12px; +} + +.footer-corporate .list-marked a, +.footer-corporate .list-marked a:focus, +.footer-corporate .list-marked a:active { + color: inherit; +} + +.footer-corporate .list-marked a:hover { + color: #01b3a7; +} + +.footer-corporate .button { + min-width: auto; + padding-left: 30px; + padding-right: 30px; +} + +.footer-corporate *+.list-marked { + margin-top: 22px; +} + +.footer-corporate *+.group-md { + margin-top: 30px; +} + +@media (max-width: 575.98px) { + .footer-corporate .post-minimal-2 { + margin-left: auto; + margin-right: auto; + } + .footer-corporate .list-marked { + text-align: center; + } +} + +@media (min-width: 576px) { + .footer-corporate { + text-align: left; + } +} + +@media (min-width: 768px) and (max-width: 991.98px) { + .footer-corporate .footer-contacts { + margin-bottom: -10px; + margin-left: -40px; + } + .footer-corporate .footer-contacts:empty { + margin-bottom: 0; + margin-left: 0; + } + .footer-corporate .footer-contacts>* { + display: inline-block; + margin-top: 0; + margin-bottom: 10px; + margin-left: 40px; + } + .footer-corporate .footer-contacts .unit { + align-items: center; + } +} + +@media (min-width: 992px) { + .footer-corporate .list-marked { + max-width: 90%; + } +} + +.footer-corporate-2 { + background: #474b4e; +} + +.footer-corporate-2 .footer-corporate-bottom-panel { + background: #3c4043; +} + +.footer-corporate-2 .post-minimal-2-title a, +.footer-corporate-2 .post-minimal-2-title a:focus, +.footer-corporate-2 .post-minimal-2-title a:active { + color: #01b3a7; +} + +.footer-corporate-2 .post-minimal-2-title a:hover { + color: #ffffff; +} + +.footer-corporate-2 .list-custom-2 { + -moz-column-gap: 20px; + -webkit-column-gap: 20px; +} + +@media (min-width: 992px) { + .footer-corporate-2 .list-marked { + max-width: none; + } +} + +.footer-corporate-inset { + padding: 50px 0; +} + +@media (min-width: 992px) { + .footer-corporate-inset { + padding: 65px 0; + } +} + +@media (min-width: 1200px) { + .footer-corporate-inset { + padding-top: 75px; + } +} + +.footer-corporate-bottom-panel { + padding: 30px 0; + background: #11263a; + color: rgba(255, 255, 255, 0.3); +} + +.footer-minimal { + background: #303233; +} + +.footer-minimal .rights { + font-size: 12px; +} + +.footer-minimal-inset { + padding: 40px 0; +} + +.footer-minimal-bottom-panel { + padding: 35px 0; + border-top: 1px solid rgba(255, 255, 255, 0.13); +} + +@media (min-width: 768px) { + .footer-minimal-inset { + padding: 60px 0; + } +} + +.footer-list-category-2 { + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: center; + text-align: left; + font-size: 18px; + line-height: 1.34; + font-weight: 500; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.footer-list-category-2 a, +.footer-list-category-2 a:focus, +.footer-list-category-2 a:active { + color: #ffffff; +} + +.footer-list-category-2 a:hover { + color: #01b3a7; +} + +@media (max-width: 767.98px) { + .footer-list-category-2 { + margin-bottom: -10px; + margin-left: -30px; + } + .footer-list-category-2:empty { + margin-bottom: 0; + margin-left: 0; + } + .footer-list-category-2>* { + display: inline-block; + margin-top: 0; + margin-bottom: 10px; + margin-left: 30px; + } +} + +@media (min-width: 768px) { + .footer-list-category-2 { + justify-content: flex-start; + transform: translate3d(0, -10px, 0); + margin-bottom: -10px; + margin-left: -26px; + margin-right: -26px; + } + .footer-list-category-2>* { + margin-top: 10px; + padding-left: 26px; + padding-right: 26px; + } + .footer-list-category-2>li:not(:first-child) { + border-left: 1px solid rgba(255, 255, 255, 0.2); + } +} + +@media (min-width: 1200px) { + .footer-list-category-2 { + transform: translate3d(0, -10px, 0); + margin-bottom: -10px; + margin-left: -48px; + margin-right: -48px; + } + .footer-list-category-2>* { + margin-top: 10px; + padding-left: 48px; + padding-right: 48px; + } +} + +.section-prefooter { + position: relative; +} + +.section-prefooter .rd-google-map { + height: 250px; +} + +@media (min-width: 768px) { + .section-prefooter .rd-google-map-wrap { + position: absolute; + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + .section-prefooter .rd-google-map { + width: inherit; + height: inherit; + } +} + +.footer-corporate-inset .post-minimal-2 a { + color: #01b3a7; +} + +.footer-corporate-inset .post-minimal-2 a:hover { + color: #50ba87; +} + +.footer-corporate-inset .list-marked li:before { + background: #01b3a7; +} + + +/** +* +* Card +*/ + +.card-form { + background: #ffffff; + transition: all 200ms ease; +} + +.card-form *+.form-wrap { + margin-top: 14px; +} + +*+.card-form { + margin-top: 26px; +} + +.card-login-register { + margin-left: auto; + margin-right: auto; + max-width: 400px; +} + +.card-top-panel { + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.card-form-login { + position: relative; + top: 0; + width: 100%; + z-index: 1; +} + +.card-form-register { + position: relative; + display: none; + z-index: 1; +} + +.card-toggle { + position: relative; + display: inline-block; + vertical-align: middle; + width: 43px; + height: 17px; + background: #f7f7f7; + border: none; + border-radius: 4px; + cursor: pointer; +} + +.card-toggle-circle { + position: absolute; + top: 50%; + left: -4px; + width: 26px; + height: 26px; + background: #ffffff; + border-radius: 50%; + border: 1px solid #e6e6e6; + transform: translateY(-50%); + will-change: transform; + transition: all 0.1s linear; +} + +.card-toggle-circle::before { + position: absolute; + content: ""; + top: 50%; + left: 50%; + width: 8px; + height: 8px; + border-radius: 50%; + background: #01b3a7; + transform: translate(-50%, -50%); + transition: all 0.2s ease-in-out; +} + +.card-subtitle, +.card-top-panel-left { + position: relative; +} + +.card-title { + margin-bottom: 0; + letter-spacing: 0.05em; + transition: all 300ms ease; +} + +.card-subtitle { + top: 2px; + text-align: right; + margin-right: 8px; + font-size: 18px; + letter-spacing: 0.1em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #9b9b9b; + text-transform: uppercase; + transition: all 300ms ease; +} + +.card-subtitle>* { + display: inline-block; +} + +.card-subtitle-login, +.card-title-login { + opacity: 1; + visibility: visible; +} + +.card-subtitle-register, +.card-title-register { + position: absolute; + top: 50%; + left: 50%; + opacity: 0; + visibility: hidden; + transform: translate(-50%, -50%); + will-change: transform; + margin-bottom: 5px; +} + +@media (min-width: 576px) { + .card-subtitle-register, + .card-title-register { + margin-bottom: 0; + } +} + +.card-title-register { + left: 0; +} + +.card-subtitle-register { + right: 0; +} + +.card-toggle-circle:hover::before { + width: 16px; + height: 16px; +} + +.card-toggle.active .card-toggle-circle { + transform: translate(112%, -50%); +} + +.card-login-register.active .card-form-login { + display: none; +} + +.card-login-register.active .card-form-register { + display: block; +} + +.card-login-register.active .card-subtitle-login, +.card-login-register.active .card-title-login { + opacity: 0; + visibility: hidden; +} + +.card-login-register.active .card-subtitle-register, +.card-login-register.active .card-title-register { + opacity: 1; + visibility: visible; +} + +@media (max-width: 575.98px) { + .card-login-register .button-lg { + padding-left: 20px; + padding-right: 20px; + } + .card-top-panel-right { + width: 200px; + margin: 4px auto 0; + } + .card-title-register { + left: 50%; + transform: translate(-50%, -50%); + } +} + +@media (min-width: 576px) { + .card-top-panel { + flex-direction: row; + } + .card-login-register { + max-width: 100%; + } +} + + +/* +* +* Product +*/ + +.product { + position: relative; + text-align: center; + max-width: 270px; + margin-left: auto; + margin-right: auto; +} + +.product.box-ordered-item::before { + position: absolute; + display: inline-block; + text-align: center; + top: 0; + left: 0; + width: 30px; + height: 30px; + padding-top: 2px; + font-size: 18px; + line-height: 28px; + font-weight: 500; + letter-spacing: 0; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + border-radius: 50%; + color: #ffffff; + background: #01b3a7; + transform: translate3d(-50%, -50%, 0); + z-index: 1; +} + +.product-2 { + text-align: left; + max-width: 260px; +} + +.product-2 .unit { + align-items: center; + flex-direction: column; + margin-bottom: -14px; + margin-left: -20px; +} + +.product-2 .unit>* { + margin-bottom: 14px; + margin-left: 20px; +} + +.product-2 .button.button-sm { + min-width: auto; +} + +.product-2 .product-figure { + max-width: 100px; +} + +.product-2 .product-button { + display: none; +} + +.product-2 *+.button { + margin-top: 6px; +} + +@media (min-width: 576px) { + .product-2 { + max-width: none; + } +} + +@media (max-width: 991.98px) { + .product-title { + font-size: 20px; + } +} + +@media (min-width: 992px) { + .product-2 { + text-align: center; + } + .product-2 .product-figure { + max-width: none; + } + .product-2 .product-button { + display: block; + } + .product-2 .button.button-sm { + display: none; + } +} + +.product-figure { + position: relative; + overflow: hidden; + background: #f4f4f4; + transition: all 0.3s ease; +} + +.product-figure img { + width: 100%; + transform: none; + transition: inherit; +} + +.product-button { + margin: 0 10px 10px; +} + +.product-button .button { + width: 100%; +} + +.product-title { + font-weight: 400; +} + +.product-title a, +.product-title a:focus, +.product-title a:active { + color: inherit; +} + +.product-title a:hover { + color: #50ba87; +} + +.product-price { + display: inline-block; + vertical-align: middle; + font-size: 18px; + line-height: 1; + letter-spacing: 0.075em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #01b3a7; +} + +.product-price-old { + color: #9b9b9b; + text-decoration: line-through; +} + +.product-price-old+.product-price { + margin-left: 4px; +} + +@media (min-width: 992px) { + .desktop .product.box-ordered-item::before { + display: none; + } + .desktop .product-figure::before { + position: absolute; + text-align: center; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 0; + visibility: hidden; + background: rgba(17, 17, 17, 0.39); + transition: all 0.3s ease; + pointer-events: none; + z-index: 1; + } + .desktop .product-button { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + margin: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + transform: translate3d(0, 15px, 0); + opacity: 0; + visibility: hidden; + transition: all 0.3s ease; + pointer-events: none; + z-index: 1; + } + .desktop .product-button .button { + width: auto; + pointer-events: auto; + } + .desktop .product.active .product-figure::before, + .desktop .product:hover .product-figure::before { + transform: scale(0.93); + opacity: 1; + visibility: visible; + } + .desktop .product.active .product-figure img, + .desktop .product:hover .product-figure img { + transform: scale(1.04); + } + .desktop .product.active .product-button, + .desktop .product:hover .product-button { + transform: none; + opacity: 1; + visibility: visible; + transition-delay: 0.18s; + } +} + +*+.product-title { + margin-top: 14px; +} + +*+.product-price-wrap { + margin-top: 2px; +} + +.product-minimal { + align-items: center; +} + +.product-minimal-figure { + position: relative; + display: block; + overflow: hidden; + background: #f4f4f4; +} + +.product-minimal-figure::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(17, 17, 17, 0.39); + opacity: 0; + visibility: hidden; + transition: all 0.3s ease; + z-index: 1; +} + +.product-minimal-figure img { + width: 100%; + transform: none; + transition: all 0.3s ease; +} + +.product-minimal-title { + font-weight: 400; +} + +.product-minimal-title a, +.product-minimal-title a:focus, +.product-minimal-title a:active { + color: inherit; +} + +.product-minimal-title a:hover { + color: #50ba87; +} + +.product-minimal-price { + display: inline-block; + vertical-align: middle; + font-size: 18px; + line-height: 1; + letter-spacing: 0.075em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #01b3a7; +} + +.product-minimal:hover .product-minimal-figure::before { + transform: scale(0.9); + opacity: 1; + visibility: visible; +} + +.product-minimal:hover .product-minimal-figure img { + transform: scale(1.1); +} + +*+.product-minimal-price { + margin-top: 6px; +} + +.product-top-panel { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} + +.product-top-panel-title { + font-size: 16px; + letter-spacing: 0.075em; +} + +@media (min-width: 768px) { + .product-top-panel { + justify-content: space-between; + } +} + +.product-sidebar { + text-align: left; +} + +.product-sidebar .button { + min-width: 115px; +} + +.product-sidebar h5 { + font-weight: 400; + letter-spacing: 0.1em; +} + +.product-sidebar h5+* { + margin-top: 26px; +} + +.list-shop-filter .checkbox, +.list-shop-filter .checkbox-inline { + color: #151515; +} + +.list-shop-filter li { + display: flex; + align-items: center; + justify-content: space-between; + padding: 18px 0; +} + +.list-shop-filter li>span { + color: #01b3a7; + letter-spacing: 0.075em; +} + +.list-shop-filter li:first-child { + padding-top: 0; +} + +.list-shop-filter li:last-child { + padding-bottom: 0; +} + +.list-shop-filter li+li { + margin: 0; + border-top: 1px solid #e1e1e1; +} + +.list-popular-product-item { + padding: 26px 0; +} + +.list-popular-product-item:first-child { + padding-top: 0; +} + +.list-popular-product-item:last-child { + padding-bottom: 0; +} + +.list-popular-product-item+.list-popular-product-item { + margin: 0; + border-top: 1px solid #e1e1e1; +} + +h5+.list-popular-product { + margin-top: 18px; +} + +.single-product { + text-align: center; + letter-spacing: 0.025em; +} + +.single-product .button { + min-width: 176px; +} + +.single-product h3+.group-md { + margin-top: 10px; +} + +.single-product .group-md+p { + margin-top: 20px; +} + +@media (min-width: 768px) { + .single-product { + text-align: left; + } +} + +.single-product-price { + display: inline-block; + vertical-align: middle; + font-size: 24px; + line-height: 1; + letter-spacing: 0.05em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #01b3a7; +} + +.list-description { + text-align: left; +} + +.list-description li>* { + display: inline-block; + vertical-align: middle; +} + +.list-description li span:first-child { + margin-right: 6px; +} + +.list-description li span:last-child { + color: #9b9b9b; +} + +.list-description li+li { + margin-top: 7px; +} + +.social-title { + font-size: 16px; + line-height: 1; + font-weight: 500; + letter-spacing: 0.1em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.social-list .icon { + font-size: 20px; +} + +.social-list .icon, +.social-list .icon:focus, +.social-list .icon:active { + color: inherit; +} + +.social-list .icon:hover { + color: #01b3a7; +} + +.box-rating .icon { + font-size: 19px; + color: #ffcc00; +} + +.box-rating .icon+.icon { + margin-left: 4px; +} + +.cart-product-price { + letter-spacing: 0.025em; +} + +.cart-product-price sup { + display: inline-block; + margin-right: 5px; + font-size: 50%; +} + +.box-radio { + text-align: left; + padding: 28px 15px 18px; + border: 1px solid #e1e1e1; +} + +.radio-panel-content { + height: 0; + max-height: 0; + opacity: 0; + letter-spacing: 0.025em; + color: #9b9b9b; +} + +.radio-panel .radio-inline.active+.radio-panel-content { + opacity: 1; + height: 100%; + max-height: 100%; + transition: opacity 0.3s ease-out; +} + +*+.radio-panel-content { + margin-top: 8px; +} + +*+.box-radio { + margin-top: 25px; +} + +.radio-panel+.radio-panel { + margin-top: 15px; +} + +@media (min-width: 576px) { + .box-radio { + padding-left: 24px; + padding-right: 24px; + } +} + +.product-image-map { + position: relative; +} + +.product-image-map img { + display: block; + width: 100%; +} + +[class*="product-image-marker"] { + position: absolute; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + width: 43px; + height: 43px; + padding: 0 4px; + background: rgba(1, 179, 167, 0.79); + border-radius: 50%; + cursor: pointer; + z-index: 1; +} + +[class*="product-image-marker"] span { + width: 25px; + height: 25px; + padding-top: 2px; + font-size: 18px; + line-height: 24px; + font-weight: 500; + letter-spacing: 0; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + border-radius: inherit; + background: #ffffff; +} + +[class*="product-image-marker"]::before, +[class*="product-image-marker"]::after { + display: inline-block; + position: absolute; + content: ""; + top: 0; + left: 0; + width: inherit; + height: inherit; + border-radius: inherit; + opacity: 0; + visibility: visible; + will-change: transform; + pointer-events: none; + transform: none; + z-index: -1; +} + +[class*="product-image-marker"]::before { + opacity: 1; + transform: scale(1.3); + background: rgba(1, 179, 167, 0.46); +} + +[class*="product-image-marker"]::after { + background: rgba(1, 179, 167, 0.3); +} + +.product-image-marker-1-1 { + bottom: 39%; + left: 43%; +} + +.product-image-marker-1-2 { + bottom: 43%; + left: 25%; +} + +.product-image-marker-1-3 { + bottom: 23%; + left: 26%; +} + +.product-image-marker-1-4 { + top: 17%; + right: 32%; +} + +.product-image-marker-2-1 { + top: 30%; + left: 45%; +} + +.product-image-marker-2-2 { + bottom: 39%; + right: 32%; +} + +.product-image-marker-2-3 { + bottom: 18%; + left: 15%; +} + +.product-image-marker-2-4 { + bottom: 46%; + left: 5%; +} + +@media (min-width: 992px) { + .desktop [class*="product-image-marker"]:hover::before, + .desktop [class*="product-image-marker"].active::before { + animation: item1B 1s ease infinite; + } + .desktop [class*="product-image-marker"]:hover::after, + .desktop [class*="product-image-marker"].active::after { + animation: item1A 1s ease infinite; + } +} + +@media (max-width: 1199.98px) { + .tablet [class*="product-image-marker"]::before, + .mobile [class*="product-image-marker"]::before { + animation: item1B 1s ease infinite; + } + .tablet [class*="product-image-marker"]::after, + .mobile [class*="product-image-marker"]::after { + animation: item1A 1s ease infinite; + } +} + +@keyframes item1B { + 0% { + opacity: 0; + transform: none; + } + 25% { + opacity: 1; + transform: none; + visibility: visible; + } + 100% { + opacity: 0; + transform: scale(1.8); + visibility: hidden; + } +} + +@keyframes item1A { + 5% { + opacity: 1; + } + 100% { + opacity: 0; + transform: scale(2.5); + visibility: hidden; + } +} + +.product-categories { + display: flex; + justify-content: center; + align-items: center; + min-height: 120px; + padding: 10px 15px 20px; +} + +.product-categories-body { + transition: all 0.3s ease; +} + +*+.product-categories-title { + margin-top: 10px; +} + +@media (min-width: 768px) { + .product-categories { + min-height: 150px; + padding: 20px 20px 30px; + } +} + +@media (min-width: 992px) { + .desktop .product-categories:hover { + background: #f7f7f7; + } + .desktop .product-categories:hover .product-categories-body { + transform: translate3d(0, -6px, 0); + } +} + +@media (min-width: 1200px) { + .product-categories { + min-height: 183px; + } +} + +.box-categories { + position: relative; + text-align: left; + max-width: 370px; + width: 100%; + margin-left: auto; + margin-right: auto; + background: #ffffff; + transition: all 0.3s ease; + z-index: 1; +} + +.box-categories::before { + position: absolute; + content: ""; + top: 12px; + right: 12px; + bottom: 12px; + left: 12px; + border: 1px solid #e1e1e1; + background: transparent; + will-change: transform; + pointer-events: none; + transition: inherit; + z-index: -1; +} + +.box-categories-content { + margin: 0 auto; +} + +.box-categories-title { + font-weight: 400; + letter-spacing: 0.1em; +} + +.box-categories-list { + letter-spacing: 0.025em; +} + +.box-categories-list li { + transition: all 0.2s ease; +} + +.box-categories-list li::before { + transition: all 0.3s ease-in-out; +} + +.box-categories-list a, +.box-categories-list a:focus, +.box-categories-list a:active { + color: inherit; +} + +.box-categories-list a:hover { + color: #01b3a7; +} + +*+.box-categories-list { + margin-top: 20px; +} + +.product-big { + position: relative; + text-align: left; +} + +.product-big .unit { + margin-bottom: -30px; + margin-left: 0; +} + +.product-big .unit>* { + margin-bottom: 30px; + margin-left: 0; +} + +.product-big .unit-body { + display: flex; + align-items: center; +} + +.product-big *+.group-sm { + margin-top: 12px; +} + +.product-big *+.button { + margin-top: 25px; + min-width: 170px; + padding: 17px 28px 15px; +} + +.product-big-figure { + position: relative; + overflow: hidden; + display: block; +} + +.product-big-title { + font-weight: 500; + letter-spacing: normal; + font-size: 21px; +} + +.product-big-rating .icon { + font-size: 19px; + letter-spacing: 0; + line-height: 24px; + color: #ffcc00; +} + +.product-big-rating .icon+.icon { + margin-left: 0; +} + +.product-big-reviews { + display: inline-block; + font-size: 12px; + font-weight: 500; + letter-spacing: 0.1em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.product-big-reviews, +.product-big-reviews:focus, +.product-big-reviews:active { + color: #9b9b9b; +} + +.product-big-reviews:hover { + color: #50ba87; +} + +.product-big-text { + letter-spacing: 0.025em; + color: #9b9b9b; +} + +.product-big-price-wrap { + position: absolute; + overflow: hidden; + text-align: center; + padding: 8px 10px 6px; + top: 0; + right: 0; + font-size: 18px; + line-height: 1; + font-weight: 500; + letter-spacing: 0.025em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: rgba(255, 255, 255, 0.4); + background: transparent; + z-index: 1; +} + +.product-big-price-wrap>* { + display: block; +} + +.product-big-price-wrap::before { + position: absolute; + content: ""; + bottom: 0; + left: 14px; + width: 400%; + height: 100%; + background: #01b3a7; + transform: skew(45deg); + transform-origin: 50% 100%; + will-change: transform; + pointer-events: none; + z-index: -1; +} + +.product-big-price { + font-size: 21px; + letter-spacing: 0.025em; + color: #ffffff; +} + +*+.product-big-text { + margin-top: 6px; +} + +@media (min-width: 768px) { + .product-big { + border: 1px solid #e1e1e1; + } + .product-big .unit { + min-height: 366px; + } + .product-big .unit-left { + flex-basis: 45%; + } + .product-big-body { + padding: 30px 70px 30px 10%; + } + .product-big-figure { + min-height: 100%; + } + .product-big-figure img { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + min-height: 100%; + min-width: 100%; + width: auto; + height: auto; + max-width: none; + } + @supports (object-fit: cover) { + .product-big-figure img { + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: none; + object-fit: cover; + object-position: center center; + } + } + .product-big-price-wrap { + top: -1px; + right: -1px; + padding: 20px 10px 16px; + font-size: 20px; + } + .product-big-price-wrap::before { + left: 24px; + } +} + +@media (min-width: 992px) { + .product-big .unit-left { + flex-basis: 50%; + } + .product-big-body { + padding-left: 12%; + padding-right: 85px; + } + .product-big-price-wrap { + font-size: 24px; + padding: 30px 17px 26px; + } + .desktop .product-big-figure img { + transform: translate(-50%, -50%) scale(1.2); + transition: all 0.3s ease; + } + @supports (object-fit: cover) { + .desktop .product-big-figure img { + transform: scale(1.1); + } + } + .desktop .product-big:hover .product-big-figure img { + transform: translate(-50%, -50%) scale(1); + } + @supports (object-fit: cover) { + .desktop .product-big:hover .product-big-figure img { + transform: none; + } + } +} + +.ie-edge .product-big .unit, +.ie-10 .product-big .unit, +.ie-11 .product-big .unit { + height: 366px; +} + +.cta-box-wrap { + max-width: 100%; + background: none; +} + +.cta-box-wrap:before { + display: none; +} + +.cta-box-wrap .box-categories-content { + width: 100%; +} + +.cta-box-wrap .list-marked-2 { + overflow: hidden; + margin-bottom: 30px; + margin-top: 0; +} + +.cta-box-wrap .list-marked-2:hover img { + transform: scale(1.1); + transition: all ease 0.35s; +} + +.cta-box-wrap .list-marked-2 img { + transition: all ease 0.35s; +} + +@media (min-width: 768px) { + .cta-box-wrap .list-marked-2 { + margin-bottom: 0; + } +} + +.cta-box-wrap .list-marked-2 li { + position: relative; + text-align: center; + text-indent: 0; + padding: 0; +} + +.cta-box-wrap .list-marked-2 li .box-categories-title { + position: absolute; + font-weight: 700; + max-width: 94%; + width: 100%; + left: 50%; + transform: translateX(-50%); + bottom: 8%; + color: #ffffff; + letter-spacing: normal; +} + +@media (min-width: 1200px) { + .cta-box-wrap .list-marked-2 li .box-categories-title { + font-size: 24px; + } +} + +.cta-box-wrap .list-marked-2 li a { + display: block; +} + +.cta-box-wrap .list-marked-2 li:before { + display: none; +} + +.cta-box-wrap+.link-classic { + font-weight: 500; + font-size: 16px; + text-transform: none; + color: #151515; +} + +.cta-box-wrap+.link-classic:focus, +.cta-box-wrap+.link-classic:active { + color: #151515; +} + +.cta-box-wrap+.link-classic span { + opacity: 1; +} + +.cta-box-wrap+.link-classic span:before { + background-color: #151515; +} + +.cta-box-wrap+.link-classic span:after { + margin-left: 0; +} + + +/* +* +* Headings +*/ + +.title-classic { + display: flex; + flex-wrap: nowrap; + flex-direction: column; + align-items: center; + text-align: center; + margin-bottom: -15px; + margin-left: -32px; +} + +.title-classic:empty { + margin-bottom: 0; + margin-left: 0; +} + +.title-classic>* { + display: inline-block; + margin-top: 0; + margin-bottom: 15px; + margin-left: 32px; +} + +.title-classic-title { + flex-shrink: 0; +} + +.title-classic-title>h3 { + margin-top: 6px; +} + +.title-classic-text { + font-size: 16px; + padding-top: 20px; + border-top: 1px solid #e1e1e1; +} + +*+.title-classic-text { + margin-top: 0; +} + +@media (min-width: 576px) { + .title-classic { + text-align: left; + flex-direction: row; + } + .title-classic-text { + padding-top: 0; + padding-left: 28px; + border-top: none; + border-left: 1px solid #e1e1e1; + } +} + +@media (min-width: 768px) { + .title-classic-text { + font-size: 18px; + } +} + +.title-modern { + user-select: none; + letter-spacing: 0.05em; +} + +.title-modern>span { + position: absolute; + left: 50%; + font-size: 7.8em; + letter-spacing: 0.01em; + line-height: 0.92; + color: rgba(255, 255, 255, 0.07); + transform: translate3d(-50%, 0, 0); + will-change: transform; + animation: titleColor 3s linear infinite; + font-size: 6.8em; +} + +@media (min-width: 576px) { + .title-modern>span { + font-size: 7.8em; + } +} + +.subtitle-404 { + line-height: 0.9; + text-transform: uppercase; + letter-spacing: 0.05em; + font-size: 2.5em; + display: block; +} + +@media (min-width: 576px) { + .subtitle-404 { + font-size: 3.2em; + } +} + +@media (min-width: 768px) { + .subtitle-404 { + font-size: 4em; + } +} + +@media (min-width: 992px) { + .subtitle-404 { + font-size: 7.8em; + } +} + +.subtitle-503 { + line-height: 1.2; + text-transform: uppercase; + letter-spacing: 0.05em; + font-size: 2.5em; + display: block; +} + +@media (min-width: 576px) { + .subtitle-503 { + font-size: 3.2em; + } +} + +@media (min-width: 768px) { + .subtitle-503 { + font-size: 4em; + } +} + +@media (min-width: 992px) { + .subtitle-503 { + font-size: 5em; + } +} + +@media (min-width: 1200px) { + .section-single .section-503 .button { + margin-top: 120px; + } +} + +h1.title-modern>span { + top: -95px; +} + +@media (min-width: 768px) { + h1.title-modern>span { + top: -130px; + } +} + +@media (min-width: 992px) { + h1.title-modern>span { + top: -123px; + } +} + +h2.title-modern { + font-weight: 300; +} + +h2.title-modern>span { + top: -70px; + font-size: 5.86em; +} + +@media (min-width: 768px) { + h2.title-modern>span { + top: -90px; + } +} + +@media (min-width: 992px) { + h2.title-modern>span { + top: -120px; + } +} + +@media (min-width: 1200px) { + h2.title-modern>span { + top: -135px; + } +} + +@keyframes titleColor { + 50% { + color: rgba(255, 255, 255, 0.3); + } + 100% { + color: rgba(255, 255, 255, 0.07); + } +} + +.title-opacity-9 { + color: rgba(21, 21, 21, 0.09); +} + +*+.heading-panel-subtitle { + margin-top: 10px; +} + +.heading-panel+.owl-services-2 { + margin-top: 50px; +} + +.heading-panel+.owl-quote-2 { + margin-top: 35px; +} + +@media (max-width: 575.98px) { + .heading-panel *+.owl-custom-nav { + margin-top: 20px; + } +} + +@media (min-width: 576px) { + .heading-panel { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + } + .heading-panel-left { + position: relative; + text-align: left; + margin-top: 4px; + padding-left: 110px; + } + .heading-panel-decor { + font-size: 0; + line-height: 0; + flex-grow: 1; + height: 0; + margin: 0 10px; + border-top: 1px solid #dfdfdf; + } + .heading-panel-title { + position: absolute; + top: 50%; + left: 0; + color: rgba(21, 21, 21, 0.09); + transform: translate3d(0, -50%, 0); + } + *+.heading-panel-subtitle { + margin-top: 0; + } +} + +@media (min-width: 768px) { + .heading-panel-left { + padding-left: 160px; + margin-top: 8px; + } +} + +@media (min-width: 992px) { + .heading-panel { + padding: 10px 0; + } + .heading-panel-left { + padding-left: 200px; + } +} + +@media (min-width: 1200px) { + .heading-panel { + padding-bottom: 30px; + } + .heading-panel-left { + padding-left: 240px; + } + .heading-panel-title { + top: 60%; + } +} + + +/* +* +* Services +*/ + +.services-classic { + text-align: left; + max-width: 370px; + margin-left: auto; + margin-right: auto; +} + +.services-classic-figure { + position: relative; + overflow: hidden; + display: block; +} + +.services-classic-figure img { + width: 100%; + transition: all 0.3s ease; +} + +.services-classic-caption { + display: flex; + align-items: center; + position: relative; + padding: 25px 0 14px 20px; + border-bottom: 1px solid #e1e1e1; + transition: all 0.3s ease; +} + +.services-classic-caption::before { + position: absolute; + content: ""; + top: 54%; + left: 1px; + height: 34px; + width: 1px; + background: #e1e1e1; + transform: translate3d(0, -50%, 0); + transition: height 0.3s ease 0.3s, width 0.3s ease 0s; +} + +.services-classic-counter { + letter-spacing: 0.05em; + color: rgba(21, 21, 21, 0.2); + transition: inherit; +} + +.services-classic-title { + margin-left: 16px; + max-width: 262px; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +.services-classic-title a { + transition: all 0.3s ease-in-out, color 0.3s ease-in-out; +} + +*+.services-classic-title { + margin-top: 0; +} + +@media (min-width: 992px) { + .desktop .services-classic-figure img { + transform: scale(1.1); + will-change: transform; + } + .desktop .services-classic:hover .services-classic-figure img { + transform: none; + } + .desktop .services-classic:hover .services-classic-caption { + padding-left: 58px; + transition-delay: 0.3s; + } + .desktop .services-classic:hover .services-classic-caption::before { + height: 1px; + width: 40px; + transition-delay: 0s, 0.3s; + } + .desktop .services-classic:hover .services-classic-counter { + color: #151515; + } + .desktop .services-classic:hover .services-classic-title { + letter-spacing: 0.2em; + } + .desktop .services-classic:hover .services-classic-title a { + transition-delay: 0.3s, 0s; + } +} + +@media (min-width: 768px) { + .services-classic-title { + margin-bottom: 4px; + } + .services-classic-caption::before { + height: 40px; + } +} + +.services-modern { + position: relative; +} + +.services-modern-content-wrap { + overflow: hidden; + clip-path: polygon( calc(50% - 25px) 25px, calc(50% + 25px) 25px, calc(50% + 50px) 0, 100% 0, 100% 100%, 0 100%, 0 0, calc(50% - 50px) 0); +} + +.services-modern-content { + transition: all 0.3s ease; +} + +.services-modern-figure { + display: block; + background: #363b3e; +} + +.services-modern-figure img { + width: 100%; + transition: inherit; +} + +.services-modern-title { + font-weight: 400; +} + +.services-modern-title a, +.services-modern-title a:focus, +.services-modern-title a:active { + color: inherit; +} + +.services-modern-title a:hover { + color: #50ba87; +} + +.services-modern-counter { + position: absolute; + top: -20px; + left: 50%; + font-size: 48px; + line-height: 1; + font-weight: 400; + letter-spacing: 0.05em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: rgba(21, 21, 21, 0.3); + transform: translate3d(-50%, 0, 0); + transition: all 0.3s ease-in-out; +} + +*+.services-modern-title { + margin-top: 18px; +} + +@media (min-width: 992px) { + .desktop .services-modern:hover .services-modern-content { + transform: translate3d(0, -30px, 0); + } + .desktop .services-modern:hover .services-modern-figure img { + opacity: 0.5; + } + .desktop .services-modern:hover .services-modern-counter { + transform: translate3d(-50%, -10px, 0); + color: #50ba87; + } +} + +.single-service { + text-align: left; +} + +.single-service h3+p { + margin-top: 14px; +} + +.single-service *+.quote-classic { + margin-top: 34px; +} + +.single-service *+.list-marked { + margin-top: 24px; +} + +.single-service .quote-classic+p { + margin-top: 35px; +} + + +/* +* +* Team +*/ + +.team-classic { + position: relative; + overflow: hidden; + text-align: left; + max-width: 370px; + margin-left: auto; + margin-right: auto; +} + +.team-classic-2 .team-classic-status { + color: #50ba87; +} + +.team-classic-figure { + display: block; +} + +.team-classic-figure img { + width: 100%; + filter: grayscale(100%); + transition: all 0.3s ease; +} + +.team-classic-caption { + position: absolute; + overflow: hidden; + left: 0; + bottom: 27px; + width: 80%; + min-width: 300px; + margin-left: -25px; + padding: 15px 20px 15px 50px; + transition: all 0.3s ease; + z-index: 1; +} + +.team-classic-caption::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(17, 17, 17, 0.5); + transform: skew(10deg); + transform-origin: 50% 100%; + z-index: -1; +} + +.team-classic-name { + color: #ffffff; +} + +.team-classic-name a, +.team-classic-name a:focus, +.team-classic-name a:active { + color: inherit; +} + +.team-classic-name a:hover { + color: #01b3a7; +} + +.team-classic-status { + line-height: 1.5; + color: #01b3a7; + letter-spacing: 0.025em; +} + +*+.team-classic-status { + margin-top: 0; +} + +@media (min-width: 576px) { + .team-classic-lg { + max-width: 420px; + } + .team-classic-lg .team-classic-caption { + bottom: 44px; + margin-left: -30px; + padding: 15px 20px 15px 85px; + } +} + +@media (min-width: 992px) { + .desktop .team-classic:hover .team-classic-figure img { + filter: grayscale(0); + } + .desktop .team-classic:hover .team-classic-caption { + margin-left: 0; + } +} + +@media (min-width: 1200px) { + .team-classic-lg .team-classic-caption { + bottom: 10%; + padding: 15px 6% 15px 18%; + } +} + +@media (min-width: 1200px) and (max-width: 1399px) { + .team-classic-lg .team-classic-caption { + min-width: 260px; + } +} + +.team-modern { + position: relative; + text-align: center; + max-width: 270px; + margin-left: auto; + margin-right: auto; + line-height: 0; +} + +.team-modern svg path { + fill: #f7f7f7; +} + +.team-modern-caption { + padding: 7px 14px 48px; + background: #f7f7f7; +} + +.team-modern-header { + position: relative; + overflow: hidden; + padding-top: 12px; + padding-bottom: 32px; +} + +.team-modern-header svg { + position: absolute; + left: 50%; + bottom: 0; + transform: translate3d(-50%, 0, 0); +} + +.team-modern-figure { + position: relative; + display: block; + top: 0; + width: 100%; + max-width: 118px; + max-height: 118px; + margin: 0 auto; + transition: all 0.3s ease; + z-index: 1; +} + +.team-modern-figure::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 50%; + border: 4px solid transparent; + transition: all 0.3s ease-in-out; +} + +.team-modern-status { + color: #01b3a7; + letter-spacing: 0.025em; + line-height: 1.71429; + font-weight: 500; +} + +.team-modern-phone { + font-weight: 500; +} + +.team-modern-name { + font-weight: 600; +} + +@media (min-width: 992px) { + .desktop .team-modern:hover .team-modern-figure { + top: -10px; + } + .desktop .team-modern:hover .team-modern-figure::before { + border-color: #01b3a7; + } + .desktop .team-modern-2:hover .team-modern-figure::before { + border-color: #50ba87; + } +} + +*+.team-modern-status { + margin-top: 4px; +} + +*+.team-modern-phone { + margin-top: 10px; +} + +.team-creative { + max-width: 370px; + margin-left: auto; + margin-right: auto; +} + +.team-creative-figure { + display: block; +} + +.team-creative-figure img { + width: 100%; +} + +.team-creative-caption { + position: relative; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + padding: 33px 0 13px; + transition: all 0.3s ease; +} + +.team-creative-name { + font-weight: 400; +} + +.team-creative-status { + font-size: 16px; + line-height: 1.2; + font-weight: 500; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: rgba(21, 21, 21, 0.45); + transition: all 0.2s ease-in-out; +} + +.team-creative-decor-bottom { + position: absolute; + bottom: 0; + left: 0; + height: 2px; + width: 100%; + background: #151515; +} + +.team-creative-decor-bottom::before { + position: absolute; + content: ""; + right: 0; + bottom: 0; + width: 0; + height: inherit; + background: #01b3a7; + transition: all 0.2s ease 0.2s; +} + +.team-creative-decor-left { + position: absolute; + bottom: 2px; + left: 0; + width: 0; + height: 0; + transition: height 0.15s ease 0.15s, width 0.15s ease 0s; +} + +.team-creative-decor-left::before, +.team-creative-decor-left::after { + position: absolute; + content: ""; + background: #01b3a7; +} + +.team-creative-decor-left::before { + bottom: 0; + left: 0; + width: 2px; + height: 100%; +} + +.team-creative-decor-left::after { + top: 0; + left: 2px; + height: 2px; + width: 100%; +} + +@media (min-width: 1200px) { + .desktop .team-creative:hover .team-creative-caption { + padding-left: 44px; + transition-delay: 0.2s; + } + .desktop .team-creative:hover .team-creative-decor-bottom::before { + width: 100%; + transition-delay: 0s; + } + .desktop .team-creative:hover .team-creative-decor-left { + width: 32px; + height: 32px; + transition-delay: 0.2s, 0.35s; + } + .desktop .team-creative:hover .team-creative-status { + color: #01b3a7; + } +} + +*+.team-creative-status { + margin-top: 0; +} + +.team-nikki { + max-width: 270px; + margin-left: auto; + margin-right: auto; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); +} + +.team-nikki-figure { + display: block; + overflow: hidden; +} + +.team-nikki-figure img { + width: 100%; + transition: all 0.3s ease; +} + +.team-nikki-caption { + position: relative; + padding: 22px 15px 24px; + background: #ffffff; + z-index: 1; + transition: all 0.3s ease-in-out; +} + +.team-nikki-name { + position: relative; + font-weight: 400; +} + +.team-nikki-status { + font-size: 16px; + line-height: 1.2; + font-weight: 500; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #01b3a7; + transition: all 0.3s ease-in-out; +} + +.team-nikki-arrow { + position: absolute; + text-align: center; + top: -10px; + left: 50%; + width: 43px; + height: 43px; + border-radius: 50%; + color: #50ba87; + background: #ffffff; + transform: translate3d(-50%, 0, 0); + transition: all 0.3s ease-in-out; + z-index: -1; +} + +.team-nikki-arrow::before { + display: inline-block; + content: "\f106"; + font-size: 18px; + line-height: 27px; + font-family: "FontAwesome"; + transform: none; + transition: transform 0.3s ease; +} + +@media (min-width: 992px) { + .desktop .team-nikki-figure img { + transform: scale(1.1); + will-change: transform; + } + .desktop .team-nikki:hover .team-nikki-figure img { + transform: none; + } + .desktop .team-nikki:hover .team-nikki-caption { + background: #01b3a7; + } + .desktop .team-nikki:hover .team-nikki-name, + .desktop .team-nikki:hover .team-nikki-status { + color: #ffffff; + } + .desktop .team-nikki:hover .team-nikki-arrow { + background: #01b3a7; + color: #ffffff; + } + .desktop .team-nikki:hover .team-nikki-arrow::before { + transform: rotate(180deg); + } + .desktop .team-nikki:hover .team-nikki-name a:focus, + .desktop .team-nikki:hover .team-nikki-name a:hover { + color: rgba(255, 255, 255, 0.7); + } +} + +*+.team-nikki-status { + margin-top: 2px; +} + +.clients-classic { + position: relative; + display: block; + max-width: 270px; + margin-left: auto; + margin-right: auto; + background: #ffffff; + border: 1px solid #e1e1e1; + transition: all 0.3s ease-in-out; +} + +.clients-classic::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 1px solid transparent; + transition: all 0.3s ease; + will-change: transform; +} + +.clients-classic img { + width: 100%; + opacity: 0.5; +} + +@media (min-width: 992px) { + .desktop .clients-classic img { + will-change: transform; + transition: all 0.3s ease; + } + .desktop .clients-classic:hover { + border-color: #151515; + } + .desktop .clients-classic:hover::before { + transform: scale(0.94, 0.9); + border-color: #151515; + } + .desktop .clients-classic:hover img { + opacity: 1; + transform: scale(0.9); + } + .desktop .context-dark .clients-classic:hover, + .desktop .bg-gray-dark .clients-classic:hover, + .desktop .bg-primary .clients-classic:hover { + border-color: rgba(255, 255, 255, 0.6); + } + .desktop .context-dark .clients-classic:hover::before, + .desktop .bg-gray-dark .clients-classic:hover::before, + .desktop .bg-primary .clients-classic:hover::before { + border-color: rgba(255, 255, 255, 0.6); + } +} + +.context-dark .clients-classic, +.bg-gray-dark .clients-classic, +.bg-primary .clients-classic { + background: transparent; + border-color: rgba(255, 255, 255, 0.3); +} + +.clients-modern { + position: relative; + display: block; + max-width: 270px; + margin-left: auto; + margin-right: auto; + background: #ffffff; + border: 1px solid #e1e1e1; + transition: all 0.3s ease-in-out; +} + +.clients-modern::before, +.clients-modern::after { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-width: 1px; + border-style: solid; + border-color: transparent; + transition: color 0.1s ease, transform 0.3s ease; + will-change: transform; +} + +.clients-modern::before { + transform: scaleX(0); +} + +.clients-modern::after { + transform: scaleY(0); +} + +.clients-modern img { + width: 100%; + opacity: 0.5; +} + +@media (min-width: 992px) { + .desktop .clients-modern img { + will-change: transform; + transition: all 0.3s ease; + } + .desktop .clients-modern:hover { + border-color: transparent; + } + .desktop .clients-modern:hover::before, + .desktop .clients-modern:hover::after { + transform: none; + } + .desktop .clients-modern:hover::before { + border-color: #50ba87 transparent #50ba87 transparent; + } + .desktop .clients-modern:hover::after { + border-color: transparent #50ba87 transparent #50ba87; + } + .desktop .clients-modern:hover img { + opacity: 1; + transform: scale(0.9); + } +} + +.clients-creative { + position: relative; + display: block; + max-width: 270px; + margin-left: auto; + margin-right: auto; + transition: all 0.3s ease-in-out; +} + +.clients-creative img { + width: 100%; + opacity: 0.3; +} + +.clients-creative-2 img, +.clients-creative-3 img { + opacity: 0.5; +} + +.clients-creative-3 { + margin-top: 15px; + margin-bottom: 15px; +} + +@media (min-width: 992px) { + .desktop .clients-creative img { + will-change: transform; + transition: all 0.3s ease; + } + .desktop .clients-creative:hover { + border-color: #151515; + } + .desktop .clients-creative:hover img { + opacity: 0.5; + transform: translate3d(0, -10px, 0); + } + .desktop .clients-creative-2:hover img { + opacity: 0.7; + } + .desktop .clients-creative-3:hover img { + opacity: 1; + } +} + +@media (min-width: 768px) { + .clients-creative-3 { + margin-top: 30px; + margin-bottom: 30px; + } +} + + +/* +* +* Video +*/ + +.video-classic { + position: relative; + max-width: 570px; + margin-left: auto; + margin-right: auto; +} + +.video-classic .video-classic-play { + position: absolute; + top: 50%; + left: 50%; + transform: translate3d(-50%, -50%, 0); +} + +.video-classic-play { + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + width: 60px; + height: 60px; + padding: 0; + border: none; + background: transparent; + border-radius: 50%; + transition: all 0.3s ease; + cursor: pointer; + z-index: 1; +} + +.video-classic-play>span { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + border-style: solid; + border-width: 6.5px 0 6.5px 12px; + border-color: transparent transparent transparent #151515; + transition: all 0.3s ease; + z-index: 0; +} + +.video-classic-play::before, +.video-classic-play::after { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 50%; + will-change: transform; + transition: inherit; + z-index: -1; +} + +.video-classic-play::before { + background: rgba(255, 255, 255, 0.61); +} + +.video-classic-play::after { + background: #01b3a7; + transform: scale(0.7); + opacity: 0; +} + +.video-classic-play:hover>span { + border-left-color: #ffffff; +} + +.video-classic-play:hover::before { + transform: scale(1.2); +} + +.video-classic-play:hover::after { + opacity: 1; + transform: none; +} + +.video-classic-play-2 { + width: 100px; + height: 100px; +} + +.video-classic-play-2::before { + background: rgba(21, 21, 21, 0.61); +} + +.video-classic-play-2>span { + border-left-color: #ffffff; + border-width: 11.5px 0 11.5px 20px; +} + +.video-modern *+.video-classic-play { + margin-top: 24px; +} + +.video-modern-subtitle { + font-weight: 300; + color: #01b3a7; +} + +.video-modern-text { + font-size: 16px; + line-height: 1.5; + letter-spacing: 0; + font-weight: 500; +} + +*+.video-modern-title { + margin-top: 4px; +} + +*+.video-modern-text { + margin-top: 10px; +} + +.modal-video { + align-items: center; +} + +.modal-video.show { + display: flex !important; +} + +.modal-video .modal-dialog { + width: 100%; +} + +.modal-video .modal-content { + display: block; + font-size: 0; + line-height: 0; + border: none; + border-radius: 0; + background: transparent; +} + +.modal-video .modal-header { + display: block; + padding: 0; + border: none; +} + +.modal-video .modal-body { + padding: 0; +} + +.modal-video video { + width: 100%; +} + +.modal-video .close { + position: relative; + color: #ffffff; + font-size: 30px; + font-weight: 400; + text-shadow: none; + cursor: pointer; + z-index: 1; +} + +@media (min-width: 576px) { + .modal-video .modal-dialog { + max-width: 80%; + } +} + +@media (min-width: 1200px) { + .modal-video .modal-dialog { + max-width: 60%; + } +} + + +/* +* +* Page layout +*/ + +.page { + position: relative; + overflow: hidden; + min-height: 100vh; + text-align: center; +} + +[data-x-mode] .page { + opacity: 1; +} + +html.boxed body { + background: #f2f2f2 url(../images/bg-pattern-boxed.png) repeat fixed; +} + +@media (min-width: 1630px) { + html.boxed .page { + max-width: 1600px; + margin-left: auto; + margin-right: auto; + box-shadow: 0 0 23px 0 rgba(1, 1, 1, 0.1); + } + html.boxed .rd-navbar-static { + max-width: 1600px; + margin-left: auto; + margin-right: auto; + } + html.boxed .rd-navbar-static.rd-navbar--is-stuck { + max-width: 1600px; + width: 100%; + left: calc(50% - 1600px); + right: calc(50% - 1600px); + } +} + + +/* +* +* Text styling +*/ + +.text-italic { + font-style: italic; +} + +.text-normal { + font-style: normal; +} + +.text-underline { + text-decoration: underline; +} + +.text-strike { + text-decoration: line-through; +} + +.font-weight-thin { + font-weight: 100; +} + +.font-weight-light { + font-weight: 300; +} + +.font-weight-regular { + font-weight: 400; +} + +.font-weight-medium { + font-weight: 500; +} + +.font-weight-sbold { + font-weight: 600; +} + +.font-weight-ubold { + font-weight: 900; +} + +.text-spacing-0 { + letter-spacing: 0; +} + +.text-spacing-25 { + letter-spacing: 0.025em; +} + +.text-spacing-50 { + letter-spacing: 0.05em; +} + +.text-spacing-75 { + letter-spacing: 0.075em; +} + +.text-spacing-100 { + letter-spacing: 0.025em; +} + +.text-primary { + color: #01b3a7; +} + +.text-secondary { + color: #50ba87; +} + +.text-gray-500 { + color: #9b9b9b; +} + +.text-img { + display: inline-block; + overflow: hidden; + font-size: 250px; + line-height: 85%; + font-weight: 700; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #151515; +} + +.text-img:hover { + color: #9b9b9b; +} + +@media (min-width: 576px) { + .text-img { + font-size: 330px; + } +} + +@media (min-width: 992px) { + .text-img { + letter-spacing: 0.05em; + } +} + +@supports (-webkit-background-clip: text) { + .text-img { + -webkit-text-fill-color: transparent; + background: -webkit-linear-gradient(transparent, transparent); + background: -o-linear-gradient(transparent, transparent); + background: url(../images/text-image.jpg) repeat; + -webkit-background-clip: text; + background-position-y: 40%; + animation: imgPos 5s linear normal infinite paused; + } + .text-img>span { + pointer-events: none; + } + .text-img:hover { + animation-play-state: running; + color: red; + } + @media (min-width: 576px) { + .text-img { + background-position-y: 22%; + } + } +} + +@keyframes imgPos { + 0% { + background-position-x: 0; + } + 50% { + background-position-x: 100%; + } + 100% { + background-position-x: 0; + } +} + +.text-style-1 { + font-size: 16px; + line-height: 1.5; + font-weight: 500; + letter-spacing: 0.025em; + text-indent: -28px; + padding-left: 28px; +} + +.text-style-1 .icon { + vertical-align: middle; + font-size: 20px; + line-height: 24px; + min-width: 18px; + margin-right: 10px; + text-indent: 0; +} + +*+.text-style-1 { + margin-top: 20px; +} + +.text-strike-1 { + position: relative; + display: inline-block; + color: rgba(21, 21, 21, 0.52); +} + +.text-strike-1::before { + position: absolute; + content: ""; + bottom: 36%; + left: -8px; + height: 2px; + width: 107%; + transform: rotate(-3.8deg); + transform-origin: 0 50%; + will-change: transform; + background: #fcef57; + transition: all 0.3s ease 1.2s; + z-index: 1; +} + +.swiper-container .text-strike-1::before { + transform: rotate(-3.8deg) scale(0); +} + +.swiper-container .swiper-slide-active .text-strike-1::before { + transform: rotate(-3.8deg) scale(1); +} + + +/* +* +* Offsets +*/ + +*+p { + margin-top: 15px; +} + +h1+h2 { + margin-top: 4px; +} + +h2+h3 { + margin-top: 9px; +} + +h3+h4 { + margin-top: 13px; +} + +h4+h5 { + margin-top: 19px; +} + +h5+h6 { + margin-top: 27px; +} + +h1+p { + margin-top: 4px; +} + +h2+p { + margin-top: 15px; +} + +h3+p { + margin-top: 20px; +} + +h4+p { + margin-top: 16px; +} + +h5+p { + margin-top: 17px; +} + +h6+p { + margin-top: 17px; +} + +h3.font-weight-normal+p { + margin-top: 16px; +} + +p+h2, +p+.heading-2 { + margin-top: 15px; +} + +p+p { + margin-top: 12px; +} + +img+p { + margin-top: 15px; +} + +h3+img { + margin-top: 40px; +} + +*+.row { + margin-top: 40px; +} + +*+.row-xxs { + margin-top: 10px; +} + +*+.row-xs { + margin-top: 20px; +} + +*+.row-sm { + margin-top: 30px; +} + +*+.row-lg { + margin-top: 50px; +} + +*+.row-xl { + margin-top: 60px; +} + +*+.row-xxl { + margin-top: 70px; +} + +*+.owl-carousel { + margin-top: 30px; +} + +*+.offset-top-30 { + margin-top: 30px; +} + +*+.offset-top-50 { + margin-top: 50px; +} + +*+.big { + margin-top: 20px; +} + +*+.button { + margin-top: 30px; +} + +*+.button-wrap { + margin-top: 35px; +} + +h3+.section-relative { + margin-top: 35px; +} + +h4+.instafeed { + margin-top: 2px; +} + +.row+h3, +.row+.heading-3 { + margin-top: 80px; +} + +.container+.container { + margin-top: 35px; +} + +.row+.row { + margin-top: 35px; +} + +.row+.button-wrap { + margin-top: 45px; +} + +@media (min-width: 1200px) { + .container+.container { + margin-top: 60px; + } + .row+.row { + margin-top: 60px; + } +} + +.row-0 { + margin-bottom: 0px; +} + +.row-0:empty { + margin-bottom: 0; +} + +.row-0>* { + margin-bottom: 0px; +} + +.row-4 { + margin-bottom: -4px; +} + +.row-4:empty { + margin-bottom: 0; +} + +.row-4>* { + margin-bottom: 4px; +} + +.row-6 { + margin-bottom: -6px; +} + +.row-6:empty { + margin-bottom: 0; +} + +.row-6>* { + margin-bottom: 6px; +} + +.row-10 { + margin-bottom: -10px; +} + +.row-10:empty { + margin-bottom: 0; +} + +.row-10>* { + margin-bottom: 10px; +} + +.row-14 { + margin-bottom: -14px; +} + +.row-14:empty { + margin-bottom: 0; +} + +.row-14>* { + margin-bottom: 14px; +} + +.row-15 { + margin-bottom: -15px; +} + +.row-15:empty { + margin-bottom: 0; +} + +.row-15>* { + margin-bottom: 15px; +} + +.row-16 { + margin-bottom: -16px; +} + +.row-16:empty { + margin-bottom: 0; +} + +.row-16>* { + margin-bottom: 16px; +} + +.row-20 { + margin-bottom: -20px; +} + +.row-20:empty { + margin-bottom: 0; +} + +.row-20>* { + margin-bottom: 20px; +} + +.row-30 { + margin-bottom: -30px; +} + +.row-30:empty { + margin-bottom: 0; +} + +.row-30>* { + margin-bottom: 30px; +} + +.row-40 { + margin-bottom: -40px; +} + +.row-40:empty { + margin-bottom: 0; +} + +.row-40>* { + margin-bottom: 40px; +} + +.row-50 { + margin-bottom: -50px; +} + +.row-50:empty { + margin-bottom: 0; +} + +.row-50>* { + margin-bottom: 50px; +} + +.row-55 { + margin-bottom: -55px; +} + +.row-55:empty { + margin-bottom: 0; +} + +.row-55>* { + margin-bottom: 55px; +} + +.row-60 { + margin-bottom: -60px; +} + +.row-60:empty { + margin-bottom: 0; +} + +.row-60>* { + margin-bottom: 60px; +} + +.row-70 { + margin-bottom: -70px; +} + +.row-70:empty { + margin-bottom: 0; +} + +.row-70>* { + margin-bottom: 70px; +} + +.row-90 { + margin-bottom: -90px; +} + +.row-90:empty { + margin-bottom: 0; +} + +.row-90>* { + margin-bottom: 90px; +} + +@media (min-width: 768px) { + .row-md-50 { + margin-bottom: -50px; + } + .row-md-50:empty { + margin-bottom: 0; + } + .row-md-50>* { + margin-bottom: 50px; + } + .row-md-80 { + margin-bottom: -80px; + } + .row-md-80:empty { + margin-bottom: 0; + } + .row-md-80>* { + margin-bottom: 80px; + } +} + +@media (min-width: 992px) { + .row-lg-40 { + margin-bottom: -40px; + } + .row-lg-40:empty { + margin-bottom: 0; + } + .row-lg-40>* { + margin-bottom: 40px; + } + .row-lg-80 { + margin-bottom: -80px; + } + .row-lg-80:empty { + margin-bottom: 0; + } + .row-lg-80>* { + margin-bottom: 80px; + } + .row-lg-90 { + margin-bottom: -90px; + } + .row-lg-90:empty { + margin-bottom: 0; + } + .row-lg-90>* { + margin-bottom: 90px; + } +} + +@media (min-width: 1200px) { + .row-xl-24 { + margin-bottom: -24px; + } + .row-xl-24:empty { + margin-bottom: 0; + } + .row-xl-24>* { + margin-bottom: 24px; + } +} + +.box-typography h1+p { + margin-top: 16px; +} + +.box-typography h2+p { + margin-top: 16px; +} + +.box-typography h3+p { + margin-top: 16px; +} + +.box-typography h4+p { + margin-top: 16px; +} + +.box-typography h5+p { + margin-top: 16px; +} + +.box-typography h6+p { + margin-top: 16px; +} + +@media (min-width: 992px) { + .box-typography h1+p { + margin-top: 4px; + } + .box-typography h2+p { + margin-top: 8px; + } + .box-typography h3+p { + margin-top: 8px; + } + .box-typography h5+p { + margin-top: 17px; + } + .box-typography h6+p { + margin-top: 17px; + } +} + + +/* +* +* Sections +*/ + +.section-xs { + padding-top: 40px; + padding-bottom: 40px; +} + +.section-sm { + padding: 30px 0; +} + +.section-sm.section-first { + padding-top: 60px; +} + +.section-sm.section-last { + padding-bottom: 60px; +} + +.section-60, +.section-md, +.section-lg, +.section-xl { + padding: 60px 0; +} + +html [class*="section-"].section-bottom-0 { + padding-bottom: 0; +} + +html [class*="section-"].section-top-0 { + padding-top: 0; +} + +@media (min-width: 992px) { + html [class*="section-"].section-lg-0 { + padding: 0; + } +} + +@media (min-width: 768px) { + .section-sm { + padding: 40px 0; + } + .section-sm.section-first { + padding-top: 80px; + } + .section-sm.section-last { + padding-bottom: 80px; + } + .section-md { + padding: 70px 0; + } + .section-lg { + padding: 80px 0; + } + .section-xl { + padding: 90px 0; + } +} + +@media (min-width: 992px) { + .section-sm { + padding: 50px 0; + } + .section-sm.section-first { + padding-top: 100px; + } + .section-sm.section-last { + padding-bottom: 100px; + } + .section-md { + padding: 80px 0; + } + .section-lg { + padding: 90px 0; + } + .section-inset-custom-6, + .section-xl { + padding: 100px 0; + } + .desktop .section-top-1 { + padding-top: 0; + } +} + +@media (min-width: 1600px) { + .section-inset-custom-1 { + padding-top: 120px; + padding-bottom: 160px; + } + .section-inset-custom-2 { + padding-top: 90px; + padding-bottom: 130px; + } + .section-inset-custom-3 { + padding-top: 100px; + padding-bottom: 130px; + } + .section-inset-custom-4 { + padding-top: 125px; + padding-bottom: 140px; + } + .section-inset-custom-5 { + padding-top: 135px; + padding-bottom: 135px; + } +} + +@media (min-width: 1600px) { + .section-fluid { + padding-left: 75px; + padding-right: 75px; + } + .section-fluid .container-fluid { + padding-left: 0; + padding-right: 0; + max-width: 1770px; + margin-left: auto; + margin-right: auto; + } +} + +.section-single { + position: relative; + overflow: hidden; + display: flex; + text-align: center; +} + +.section-single p { + margin-left: auto; + margin-right: auto; +} + +.section-single .rights { + letter-spacing: 0; + font-weight: 400; +} + +.section-single .rights a { + position: relative; + margin-left: 10px; +} + +.section-single .rights a:hover { + text-decoration: underline; + color: #ffffff !important; +} + +.section-single .rd-mailform-wrap { + max-width: 670px; + margin-left: auto; + margin-right: auto; + text-align: center; +} + +.section-single *+p { + margin-top: 6px; +} + +.section-single p+p { + margin-top: 0; +} + +.section-single .DateCountdown+p { + margin-top: 60px; +} + +.section-single *+.button { + margin-top: 40px; +} + +.section-single *+.rights { + margin-top: 35px; +} + +.section-single *+.countdown-wrap { + margin-top: 35px; +} + +.section-single *+.rd-mailform-wrap { + margin-top: 20px; +} + +.section-single .countdown-wrap+* { + margin-top: 35px; +} + +@media (min-width: 992px) { + .section-single *+.button { + margin-top: 60px; + } + .section-single *+.rights { + margin-top: 60px; + } + .section-single .countdown-wrap+* { + margin-top: 35px; + } +} + +@media (min-width: 1200px) { + .section-404 *+.button { + margin-top: 120px; + } +} + +.section-single-header { + padding: calc(1em + 4vh) 0 calc(1em + 2vh); + z-index: 2; +} + +.section-single-main { + padding: 60px 0 calc(1em + 5vh); +} + +.section-single-main * { + font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.section-single-main .form-wrap *, +.section-single-main .form-button * { + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.section-single-main p { + font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.single-page h3 { + font-size: 30px; + font-weight: 200; + letter-spacing: 0.05em; + text-transform: uppercase; +} + +@media (min-width: 768px) { + .single-page h3 { + font-size: 48px; + } +} + +.section-single-footer { + padding: calc(1em + 2vh) 0 calc(1em + 4vh); +} + +.section-single-inner { + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; + width: 100%; + min-height: 100vh; +} + +.section-single-inner>* { + width: 100%; +} + +@supports (display: grid) { + .section-single-inner { + display: grid; + justify-items: center; + align-content: space-between; + grid-template-columns: 1fr; + } +} + +@media (min-width: 768px) { + .section-single-main { + padding: 70px 0 30px; + } +} + +@media (min-width: 1200px) { + .section-single-header { + padding-top: calc(1em + 9vh); + } +} + +@media (min-width: 1600px) { + .section-single-main { + padding-top: 65px; + padding-bottom: 100px; + } +} + + +/* +* +* Grid modules +*/ + +.grid-demonstration { + text-align: left; +} + +@media (max-width: 1599.98px) { + .grid-demonstration p { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } +} + +.grid-demonstration-fullwidth { + line-height: 1.86; +} + +.grid-demonstration-fullwidth *+p { + margin-top: 12px; +} + +.grid-demonstration-boxed { + line-height: 1.8; +} + +.grid-demonstration-boxed *+p { + margin-top: 22px; +} + +.grid-system-bordered [class*="col"] { + padding-bottom: 15px; + border-bottom: 1px solid #f5f5f5; +} + +@media (min-width: 576px) { + .grid-system-bordered [class*="col"] { + padding-bottom: 30px; + } +} + +@media (min-width: 768px) { + .grid-system-bordered [class*="col"] { + padding-bottom: 45px; + } +} + +.grid-system-outline .row { + border: 1px solid #f5f5f5; +} + +.grid-system-outline .row:not(:last-child) { + border-bottom-width: 0; +} + +.grid-system-outline [class*="col"]:not(:last-child) { + border-right: 1px solid #d7d7d7; + margin-right: -1px; +} + +.grid-system-outline *+.row { + margin-top: 45px; +} + +.grid-system-outline .row+.row { + margin-top: 0; +} + + +/* +* +* Backgrounds +*/ + +.context-dark, +.bg-gray-dark, +.bg-primary, +.context-dark h1, +.bg-gray-dark h1, +.bg-primary h1, +.context-dark h2, +.bg-gray-dark h2, +.bg-primary h2, +.context-dark h3, +.bg-gray-dark h3, +.bg-primary h3, +.context-dark h4, +.bg-gray-dark h4, +.bg-primary h4, +.context-dark h5, +.bg-gray-dark h5, +.bg-primary h5, +.context-dark h6, +.bg-gray-dark h6, +.bg-primary h6, +.context-dark [class*="heading-"], +.bg-gray-dark [class*="heading-"], +.bg-primary [class*="heading-"] { + color: #ffffff; +} + +.context-dark .form-wrap.has-error .form-input, +.bg-gray-dark .form-wrap.has-error .form-input, +.bg-primary .form-wrap.has-error .form-input { + border-color: transparent; +} + +.context-dark .form-input, +.bg-gray-dark .form-input, +.bg-primary .form-input, +.context-dark .form-label, +.bg-gray-dark .form-label, +.bg-primary .form-label, +.context-dark .form-validation, +.bg-gray-dark .form-validation, +.bg-primary .form-validation { + color: #ffffff; +} + +.context-dark .form-input, +.bg-gray-dark .form-input, +.bg-primary .form-input { + background: rgba(255, 255, 255, 0.34); + border-color: transparent; +} + +.context-dark .rights, +.bg-gray-dark .rights, +.bg-primary .rights { + color: #ffffff; +} + +.context-dark .rights a, +.bg-gray-dark .rights a, +.bg-primary .rights a, +.context-dark .rights a:focus, +.bg-gray-dark .rights a:focus, +.bg-primary .rights a:focus, +.context-dark .rights a:active, +.bg-gray-dark .rights a:active, +.bg-primary .rights a:active { + color: inherit; +} + +.context-dark .rights a:hover, +.bg-gray-dark .rights a:hover, +.bg-primary .rights a:hover { + color: #01b3a7; +} + +.context-dark .button.button-pipaluk::after, +.bg-gray-dark .button.button-pipaluk::after, +.bg-primary .button.button-pipaluk::after { + border-color: #ffffff; +} + +.context-dark .button.button-pipaluk:hover, +.bg-gray-dark .button.button-pipaluk:hover, +.bg-primary .button.button-pipaluk:hover, +.context-dark .button.button-pipaluk:active, +.bg-gray-dark .button.button-pipaluk:active, +.bg-primary .button.button-pipaluk:active { + color: #ffffff; +} + +.context-dark .button.button-ujarak:not([class*="button-secondary"])::before, +.bg-gray-dark .button.button-ujarak:not([class*="button-secondary"])::before, +.bg-primary .button.button-ujarak:not([class*="button-secondary"])::before { + background: #50ba87; +} + +.context-dark .button.button-ujarak:not([class*="button-secondary"]):hover, +.bg-gray-dark .button.button-ujarak:not([class*="button-secondary"]):hover, +.bg-primary .button.button-ujarak:not([class*="button-secondary"]):hover, +.context-dark .button.button-ujarak:not([class*="button-secondary"]):active, +.bg-gray-dark .button.button-ujarak:not([class*="button-secondary"]):active, +.bg-primary .button.button-ujarak:not([class*="button-secondary"]):active { + border-color: #50ba87; +} + +.context-dark .button-secondary.button-ujarak::before, +.bg-gray-dark .button-secondary.button-ujarak::before, +.bg-primary .button-secondary.button-ujarak::before { + background: #01b3a7; +} + +.context-dark .button-secondary.button-ujarak:hover, +.bg-gray-dark .button-secondary.button-ujarak:hover, +.bg-primary .button-secondary.button-ujarak:hover, +.context-dark .button-secondary.button-ujarak:active, +.bg-gray-dark .button-secondary.button-ujarak:active, +.bg-primary .button-secondary.button-ujarak:active { + border-color: #01b3a7; +} + +.footer-variant-2.context-dark, +.footer-variant-2.bg-gray-dark, +.footer-variant-2.bg-primary { + color: rgba(255, 255, 255, 0.3); +} + +.footer-variant-2.context-dark .rights, +.footer-variant-2.bg-gray-dark .rights, +.footer-variant-2.bg-primary .rights { + color: rgba(255, 255, 255, 0.3); +} + +.footer-variant-2.context-dark .button.button-ujarak::before, +.footer-variant-2.bg-gray-dark .button.button-ujarak::before, +.footer-variant-2.bg-primary .button.button-ujarak::before { + background: #ffffff; +} + +.footer-variant-2.context-dark .button.button-ujarak:hover, +.footer-variant-2.bg-gray-dark .button.button-ujarak:hover, +.footer-variant-2.bg-primary .button.button-ujarak:hover, +.footer-variant-2.context-dark .button.button-ujarak:active, +.footer-variant-2.bg-gray-dark .button.button-ujarak:active, +.footer-variant-2.bg-primary .button.button-ujarak:active { + color: #50ba87; + border-color: #ffffff; +} + +.footer-modern.context-dark .form-input, +.footer-modern.bg-gray-dark .form-input, +.footer-modern.bg-primary .form-input { + background: #565656; +} + +.footer-creative.context-dark .form-input, +.footer-creative.bg-gray-dark .form-input, +.footer-creative.bg-primary .form-input { + background: #54595e; +} + +.context-dark .footer-contacts, +.bg-gray-dark .footer-contacts, +.bg-primary .footer-contacts { + border-top-color: rgba(255, 255, 255, 0.2); +} + +.context-dark .footer-contacts .icon, +.bg-gray-dark .footer-contacts .icon, +.bg-primary .footer-contacts .icon { + color: #01b3a7; +} + +.context-dark .footer-contacts p, +.bg-gray-dark .footer-contacts p, +.bg-primary .footer-contacts p { + color: #ffffff; +} + +.context-dark .footer-contacts a, +.bg-gray-dark .footer-contacts a, +.bg-primary .footer-contacts a, +.context-dark .footer-contacts a:focus, +.bg-gray-dark .footer-contacts a:focus, +.bg-primary .footer-contacts a:focus, +.context-dark .footer-contacts a:active, +.bg-gray-dark .footer-contacts a:active, +.bg-primary .footer-contacts a:active { + color: #ffffff; +} + +.context-dark .footer-contacts a:hover, +.bg-gray-dark .footer-contacts a:hover, +.bg-primary .footer-contacts a:hover { + color: #01b3a7; +} + +.context-dark .footer-link-list a, +.bg-gray-dark .footer-link-list a, +.bg-primary .footer-link-list a, +.context-dark .footer-link-list a:focus, +.bg-gray-dark .footer-link-list a:focus, +.bg-primary .footer-link-list a:focus, +.context-dark .footer-link-list a:active, +.bg-gray-dark .footer-link-list a:active, +.bg-primary .footer-link-list a:active { + color: inherit; +} + +.context-dark .footer-link-list a:hover, +.bg-gray-dark .footer-link-list a:hover, +.bg-primary .footer-link-list a:hover { + color: #01b3a7; +} + +.context-dark .footer-social-list-2 a, +.bg-gray-dark .footer-social-list-2 a, +.bg-primary .footer-social-list-2 a, +.context-dark .footer-social-list-2 a:focus, +.bg-gray-dark .footer-social-list-2 a:focus, +.bg-primary .footer-social-list-2 a:focus, +.context-dark .footer-social-list-2 a:active, +.bg-gray-dark .footer-social-list-2 a:active, +.bg-primary .footer-social-list-2 a:active { + color: #ffffff; +} + +.context-dark .footer-social-list-2 a:hover, +.bg-gray-dark .footer-social-list-2 a:hover, +.bg-primary .footer-social-list-2 a:hover { + color: #01b3a7; +} + +.footer-minimal.context-dark .footer-minimal-bottom-panel, +.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel, +.footer-minimal.bg-primary .footer-minimal-bottom-panel, +.footer-minimal.context-dark .footer-corporate-bottom-panel, +.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel, +.footer-minimal.bg-primary .footer-corporate-bottom-panel, +.footer-corporate.context-dark .footer-minimal-bottom-panel, +.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel, +.footer-corporate.bg-primary .footer-minimal-bottom-panel, +.footer-corporate.context-dark .footer-corporate-bottom-panel, +.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel, +.footer-corporate.bg-primary .footer-corporate-bottom-panel { + color: rgba(255, 255, 255, 0.3); +} + +.footer-minimal.context-dark .footer-minimal-bottom-panel a, +.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a, +.footer-minimal.bg-primary .footer-minimal-bottom-panel a, +.footer-minimal.context-dark .footer-minimal-bottom-panel a:focus, +.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:focus, +.footer-minimal.bg-primary .footer-minimal-bottom-panel a:focus, +.footer-minimal.context-dark .footer-minimal-bottom-panel a:active, +.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:active, +.footer-minimal.bg-primary .footer-minimal-bottom-panel a:active, +.footer-minimal.context-dark .footer-corporate-bottom-panel a, +.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a, +.footer-minimal.bg-primary .footer-corporate-bottom-panel a, +.footer-minimal.context-dark .footer-corporate-bottom-panel a:focus, +.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:focus, +.footer-minimal.bg-primary .footer-corporate-bottom-panel a:focus, +.footer-minimal.context-dark .footer-corporate-bottom-panel a:active, +.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:active, +.footer-minimal.bg-primary .footer-corporate-bottom-panel a:active, +.footer-corporate.context-dark .footer-minimal-bottom-panel a, +.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a, +.footer-corporate.bg-primary .footer-minimal-bottom-panel a, +.footer-corporate.context-dark .footer-minimal-bottom-panel a:focus, +.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:focus, +.footer-corporate.bg-primary .footer-minimal-bottom-panel a:focus, +.footer-corporate.context-dark .footer-minimal-bottom-panel a:active, +.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:active, +.footer-corporate.bg-primary .footer-minimal-bottom-panel a:active, +.footer-corporate.context-dark .footer-corporate-bottom-panel a, +.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a, +.footer-corporate.bg-primary .footer-corporate-bottom-panel a, +.footer-corporate.context-dark .footer-corporate-bottom-panel a:focus, +.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:focus, +.footer-corporate.bg-primary .footer-corporate-bottom-panel a:focus, +.footer-corporate.context-dark .footer-corporate-bottom-panel a:active, +.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:active, +.footer-corporate.bg-primary .footer-corporate-bottom-panel a:active { + color: inherit; +} + +.footer-minimal.context-dark .footer-minimal-bottom-panel a:hover, +.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:hover, +.footer-minimal.bg-primary .footer-minimal-bottom-panel a:hover, +.footer-minimal.context-dark .footer-corporate-bottom-panel a:hover, +.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:hover, +.footer-minimal.bg-primary .footer-corporate-bottom-panel a:hover, +.footer-corporate.context-dark .footer-minimal-bottom-panel a:hover, +.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:hover, +.footer-corporate.bg-primary .footer-minimal-bottom-panel a:hover, +.footer-corporate.context-dark .footer-corporate-bottom-panel a:hover, +.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:hover, +.footer-corporate.bg-primary .footer-corporate-bottom-panel a:hover { + color: #01b3a7; +} + +.footer-minimal.context-dark .rights, +.footer-minimal.bg-gray-dark .rights, +.footer-minimal.bg-primary .rights, +.footer-corporate.context-dark .rights, +.footer-corporate.bg-gray-dark .rights, +.footer-corporate.bg-primary .rights { + color: inherit; +} + +.footer-minimal.context-dark .button-gray-31.button-ujarak::before, +.footer-minimal.bg-gray-dark .button-gray-31.button-ujarak::before, +.footer-minimal.bg-primary .button-gray-31.button-ujarak::before, +.footer-corporate.context-dark .button-gray-31.button-ujarak::before, +.footer-corporate.bg-gray-dark .button-gray-31.button-ujarak::before, +.footer-corporate.bg-primary .button-gray-31.button-ujarak::before { + background: #01b3a7; +} + +.footer-minimal.context-dark .button-gray-31.button-ujarak:hover, +.footer-minimal.bg-gray-dark .button-gray-31.button-ujarak:hover, +.footer-minimal.bg-primary .button-gray-31.button-ujarak:hover, +.footer-minimal.context-dark .button-gray-31.button-ujarak:active, +.footer-minimal.bg-gray-dark .button-gray-31.button-ujarak:active, +.footer-minimal.bg-primary .button-gray-31.button-ujarak:active, +.footer-corporate.context-dark .button-gray-31.button-ujarak:hover, +.footer-corporate.bg-gray-dark .button-gray-31.button-ujarak:hover, +.footer-corporate.bg-primary .button-gray-31.button-ujarak:hover, +.footer-corporate.context-dark .button-gray-31.button-ujarak:active, +.footer-corporate.bg-gray-dark .button-gray-31.button-ujarak:active, +.footer-corporate.bg-primary .button-gray-31.button-ujarak:active { + color: #ffffff; + border-color: #01b3a7; +} + +.footer-corporate-2.context-dark .footer-contacts .icon, +.footer-corporate-2.bg-gray-dark .footer-contacts .icon, +.footer-corporate-2.bg-primary .footer-contacts .icon { + color: #01b3a7; +} + +.footer-corporate-2.context-dark .button-gray-31.button-ujarak::before, +.footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak::before, +.footer-corporate-2.bg-primary .button-gray-31.button-ujarak::before { + background: #50ba87; +} + +.footer-corporate-2.context-dark .button-gray-31.button-ujarak:hover, +.footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak:hover, +.footer-corporate-2.bg-primary .button-gray-31.button-ujarak:hover, +.footer-corporate-2.context-dark .button-gray-31.button-ujarak:active, +.footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak:active, +.footer-corporate-2.bg-primary .button-gray-31.button-ujarak:active { + border-color: #50ba87; +} + +.context-dark .post-minimal-2-time, +.bg-gray-dark .post-minimal-2-time, +.bg-primary .post-minimal-2-time { + color: rgba(255, 255, 255, 0.25); +} + +.context-dark .text-strike-1, +.bg-gray-dark .text-strike-1, +.bg-primary .text-strike-1 { + color: rgba(255, 255, 255, 0.52); +} + +.context-dark .text-strike-1::before, +.bg-gray-dark .text-strike-1::before, +.bg-primary .text-strike-1::before { + background: rgba(252, 239, 87, 0.7); +} + +.context-dark .video-modern-subtitle, +.bg-gray-dark .video-modern-subtitle, +.bg-primary .video-modern-subtitle { + color: #01b3a7; +} + +.context-dark .title-decoration-lines-left::before, +.bg-gray-dark .title-decoration-lines-left::before, +.bg-primary .title-decoration-lines-left::before { + background: #50ba87; +} + +.context-dark .text-gray-500, +.bg-gray-dark .text-gray-500, +.bg-primary .text-gray-500 { + color: rgba(255, 255, 255, 0.3); +} + +.context-dark .brand .brand-logo-dark, +.bg-gray-dark .brand .brand-logo-dark, +.bg-primary .brand .brand-logo-dark { + display: none; +} + +.context-dark .brand .brand-logo-light, +.bg-gray-dark .brand .brand-logo-light, +.bg-primary .brand .brand-logo-light { + display: block; +} + + +/** +* Light Backgrounds +*/ + +.bg-default { + background-color: #ffffff; +} + +.bg-gray-100 { + background-color: #f2f2f2; +} + +.bg-gray-2 { + background-color: #ebebeb; +} + +.bg-gray-2 .owl-classic .owl-prev:hover::before, +.bg-gray-2 .owl-classic .owl-next:hover::before { + background-color: #50ba87; +} + +.bg-gray-2 .owl-classic .owl-prev:hover::after, +.bg-gray-2 .owl-classic .owl-next:hover::after { + border-left-color: #50ba87; + border-right-color: #50ba87; +} + +.bg-gray-4 { + background-color: #f7f7f7; +} + +.bg-gray-4 .box-icon-modern { + box-shadow: none; +} + +.bg-gray-4 .box-icon-modern:hover { + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.17); +} + +.bg-gray-36 { + background-color: #545d64; +} + + +/** +* Dark Backgrounds +*/ + +.bg-gray-dark { + background-color: #2c343b; +} + + +/** +* Accent Backgrounds +*/ + +.bg-primary+.bg-primary { + padding-top: 0; +} + + +/** +* Background Image +*/ + +[class*="bg-"] { + background-size: cover; + background-position: center center; +} + +@media (min-width: 992px) { + html:not(.tablet):not(.mobile) .bg-fixed { + background-attachment: fixed; + } +} + +[class*="bg-overlay-"] { + position: relative; +} + +[class*="bg-overlay-"]::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; +} + +[class*="bg-overlay-"] .section-single-inner, +[class*="bg-overlay-"] .container { + position: relative; +} + +[class*="bg-second-overlay-"]::after { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + z-index: -1; +} + +.bg-overlay-68::before { + background: rgba(43, 49, 59, 0.68); +} + +.bg-overlay-64::before { + background: rgba(43, 49, 59, 0.64); +} + +.bg-overlay-60::before { + background: rgba(43, 49, 59, 0.025); +} + +.bg-overlay-59::before { + background: rgba(43, 49, 59, 0.59); +} + +.bg-overlay-55::before { + background: rgba(43, 49, 59, 0.55); +} + +.bg-overlay-53::before { + background: rgba(43, 49, 59, 0.53); +} + +.bg-overlay-54::before { + background: rgba(43, 49, 59, 0.53); + z-index: 1; +} + +.bg-overlay-49::before { + background: rgba(43, 49, 59, 0.49); +} + +.bg-overlay-48::before { + background: rgba(43, 49, 59, 0.48); +} + +.bg-overlay-46::before { + background: rgba(43, 49, 59, 0.046); +} + +.bg-overlay-43::before { + background: rgba(43, 49, 59, 0.43); +} + +.bg-overlay-3-41::before { + background: rgba(1, 23, 42, 0.41); +} + +.bg-overlay-41::before { + background: rgba(43, 49, 59, 0.41); +} + +.bg-overlay-40::before { + background: rgba(43, 49, 59, 0.4); +} + +.bg-overlay-39::before { + background: rgba(43, 49, 59, 0.39); +} + +.bg-overlay-37::before { + background: rgba(43, 49, 59, 0.37); +} + +.bg-overlay-33::before { + background: rgba(43, 49, 59, 0.33); +} + +.bg-overlay-26::before { + background: rgba(43, 49, 59, 0.26); +} + +.bg-overlay-24::before { + background: rgba(43, 49, 59, 0.24); +} + +.bg-second-overlay-4-22::after { + background: rgba(24, 26, 35, 0.21); +} + +.bg-overlay-2-21::before { + background: rgba(24, 26, 35, 0.21); +} + +.bg-overlay-2-14::before { + background: rgba(24, 26, 35, 0.14); +} + +.bg-overlay-4-60::before { + background: rgba(24, 38, 50, 0.6); +} + + +/* +* +* Utilities custom +*/ + +.height-fill { + position: relative; + display: flex; + flex-direction: column; + align-items: stretch; +} + +.height-fill>* { + flex-grow: 1; + flex-shrink: 0; +} + +.object-inline { + white-space: nowrap; +} + +.object-inline>* { + display: inline-block; + min-width: 20px; + vertical-align: top; + white-space: normal; +} + +.object-inline>*+* { + margin-left: 5px; +} + +.oh { + position: relative; + overflow: hidden; +} + +@media (min-width: 992px) { + .desktop .oh-desktop { + overflow: hidden; + } +} + +.section-relative { + position: relative; +} + +.text-width-extra-small { + max-width: 320px; +} + +.text-width-small { + max-width: 430px; +} + +.text-width-medium { + max-width: 600px; +} + +.text-width-large { + max-width: 650px; +} + +.text-width-extra-large { + max-width: 715px; +} + +.text-center [class*="text-width-"] { + margin-left: auto; + margin-right: auto; +} + +@media (max-width: 767.98px) { + [class*="text-width-"] { + margin-left: auto; + margin-right: auto; + } +} + +p.rights { + font-size: 14px; + letter-spacing: 0.025em; + font-weight: 500; + color: #9b9b9b; +} + +p.rights a { + color: inherit; +} + +p.rights a:hover { + color: #01b3a7; +} + +[style*="z-index: 1000;"] { + z-index: 1101 !important; +} + +.text-block>* { + margin-left: 4px; + margin-right: 4px; +} + +.inset-top-10 { + padding-top: 10px; +} + +.inset-top-18 { + padding-top: 18px; +} + +@media (min-width: 992px) { + .offset-top-lg-24 { + margin-top: 24px; + } + .desktop .offset-negative-1 { + margin-top: -35px; + } +} + +@media (min-width: 1200px) { + .offset-right-xl-15 { + margin-right: 15px; + } + .offset-top-xl-26 { + margin-top: 26px; + } + .offset-left-xl-45 { + margin-left: 45px; + } + .offset-left-xl-65 { + margin-left: 65px; + } + .offset-left-xl-70 { + margin-left: 70px; + } +} + +@media (min-width: 992px) { + .box-width-lg-470 { + max-width: 470px; + margin-left: auto; + margin-right: auto; + } +} + +.gutters-4 { + margin-left: -2px; + margin-right: -2px; +} + +.gutters-4 [class*="col-"] { + padding-left: 2px; + padding-right: 2px; +} + +.gutters-10 { + margin-left: -5px; + margin-right: -5px; +} + +.gutters-10 [class*="col-"] { + padding-left: 5px; + padding-right: 5px; +} + +.gutters-14 { + margin-left: -7px; + margin-right: -7px; +} + +.gutters-14 [class*="col-"] { + padding-left: 7px; + padding-right: 7px; +} + +.breadcrumbs-custom { + position: relative; + overflow: hidden; +} + +.box-position { + position: absolute; + left: 0; + top: 0; + width: calc(100% + 150px); + height: calc(100% + 150px); + will-change: transform; + animation: bgPos 100s linear infinite; + transform: translate3d(-75px, -75px, 0) rotate(0.001deg); + background-position: 50% 50%; + background-size: cover; + z-index: -1; +} + +@keyframes bgPos { + 25% { + transform: translate3d(-150px, -150px, 0) rotate(0.001deg); + } + 75% { + transform: translate3d(0, 0, 0) rotate(0.001deg); + } +} + +.order-negative-2 { + order: -2; +} + + +/* +* +* Animate.css +*/ + +.animated { + -webkit-animation-duration: 0.7s; + animation-duration: 0.7s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + opacity: 1; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +html:not(.lt-ie10) .not-animated { + opacity: 0; +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 40px, 0); + transform: translate3d(0, 40px, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 40px, 0); + transform: translate3d(0, 40px, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -40px, 0); + transform: translate3d(0, -40px, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -40px, 0); + transform: translate3d(0, -40px, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-40px, 0, 0); + transform: translate3d(-40px, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-40px, 0, 0); + transform: translate3d(-40px, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(40px, 0, 0); + transform: translate3d(40px, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(40px, 0, 0); + transform: translate3d(40px, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes slideInUp { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInUp { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + + + +@-webkit-keyframes slideInDown { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInDown { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInLeft { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInRight { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideOutDown { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes slideOutDown { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@keyframes pagInX { + 0% { + transform: translateX(-100%); + } + 100% { + transform: translateX(0); + } +} + +@keyframes pagOutX { + 0% { + transform: translateX(0); + } + 100% { + transform: translateX(100%); + } +} + + +/* +* +* Preloader +*/ + +.preloader { + position: fixed; + left: 0; + top: 0; + bottom: 0; + right: 0; + z-index: 10000; + display: flex; + justify-content: center; + align-items: center; + padding: 20px; + background: #ffffff; + transition: 0.3s all ease; +} + +.preloader.loaded { + opacity: 0; + visibility: hidden; +} + +.preloader-body { + text-align: center; +} + +.preloader-body p { + position: relative; + right: -8px; +} + +.cssload-container { + width: 100%; + height: 36px; + text-align: center; +} + +.cssload-speeding-wheel { + width: 36px; + height: 36px; + margin: 0 auto; + border: 3px solid #01b3a7; + border-radius: 50%; + border-left-color: transparent; + border-bottom-color: transparent; + animation: cssload-spin 0.88s infinite linear; +} + +@-webkit-keyframes cssload-spin { + 100% { + transform: rotate(360deg); + } +} + +@keyframes cssload-spin { + 100% { + transform: rotate(360deg); + } +} + + +/* +* +* ToTop +*/ + +.ui-to-top { + position: fixed; + right: 15px; + bottom: 15px; + z-index: 100; + width: 40px; + height: 40px; + font-size: 20px; + line-height: 38px; + color: #ffffff; + background: #01b3a7; + overflow: hidden; + text-align: center; + text-decoration: none; + transition: 0.45s all ease-in-out; + transform: translate3d(0, 100px, 0); +} + +.ui-to-top:hover { + color: #ffffff; + background: #111111; + text-decoration: none; +} + +.ui-to-top:focus { + color: #ffffff; +} + +.ui-to-top.active { + transform: translate3d(0, 0, 0); +} + +html.mobile .ui-to-top, +html.tablet .ui-to-top { + display: none !important; +} + +@media (min-width: 768px) { + .ui-to-top { + width: 50px; + height: 50px; + line-height: 46px; + right: 30px; + bottom: 30px; + } +} + +@media (min-width: 1600px) { + .ui-to-top { + right: 12px; + } +} + + +/* +* +* RD Navbar +*/ + +@keyframes rd-navbar-slide-down { + 0% { + transform: translateY(-100%); + } + 100% { + transform: translateY(0); + } +} + +@keyframes rd-navbar-slide-up { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-100%); + } +} + +.rd-navbar-wrap, +.rd-navbar, +.rd-menu, +.rd-navbar-nav, +.rd-navbar-panel, +.rd-navbar-static .rd-menu, +.rd-navbar-fixed .rd-navbar-nav-wrap, +.rd-navbar-fixed .rd-navbar-submenu, +.rd-navbar-project { + transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); +} + +.rd-navbar--no-transition, +.rd-navbar--no-transition * { + transition: none !important; +} + +.rd-navbar, +.rd-navbar.rd-navbar--is-clone { + display: none; +} + +.rd-navbar.rd-navbar-fixed+.rd-navbar.rd-navbar--is-clone, +.rd-navbar.rd-navbar-sidebar+.rd-navbar.rd-navbar--is-clone { + display: none; +} + +.rd-navbar { + display: none; + background: #ffffff; +} + +.rd-navbar-toggle { + display: inline-block; + position: relative; + width: 48px; + height: 48px; + line-height: 48px; + cursor: pointer; + color: #151515; + background-color: transparent; + border: none; + display: none; +} + +.rd-navbar-toggle span { + position: relative; + display: block; + margin: auto; + transition: 0.3s all ease; +} + +.rd-navbar-toggle span:after, +.rd-navbar-toggle span:before { + content: ""; + position: absolute; + left: 0; + top: -10px; + transition: 0.3s all ease; +} + +.rd-navbar-toggle span:after { + top: 10px; +} + +.rd-navbar-toggle span:after, +.rd-navbar-toggle span:before, +.rd-navbar-toggle span { + width: 24px; + height: 3px; + background-color: #151515; + backface-visibility: hidden; + border-radius: 0; +} + +.rd-navbar-toggle span { + transform: rotate(180deg); +} + +.rd-navbar-toggle span:before, +.rd-navbar-toggle span:after { + transform-origin: 1.71429px center; +} + +.rd-navbar-toggle.active span { + transform: rotate(360deg); +} + +.rd-navbar-toggle.active span:before, +.rd-navbar-toggle.active span:after { + top: 0; + width: 15px; +} + +.rd-navbar-toggle.active span:before { + -webkit-transform: rotate3d(0, 0, 1, -40deg); + transform: rotate3d(0, 0, 1, -40deg); +} + +.rd-navbar-toggle.active span:after { + -webkit-transform: rotate3d(0, 0, 1, 40deg); + transform: rotate3d(0, 0, 1, 40deg); +} + +.rd-navbar-collapse-toggle { + display: inline-block; + position: relative; + width: 48px; + height: 48px; + line-height: 48px; + cursor: pointer; + color: #151515; + display: none; +} + +.rd-navbar-collapse-toggle span { + top: 50%; + margin-top: -3px; +} + +.rd-navbar-collapse-toggle span, +.rd-navbar-collapse-toggle span:before, +.rd-navbar-collapse-toggle span:after { + position: absolute; + width: 6px; + height: 6px; + line-height: 6px; + text-align: center; + background: #151515; + left: 50%; + margin-left: -3px; + border-radius: 50%; + transition: 0.3s all ease; +} + +.rd-navbar-collapse-toggle span:before, +.rd-navbar-collapse-toggle span:after { + content: ""; +} + +.rd-navbar-collapse-toggle span:before { + bottom: 100%; + margin-bottom: 3px; +} + +.rd-navbar-collapse-toggle span:after { + top: 100%; + margin-top: 3px; +} + +.rd-navbar-collapse-toggle.active span { + transform: scale(0.7); +} + +.rd-navbar-collapse-toggle.active span:before { + transform: translateY(18px); +} + +.rd-navbar-collapse-toggle.active span:after { + transform: translateY(-18px); +} + +.rd-navbar-brand a { + display: block; +} + +.rd-navbar-search { + position: relative; + display: inline-flex; +} + +.rd-navbar-search .form-label { + top: 25px; + padding-left: 28px; + padding-right: 50px; + font-size: 16px; + letter-spacing: 0; + color: #01b3a7; +} + +.rd-navbar-search .form-input { + min-height: 47px; + padding: 12px 50px 12px 28px; + font-size: 16px; + line-height: 23px; + letter-spacing: 0; + border: none; + border-radius: 30px; + background: #ffffff; + box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); +} + +.rd-navbar-search .rd-search-form-submit { + position: absolute; + top: 0; + bottom: 0; + right: 6px; + width: 50px; + padding: 0; + margin: 0; + font-size: 24px; + line-height: 1; + border: none; + cursor: pointer; + background-color: transparent; + color: #151515; + transition: 0.33s; +} + +.rd-navbar-search .rd-search-form-submit:hover { + color: #01b3a7; +} + +.rd-navbar-search-toggle { + background: none; + border: none; + display: inline-block; + padding: 0; + outline: none; + outline-offset: 0; + cursor: pointer; + -webkit-appearance: none; +} + +.rd-navbar-search-toggle::-moz-focus-inner { + border: none; + padding: 0; +} + +.rd-navbar-dropdown { + display: none; +} + + +/* +* @subsection RD Navbar Static +*/ + + + +.rd-navbar-static { + display: block; +} + +.rd-navbar-static .rd-nav-item { + display: inline-block; +} + +.rd-navbar-static .rd-nav-item.focus .rd-nav-link, +.rd-navbar-static .rd-nav-item.opened .rd-nav-link { + color: #01b3a7; + background: transparent; +} + +.rd-navbar-static .rd-nav-item.focus>.rd-navbar-submenu-toggle, +.rd-navbar-static .rd-nav-item.opened>.rd-navbar-submenu-toggle { + color: #01b3a7; +} + +.rd-navbar-static .rd-nav-item.active .rd-nav-link { + color: #01b3a7; + background: transparent; +} + +.rd-navbar-static .rd-nav-item.active>.rd-navbar-submenu-toggle { + color: #01b3a7; +} + +.rd-navbar-static .rd-nav-item.focus>.rd-navbar-submenu-toggle::before, +.rd-navbar-static .rd-nav-item.opened>.rd-navbar-submenu-toggle::before, +.rd-navbar-static .rd-nav-item .rd-nav-link:hover+.rd-navbar-submenu-toggle::before { + transform: rotate(180deg); +} + +.rd-navbar-static .rd-nav-item>.rd-navbar-submenu-toggle { + display: none; + margin-left: 4px; + font-family: "Material Design Icons"; + font-size: 16px; + cursor: pointer; +} + +.rd-navbar-static .rd-nav-item>.rd-navbar-submenu-toggle::before { + position: relative; + display: inline-block; + transition: 0.22s; + content: "\f236"; +} + +.rd-navbar-static .rd-nav-item>.rd-navbar-submenu-toggle:hover { + color: #01b3a7; +} + +.rd-navbar-static .rd-nav-item>.rd-navbar-submenu { + margin-top: 20px; +} + +.rd-navbar-static .rd-nav-item+.rd-nav-item { + margin-left: 42px; +} + +.rd-navbar-static .rd-nav-link { + position: relative; + display: inline-block; + font-size: 16px; + line-height: 1.2; + font-weight: 500; + letter-spacing: 0; + color: #151515; + transition: 0.25s; +} + +.rd-navbar-static .rd-nav-link:hover { + color: #01b3a7; +} + +.rd-navbar-static .rd-menu { + z-index: 15; + position: absolute; + display: block; + margin-top: 22px; + visibility: hidden; + opacity: 0; + text-align: left; + border: none; + transform: translate3d(0, 30px, 0); +} + +.rd-navbar-static .rd-navbar-dropdown { + position: absolute; + left: 0; + padding: 22px 15px 20px 34px; + width: 270px; + background: #ffffff; + z-index: 5; +} + +.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown { + top: -1px; + left: 100%; + z-index: 2; + margin-top: -15px; + margin-left: 15px; + transform: translate3d(30px, 0, 0); +} + +.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown.rd-navbar-open-left { + left: auto; + right: 100%; + margin-left: 0; + margin-right: 15px; + transform: translate3d(-30px, 0, 0); +} + +.rd-navbar-static .rd-dropdown-item+.rd-dropdown-item { + margin-top: 8px; +} + +.rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link, +.rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link { + color: #151515; +} + +.rd-navbar-static .rd-dropdown-link { + color: #151515; +} + +.rd-navbar-static .rd-dropdown-link:hover { + color: #151515; +} + +.rd-navbar-static .rd-navbar-dropdown li>a, +.rd-navbar-static .rd-megamenu-list li>a { + position: relative; + left: -3px; + display: flex; + padding: 1px 14px 1px 0; + text-align: left; + transition: all 0.2s ease; +} + +.rd-navbar-static .rd-navbar-dropdown li>a, +.rd-navbar-static .rd-navbar-dropdown li>a:focus, +.rd-navbar-static .rd-navbar-dropdown li>a:active, +.rd-navbar-static .rd-megamenu-list li>a, +.rd-navbar-static .rd-megamenu-list li>a:focus, +.rd-navbar-static .rd-megamenu-list li>a:active { + color: #151515; +} + +.rd-navbar-static .rd-navbar-dropdown li>a:hover, +.rd-navbar-static .rd-megamenu-list li>a:hover { + color: #151515; +} + +.rd-navbar-static .rd-navbar-dropdown li>a::before, +.rd-navbar-static .rd-megamenu-list li>a::before { + display: inline-block; + position: relative; + content: ""; + top: 0; + left: 0; + width: 3px; + height: 26px; + font-size: 0; + line-height: 0; + background: #50ba87; + transition: all 0.15s ease; + visibility: hidden; + opacity: 0; +} + +.rd-navbar-static .rd-navbar-dropdown li.focus>a, +.rd-navbar-static .rd-navbar-dropdown li.opened>a, +.rd-navbar-static .rd-navbar-dropdown li>a:hover, +.rd-navbar-static .rd-megamenu-list li.focus>a, +.rd-navbar-static .rd-megamenu-list li.opened>a, +.rd-navbar-static .rd-megamenu-list li>a:hover { + padding-left: 14px; + padding-right: 0; +} + +.rd-navbar-static .rd-navbar-dropdown li.focus>a::before, +.rd-navbar-static .rd-navbar-dropdown li.opened>a::before, +.rd-navbar-static .rd-navbar-dropdown li>a:hover::before, +.rd-navbar-static .rd-megamenu-list li.focus>a::before, +.rd-navbar-static .rd-megamenu-list li.opened>a::before, +.rd-navbar-static .rd-megamenu-list li>a:hover::before { + transform: translateX(-14px) translate3d(0, 0, 0); + visibility: visible; + opacity: 1; + transition-delay: 0.1s; +} + +.rd-navbar-static .rd-navbar-dropdown>li>a, +.rd-navbar-static .rd-megamenu-list>li>a { + font-size: 14px; + line-height: 1.86; + letter-spacing: 0.05em; +} + +.rd-navbar-static .rd-megamenu-list { + columns: 2; + break-inside: avoid; + -moz-column-gap: 30px; + -webkit-column-gap: 30px; + margin-bottom: -8px; +} + +.rd-navbar-static .rd-megamenu-list li { + display: inline-block; + width: 100%; + margin-bottom: 8px; +} + +.rd-navbar-static .rd-navbar-megamenu { + display: flex; + left: 0; + width: calc(100% + 1px); + max-width: 1170px; + padding: 40px 0; + background: #ffffff; +} + +@media (min-width: 1200px) { + .rd-navbar-static .rd-navbar-megamenu { + padding: 50px 0; + } +} + +.rd-navbar-static .rd-megamenu-item { + flex-grow: 1; + padding-left: 30px; + padding-right: 30px; +} + +.rd-navbar-static .rd-megamenu-item>div { + max-width: 360px; + margin-left: auto; + margin-right: auto; +} + +.rd-navbar-static .rd-megamenu-item+.rd-megamenu-item { + position: relative; +} + +.rd-navbar-static .rd-megamenu-item+.rd-megamenu-item::before { + position: absolute; + content: ""; + top: -12px; + left: 0; + bottom: -12px; + width: 1px; + background: #e1e1e1; +} + +.rd-navbar-static .rd-megamenu-title { + font-weight: 400; + letter-spacing: 0.1em; +} + +.rd-navbar-static .rd-megamenu-carousel>div { + max-width: 180px; +} + +@media (min-width: 1200px) { + .rd-navbar-static .rd-megamenu-carousel>div { + max-width: 300px; + } +} + +.rd-navbar-static .rd-megamenu-list-link { + color: #000000; + background: transparent; +} + +.rd-navbar-static .rd-megamenu-list-link:hover { + color: #01b3a7; + background: transparent; +} + +.rd-navbar-static *+.rd-megamenu-list { + margin-top: 20px; +} + +.rd-navbar-static .rd-navbar-submenu.focus>.rd-menu, +.rd-navbar-static .rd-navbar-submenu.opened>.rd-menu { + opacity: 1; + visibility: visible; + transform: translate3d(0, 0, 0); +} + +.rd-navbar-static .rd-navbar-search.active .rd-search { + opacity: 1; + visibility: visible; +} + +.rd-navbar-static .rd-search { + position: absolute; + top: 50%; + right: calc(100% + 5px); + width: 270px; + margin-top: -23.5px; + opacity: 0; + visibility: hidden; + transition: 0.3s; + z-index: 2; +} + +.rd-navbar-static *+.rd-navbar-search { + margin-left: 8px; +} + +.rd-navbar-static .rd-navbar-search-toggle { + display: inline-flex; + color: #151515; +} + +.rd-navbar-static .rd-navbar-search-toggle span { + display: inline-block; + position: relative; + width: 30px; + height: 30px; + font-size: 24px; + line-height: 30px; + text-align: center; + cursor: pointer; + background: none; + border: none; + outline: none; + padding: 0; +} + +.rd-navbar-static .rd-navbar-search-toggle span::before, +.rd-navbar-static .rd-navbar-search-toggle span::after { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + transition: all 0.3s ease; +} + +.rd-navbar-static .rd-navbar-search-toggle span::before { + content: ""; + transform: rotate(0deg) scale(1); + opacity: 1; + visibility: visible; + font-family: "fl-bigmug-line"; +} + +.rd-navbar-static .rd-navbar-search-toggle span::after { + content: ""; + transform: rotate(-90deg) scale(0.4); + opacity: 0; + visibility: hidden; + font-family: "fl-bigmug-line"; +} + +.rd-navbar-static .rd-navbar-search-toggle.active span::before { + opacity: 0; + visibility: hidden; + transform: rotate(90deg) scale(0.4); +} + +.rd-navbar-static .rd-navbar-search-toggle.active span::after { + transform: rotate(0deg) scale(1); + opacity: 1; + visibility: visible; +} + +.rd-navbar-static .rd-navbar-search-toggle:hover { + color: #01b3a7; +} + +.rd-navbar-static.rd-navbar--is-clone { + display: block; + transform: translate3d(0, -100%, 0); +} + +.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck { + transform: translate3d(0, 0, 0); +} + +.rd-navbar-static.rd-navbar--is-stuck, +.rd-navbar-static.rd-navbar--is-clone { + position: fixed; + left: 0; + top: 0; + right: 0; + z-index: 1030; + background: #ffffff; +} + +.rd-navbar-static .rd-navbar--has-dropdown { + position: relative; +} + +.rd-navbar-static .rd-navbar-basket-wrap { + display: block; +} + +.rd-navbar-static .rd-navbar-basket-mobile { + display: none; +} + +.rd-navbar-static .rd-navbar-share-list { + justify-content: flex-start; + position: absolute; + top: 50%; + right: 0; + padding-top: 4px; + padding-bottom: 4px; + background: transparent; + transform: translateY(-50%); + pointer-events: none; + transition: all 0.2s ease 0.1s; +} + +.rd-navbar-static .rd-navbar-share-list-item { + opacity: 0; + visibility: hidden; + transform: translateX(20px); + will-change: transform; + transition: all 0.3s ease; +} + +.rd-navbar-static .rd-navbar-share-list.active { + pointer-events: auto; + background: #ffffff; + transition-delay: 0s; +} + +.rd-navbar-static .rd-navbar-share-list.active .rd-navbar-share-list-item { + opacity: 1; + transform: none; + visibility: visible; +} + +.rd-navbar-static .rd-navbar-share-list.active li:nth-child(2) { + transition-delay: 100ms; +} + +.rd-navbar-static .rd-navbar-share-list.active li:nth-child(3) { + transition-delay: 150ms; +} + +.rd-navbar-static .rd-navbar-share-list.active li:nth-child(4) { + transition-delay: 200ms; +} + +.rd-navbar-static .rd-navbar-share-list.active li:nth-child(5) { + transition-delay: 250ms; +} + +.rd-navbar-static .rd-navbar-share-list.active li:nth-child(6) { + transition-delay: 300ms; +} + +.rd-navbar-static .rd-navbar-share-list.active li:nth-child(7) { + transition-delay: 350ms; +} + +.rd-navbar-static .rd-navbar-share-list.active li:nth-child(8) { + transition-delay: 400ms; +} + +.rd-navbar-static .rd-navbar-share-list.active li:nth-child(9) { + transition-delay: 450ms; +} + +.rd-navbar-static .rd-navbar-share-list.active li:nth-child(10) { + transition-delay: 500ms; +} + +.rd-navbar-static *+.rd-navbar-share { + margin-left: 12px; +} + +.rd-navbar-basket { + position: relative; + display: inline-block; + padding-right: 14px; + font-size: 24px; + line-height: 1; + color: #151515; + outline: none; + border: none; + box-shadow: none; + background: none; + cursor: pointer; + transition: all 0.3s ease-in-out; +} + +.rd-navbar-basket span { + position: absolute; + top: 0; + right: 0; + font-size: 14px; + font-family: "Maven Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 500; + color: #50ba87; +} + +.rd-navbar-basket:hover { + color: #01b3a7; +} + +.rd-navbar-basket-wrap { + position: relative; + display: none; +} + +.cart-inline { + position: absolute; + text-align: left; + top: calc(100% + 30px); + right: -18px; + min-width: 400px; + margin-top: 30px; + background: #ffffff; + transform: translate3d(0, 0, 0); + backface-visibility: hidden; + filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.17)); + opacity: 0; + visibility: hidden; + pointer-events: none; + transition: all 0.3s ease-in-out; + z-index: 999999; +} + +.cart-inline::before { + position: absolute; + content: ""; + bottom: calc(100% - 10px); + right: 40px; + width: 0; + height: 0; + border-style: solid; + border-width: 0 0 34px 34px; + border-color: transparent transparent #ffffff transparent; +} + +.cart-inline.active { + margin-top: 0; + opacity: 1; + visibility: visible; + pointer-events: auto; +} + +.cart-inline .stepper input[type="number"] { + min-height: 40px; + padding-top: 0; + padding-bottom: 0; +} + +.cart-inline-header { + padding: 20px; +} + +.cart-inline-body { + padding: 20px; + border-top: 1px solid #e1e1e1; +} + +.cart-inline-footer { + padding: 20px; + border-top: 1px solid #e1e1e1; +} + +.cart-inline-title { + font-weight: 400; +} + +.cart-inline-figure { + display: block; + background: #f4f4f4; +} + +.cart-inline-figure img { + width: 100%; +} + +.cart-inline-name+* { + margin-top: 10px; +} + +*+.cart-inline-title { + margin-top: 0; +} + +.cart-inline-title+.cart-inline-title { + margin-top: 10px; +} + +.cart-inline-item+.cart-inline-item { + margin-top: 15px; +} + +.ie-10 .cart-inline, +.ie-11 .cart-inline, +.ie-edge .cart-inline { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); +} + +.ie-10 .cart-inline::before, +.ie-11 .cart-inline::before, +.ie-edge .cart-inline::before { + bottom: 100%; + border-width: 0 0 24px 24px; + z-index: 1; +} + +.ie-10 .cart-inline::after, +.ie-11 .cart-inline::after, +.ie-edge .cart-inline::after { + position: absolute; + content: ""; + bottom: calc(100% + 2px); + right: 38px; + width: 0; + height: 0; + border-style: solid; + border-width: 0 0 28px 28px; + border-color: transparent transparent rgba(0, 0, 0, 0.04) transparent; + z-index: 0; +} + +.rd-navbar-share { + position: relative; + font-size: 24px; + line-height: 1; + cursor: pointer; +} + +.rd-navbar-share-list { + display: flex; + flex-wrap: nowrap; + justify-content: center; + align-items: center; + margin-left: -9px; + margin-right: -9px; +} + +.rd-navbar-share-list>* { + padding-left: 9px; + padding-right: 9px; +} + +.rd-navbar-share-list-item a, +.rd-navbar-share-list-item a:focus, +.rd-navbar-share-list-item a:active { + color: #151515; +} + +.rd-navbar-share-list-item a:hover { + color: #50ba87; +} + +.rd-navbar-share-list-item .icon { + font-size: 20px; +} + +.rd-navbar-share:hover { + color: #01b3a7; +} + +.rd-navbar-project-hamburger { + cursor: pointer; + z-index: 1031; +} + +.project-hamburger { + display: flex; + align-self: center; + flex-direction: column; + justify-content: space-between; + height: 23px; +} + +.project-hamburger>span { + display: inline-block; + align-self: flex-end; + height: 3px; + background: #151515; +} + +.project-hamburger-arrow-top { + width: 100%; + transition: opacity 0.15s ease-in-out 0.3s; +} + +.project-hamburger-arrow-center { + width: 80%; + transition: all 0.16s ease-in-out, opacity 0.15s ease-in-out 0.4s; +} + +.project-hamburger-arrow-bottom { + width: 60%; + transition: all 0.32s ease-in-out, opacity 0.15s ease-in-out 0.5s; +} + +.project-hamburger:hover>span { + width: 100%; +} + +.project-hamburger:hover .project-hamburger-arrow-top { + animation: burger-hover 0.8s infinite ease-in-out alternate; +} + +.project-hamburger:hover .project-hamburger-arrow-center { + animation: burger-hover 0.8s infinite ease-in-out alternate forwards 0.16s; +} + +.project-hamburger:hover .project-hamburger-arrow-bottom { + animation: burger-hover 0.8s infinite ease-in-out alternate forwards 0.32s; +} + +@keyframes burger-hover { + 0% { + width: 100%; + } + 50% { + width: 50%; + background: #50ba87; + } + 100% { + width: 100%; + } +} + +@keyframes burger-hover-primary { + 0% { + width: 100%; + } + 50% { + width: 50%; + background: #01b3a7; + } + 100% { + width: 100%; + } +} + +.project-close { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + transform: rotate(45deg); + z-index: -1; +} + +.project-close span { + position: absolute; + background: #151515; + transition: all 0.15s ease-in-out; +} + +.project-close span:nth-child(1) { + height: 0; + width: 2px; + top: 10%; + left: 50%; + margin-left: -1px; + transition-delay: 0s; +} + +.project-close span:nth-child(2) { + width: 0; + height: 2px; + left: 10%; + top: 50%; + margin-top: -1px; + transition-delay: 0.15s; +} + +.project-hamburger-2 { + display: flex; + overflow: hidden; + align-self: center; + flex-direction: column; + justify-content: space-between; + height: 23px; +} + +.project-hamburger-2>span { + position: relative; + display: inline-block; + align-self: flex-end; + height: 2px; + width: 100%; + background: #151515; + transition: width 0.2s ease; +} + +.project-hamburger-2>span::after { + position: absolute; + display: inline-block; + content: ""; + top: 0; + left: 0; + height: inherit; + width: inherit; + background: #50ba87; + transform: translateX(-100%); + animation: pagOutX 0.3s; +} + +.project-hamburger-2:hover>span::after { + animation: pagInX 0.3s forwards; +} + +.project-hamburger-2:hover>span:nth-child(2)::after { + animation-delay: 0.1s; +} + +.project-hamburger-2:hover>span:nth-child(3)::after { + animation-delay: 0.2s; +} + +.project-hamburger-3 { + display: flex; + overflow: hidden; + align-items: center; + flex-direction: column; + justify-content: space-between; + height: 16px; +} + +.project-hamburger-3>span { + position: relative; + display: inline-block; + height: 2px; + width: 100%; + background: #ffffff; + transition: width 0.2s ease 0.3s; +} + +.rd-navbar-project-hamburger.active .project-hamburger>span { + opacity: 0; +} + +.rd-navbar-project-hamburger.active .project-hamburger .project-hamburger-arrow-top { + transition-delay: 0s; +} + +.rd-navbar-project-hamburger.active .project-hamburger .project-hamburger-arrow-center { + transition-delay: 0.1s; +} + +.rd-navbar-project-hamburger.active .project-hamburger .project-hamburger-arrow-bottom { + transition-delay: 0.2s; +} + +.rd-navbar-project-hamburger.active .project-hamburger-3 .project-hamburger-arrow { + width: 0; + transition-delay: 0s; +} + +.rd-navbar-project-hamburger.active .project-close>span:nth-child(1) { + height: 80%; + transition-delay: 0.3s; +} + +.rd-navbar-project-hamburger.active .project-close>span:nth-child(2) { + width: 80%; + transition-delay: 0.45s; +} + + +/* +* +* RD Navbar Fixed +*/ + +.rd-navbar-fixed { + display: block; +} + +.rd-navbar-fixed .rd-navbar-toggle { + display: inline-block; +} + +.rd-navbar-fixed .rd-navbar-brand { + position: relative; + margin-left: 6px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + text-align: left; + font-size: 22px; + line-height: 46px; +} + +.rd-navbar-fixed .rd-navbar-brand img { + max-width: 120px; + max-height: 58px; + width: auto; + height: auto; +} + +@media (min-width: 576px) { + .rd-navbar-fixed .rd-navbar-brand img { + max-width: 200px; + } +} + +.rd-navbar-fixed .rd-navbar-panel { + position: fixed; + left: 0; + top: 0; + right: 0; + z-index: 1030; + display: flex; + align-items: center; + height: 56px; + padding: 4px; +} + +.rd-navbar-fixed .rd-navbar-nav-wrap { + position: fixed; + left: 0; + top: -56px; + bottom: -56px; + z-index: 1029; + width: 270px; + padding: 140px 0 81px; + overflow-y: auto; + overflow-x: hidden; + -webkit-overflow-scrolling: touch; + font-size: 14px; + line-height: 34px; + transform: translateX(-110%); +} + +.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar { + width: 4px; +} + +.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb { + background: rgba(80, 186, 135, 0.5); + border: none; + border-radius: 0; + opacity: 0.2; +} + +.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track { + background: #e1e1e1; + border: none; + border-radius: 0; +} + +.rd-navbar-fixed .rd-navbar-nav-wrap.active { + transform: translateX(0); +} + +.rd-navbar-fixed .rd-navbar-nav { + display: block; + padding-top: 20px; + margin: 30px 0 20px; + height: auto; + text-align: left; + border-top: 1px solid #e1e1e1; +} + +.rd-navbar-fixed .rd-nav-item { + text-align: left; +} + +.rd-navbar-fixed .rd-nav-item+.rd-nav-item { + margin-top: 4px; +} + +.rd-navbar-fixed .rd-nav-link { + display: block; + padding: 9px 56px 9px 18px; +} + +.rd-navbar-fixed li.opened>.rd-navbar-dropdown { + padding: 4px 0 0; +} + +.rd-navbar-fixed li.opened>.rd-navbar-megamenu { + padding-top: 15px; + padding-bottom: 0; +} + +.rd-navbar-fixed li.opened>.rd-menu { + opacity: 1; + height: auto; +} + +.rd-navbar-fixed li.opened>.rd-navbar-submenu-toggle::after { + transform: rotate(180deg); +} + +.rd-navbar-fixed .rd-menu { + display: none; + transition: opacity 0.3s, height 0.4s ease; + opacity: 0; + height: 0; + overflow: hidden; +} + +.rd-navbar-fixed .rd-navbar-submenu { + position: relative; +} + +.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown .rd-navbar-submenu-toggle:after { + height: 34px; + line-height: 34px; +} + +.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown>li>a { + padding-left: 30px; +} + +.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li>a, +.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li>a { + padding-left: 46px; +} + +.rd-navbar-fixed .rd-navbar-submenu.opened>.rd-navbar-dropdown, +.rd-navbar-fixed .rd-navbar-submenu.opened>.rd-navbar-megamenu { + display: block; +} + +.rd-navbar-fixed .rd-megamenu-list>li>a, +.rd-navbar-fixed .rd-navbar-dropdown>li>a { + display: block; + padding: 9px 56px 9px 16px; + font-size: 12px; + line-height: 1.5; +} + +.rd-navbar-fixed .rd-megamenu-list>li+li, +.rd-navbar-fixed .rd-navbar-dropdown>li+li { + margin-top: 3px; +} + +.rd-navbar-fixed .rd-megamenu-list>li>a { + padding-left: 30px; +} + +.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title { + position: relative; + display: block; + padding: 0 18px 7px; + font-size: 18px; + line-height: 1.5; + letter-spacing: 0.1em; +} + +.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after { + content: ""; + position: absolute; + left: 20px; + right: 20px; + bottom: 0; + border-bottom: 1px solid; +} + +.rd-navbar-fixed .rd-navbar-megamenu *+.rd-megamenu-list { + margin-top: 11px; +} + +.rd-navbar-fixed .rd-navbar-megamenu *+.rd-megamenu-title { + margin-top: 20px; +} + +.rd-navbar-fixed .rd-navbar-megamenu>li+li { + margin-top: 20px; +} + +.rd-navbar-fixed .rd-navbar-submenu-toggle { + cursor: pointer; +} + +.rd-navbar-fixed .rd-navbar-submenu-toggle::after { + content: "\f107"; + position: absolute; + top: 0; + right: 0; + width: 56px; + height: 52px; + font: 400 16px "FontAwesome"; + line-height: 52px; + text-align: center; + transition: 0.4s all ease; + z-index: 2; + cursor: pointer; +} + +.rd-navbar-fixed .rd-navbar-collapse-toggle { + display: block; + top: 4px; + z-index: 1031; +} + +.rd-navbar-fixed .rd-navbar-collapse { + position: fixed; + right: 0; + top: 56px; + z-index: 1029; + transform: translate3d(0, 30px, 0); + padding: 20px; + width: auto; + max-width: 270px; + border-radius: 0; + text-align: left; + font-size: 14px; + opacity: 0; + visibility: hidden; + transition: 0.3s; +} + +.rd-navbar-fixed .rd-navbar-collapse.active { + transform: translate3d(0, 0, 0); + opacity: 1; + visibility: visible; +} + +.rd-navbar-fixed .rd-navbar-main-element { + position: absolute; + float: left; +} + +.rd-navbar-fixed .rd-navbar-search { + display: block; + width: calc(100% - 30px); + margin-left: auto; + margin-right: auto; +} + +.rd-navbar-fixed .rd-navbar-search .rd-search-results-live { + display: none; +} + +.rd-navbar-fixed .rd-navbar-search .form-input { + padding-right: 50px; + padding-left: 20px; + border-radius: 0; +} + +.rd-navbar-fixed .rd-navbar-search .form-label { + padding-left: 20px; +} + +.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { + position: absolute; + top: 0; + bottom: 0; + right: 0; + width: 50px; + padding: 0; + margin: 0; + border: none; + background-color: transparent; +} + +.rd-navbar-fixed .rd-navbar-search.active .rd-search { + opacity: 1; + visibility: visible; + transform: none; +} + +.rd-navbar-fixed .rd-navbar-share { + display: flex; + justify-content: space-between; + align-items: center; + width: calc(100% - 30px); + margin-left: auto; + margin-right: auto; +} + +.rd-navbar-fixed .rd-navbar-share::before { + display: none; +} + +.rd-navbar-fixed *+.rd-navbar-share { + margin-top: 20px; +} + +.rd-navbar-fixed .rd-navbar-search-toggle { + display: none; +} + +.rd-navbar-fixed .rd-navbar-search-toggle span { + display: inline-block; + position: relative; + width: 48px; + height: 48px; + font-size: 24px; + line-height: 48px; + text-align: center; + cursor: pointer; + background: none; + border: none; + outline: none; + padding: 0; +} + +.rd-navbar-fixed .rd-navbar-search-toggle span::before, +.rd-navbar-fixed .rd-navbar-search-toggle span::after { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + transition: all 0.3s ease; +} + +.rd-navbar-fixed .rd-navbar-search-toggle span::before { + content: ""; + transform: rotate(0deg) scale(1); + opacity: 1; + visibility: visible; + font-family: "fl-bigmug-line"; +} + +.rd-navbar-fixed .rd-navbar-search-toggle span::after { + content: ""; + transform: rotate(-90deg) scale(0.4); + opacity: 0; + visibility: hidden; + font-family: "fl-bigmug-line"; +} + +.rd-navbar-fixed .rd-navbar-search-toggle.active span::before { + opacity: 0; + visibility: hidden; + transform: rotate(90deg) scale(0.4); +} + +.rd-navbar-fixed .rd-navbar-search-toggle.active span::after { + transform: rotate(0deg) scale(1); + opacity: 1; + visibility: visible; +} + +.rd-navbar-fixed [class*="rd-navbar-fixed-element"] { + position: fixed; + top: 4px; + z-index: 1032; +} + +.rd-navbar-fixed .rd-navbar-fixed-element-1 { + right: 0; +} + +.rd-navbar-fixed .rd-navbar-fixed-element-2 { + right: 52px; +} + +.rd-navbar-fixed .rd-navbar-fixed-element-3 { + right: 100px; +} + +.rd-navbar-fixed.rd-navbar--is-clone { + display: none; +} + +.rd-navbar-fixed .rd-navbar-fixed--visible { + display: block; +} + +.rd-navbar-fixed .rd-navbar-fixed--hidden { + display: none; +} + +.rd-navbar-fixed .rd-megamenu-carousel { + display: none; +} + +.rd-navbar-fixed .rd-navbar-panel { + color: #151515; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); + background: #ffffff; +} + +.rd-navbar-fixed .rd-navbar-nav-wrap { + color: #ffffff; + background: #ffffff; + border: 1px solid #d7d7d7; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); +} + +.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, +.rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, +.rd-navbar-fixed .rd-nav-item.active .rd-nav-link, +.rd-navbar-fixed .rd-nav-item.opened .rd-nav-link { + color: #ffffff; + background: #01b3a7; +} + +.rd-navbar-fixed .rd-nav-item:hover>.rd-navbar-submenu-toggle, +.rd-navbar-fixed .rd-nav-item.focus>.rd-navbar-submenu-toggle, +.rd-navbar-fixed .rd-nav-item.active>.rd-navbar-submenu-toggle, +.rd-navbar-fixed .rd-nav-item.opened>.rd-navbar-submenu-toggle { + color: #ffffff; +} + +.rd-navbar-fixed .rd-nav-link { + color: #151515; +} + +.rd-navbar-fixed .rd-megamenu-list>li>a, +.rd-navbar-fixed .rd-navbar-dropdown>li>a { + color: #151515; + font-size: 14px; + line-height: 1.86; + letter-spacing: 0.05em; +} + +.rd-navbar-fixed .rd-megamenu-list>li:hover>a, +.rd-navbar-fixed .rd-megamenu-list>li.focus>a, +.rd-navbar-fixed .rd-megamenu-list>li.active>a, +.rd-navbar-fixed .rd-megamenu-list>li.opened>a, +.rd-navbar-fixed .rd-navbar-dropdown>li:hover>a, +.rd-navbar-fixed .rd-navbar-dropdown>li.focus>a, +.rd-navbar-fixed .rd-navbar-dropdown>li.active>a, +.rd-navbar-fixed .rd-navbar-dropdown>li.opened>a { + color: #ffffff; + background: #01b3a7; +} + +.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title { + color: #50ba87; +} + +.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after { + border-bottom: 1px solid #d7d7d7; +} + +.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a, +.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:focus, +.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:active { + color: #ffffff; +} + +.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:hover { + color: #01b3a7; +} + +.rd-navbar-fixed .rd-navbar-submenu-toggle { + color: #151515; +} + +.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { + color: #151515; +} + +.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover { + color: #01b3a7; +} + +.rd-navbar-fixed .rd-navbar-search-toggle { + color: #151515; +} + +.rd-navbar-fixed .rd-navbar-search-toggle:hover { + color: #01b3a7; +} + +.rd-navbar-fixed .rd-navbar-collapse { + background-color: #ffffff; + box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); +} + +.rd-navbar-fixed .rd-navbar-collapse { + color: #151515; +} + +html.rd-navbar-fixed-linked .page { + padding-top: 56px; +} + + +/* +* +* RD Navbar Sidebar +*/ + +.rd-navbar-sidebar { + display: block; + background: #ffffff; +} + +.rd-navbar-sidebar .rd-navbar-main-outer { + padding-left: 15px; + padding-right: 15px; +} + +.rd-navbar-sidebar .rd-navbar-main { + position: relative; + display: flex; + align-items: center; + justify-content: space-between; + padding: 22px 60px 22px 0; + max-width: 1200px; + margin-left: auto; + margin-right: auto; + transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); +} + +.rd-navbar-sidebar .rd-navbar-main-element { + display: flex; + align-items: center; +} + +.rd-navbar-sidebar .rd-navbar-main-element>*+* { + margin-left: 20px; +} + +.rd-navbar-sidebar .rd-navbar-toggle { + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + display: block; + z-index: 1102; +} + +.rd-navbar-sidebar .rd-navbar-panel { + min-width: 200px; + text-align: center; +} + +.rd-navbar-sidebar .rd-navbar-brand img { + width: auto; + height: auto; + max-width: 200px; + max-height: 200px; +} + +.rd-navbar-sidebar .rd-navbar-nav-wrap { + position: fixed; + top: 0; + bottom: 0; + right: 0; + z-index: 1101; + width: 450px; + padding: 94px 0 0 0; + background: #ffffff; + transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); + transform: translateX(100%); + box-shadow: 0 0 13px 0 rgba(204, 204, 204, 0.16); +} + +.rd-navbar-sidebar .rd-navbar-nav-wrap.active { + transition-delay: 0.1s; + transform: translateX(0); +} + +.rd-navbar-sidebar .rd-navbar-nav { + height: calc(100vh - 100px); + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + border-top: 1px solid #d7d7d7; +} + +.rd-navbar-sidebar .rd-nav-item { + position: relative; + display: block; + padding: 19px 30px 19px 40px; +} + +.rd-navbar-sidebar .rd-nav-item.active .rd-nav-link { + color: #01b3a7; +} + +.rd-navbar-sidebar .rd-nav-item .rd-nav-link, +.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle { + font-size: 18px; +} + +.rd-navbar-sidebar .rd-nav-item+.rd-nav-item { + border-top: 1px solid #d7d7d7; +} + +.rd-navbar-sidebar .rd-nav-item:last-child { + border-bottom: 1px solid #d7d7d7; + margin-bottom: 30px; +} + +.rd-navbar-sidebar .rd-nav-link { + max-width: calc(100% - 30px); + word-break: break-all; + font-size: 18px; + line-height: 1.4; + text-transform: none; + color: #cccccc; +} + +.rd-navbar-sidebar .rd-nav-link:hover { + color: #01b3a7; +} + +.rd-navbar-sidebar .rd-navbar-submenu .opened>.rd-navbar-submenu-toggle::after { + transform: rotate(180deg); +} + +.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-dropdown, +.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-megamenu { + display: none; + opacity: 0; + visibility: hidden; + will-change: opacity, visibility; + transition: opacity 0.2s; +} + +.rd-navbar-sidebar .rd-navbar-submenu.opened>.rd-navbar-dropdown, +.rd-navbar-sidebar .rd-navbar-submenu.opened>.rd-navbar-megamenu { + display: block; + opacity: 1; + visibility: visible; +} + +.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu>.rd-navbar-dropdown, +.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu>.rd-navbar-megamenu { + transform: translateY(30px); +} + +.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu.opened>.rd-navbar-dropdown, +.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu.opened>.rd-navbar-megamenu { + transform: translateY(0); +} + +.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu .rd-navbar-submenu>.rd-navbar-dropdown { + transform: translateX(-20px); +} + +.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu .rd-navbar-submenu.opened>.rd-navbar-dropdown { + transform: translateX(0); +} + +.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle, +.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle { + position: absolute; + top: 0; + right: 0; + padding-top: inherit; + padding-right: inherit; + padding-left: 10px; + margin-bottom: inherit; + display: inline-block; + width: 30px; + margin-left: 5px; + text-align: center; + cursor: pointer; + color: #151515; +} + +.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle:hover, +.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle:hover { + color: #01b3a7; +} + +.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle::after, +.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle::after { + content: "\f107"; + position: relative; + display: inline-block; + font-family: "FontAwesome"; + font-size: inherit; + line-height: inherit; + text-align: center; + vertical-align: middle; + transition: 0.4s all ease; + z-index: 2; + will-change: transform; +} + +.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle { + font-size: 14px; + color: #cccccc; + margin-left: 7px; +} + +.rd-navbar-sidebar .rd-menu { + margin-top: 31px; +} + +.rd-navbar-sidebar .rd-navbar-dropdown, +.rd-navbar-sidebar .rd-megamenu-list { + font-size: 14px; +} + +.rd-navbar-sidebar .rd-navbar-dropdown li>a, +.rd-navbar-sidebar .rd-megamenu-list li>a { + position: relative; + left: -3px; + display: flex; + padding: 1px 14px 1px 0; + text-align: left; + transition: all 0.2s ease; +} + +.rd-navbar-sidebar .rd-navbar-dropdown li>a, +.rd-navbar-sidebar .rd-navbar-dropdown li>a:focus, +.rd-navbar-sidebar .rd-navbar-dropdown li>a:active, +.rd-navbar-sidebar .rd-megamenu-list li>a, +.rd-navbar-sidebar .rd-megamenu-list li>a:focus, +.rd-navbar-sidebar .rd-megamenu-list li>a:active { + color: #151515; +} + +.rd-navbar-sidebar .rd-navbar-dropdown li>a:hover, +.rd-navbar-sidebar .rd-megamenu-list li>a:hover { + color: #151515; +} + +.rd-navbar-sidebar .rd-navbar-dropdown li>a::before, +.rd-navbar-sidebar .rd-megamenu-list li>a::before { + display: inline-block; + position: relative; + content: ""; + top: 0; + left: 0; + width: 3px; + height: 26px; + font-size: 0; + line-height: 0; + background: #50ba87; + transition: all 0.15s ease; + visibility: hidden; + opacity: 0; +} + +.rd-navbar-sidebar .rd-navbar-dropdown li.focus>a, +.rd-navbar-sidebar .rd-navbar-dropdown li.opened>a, +.rd-navbar-sidebar .rd-navbar-dropdown li>a:hover, +.rd-navbar-sidebar .rd-megamenu-list li.focus>a, +.rd-navbar-sidebar .rd-megamenu-list li.opened>a, +.rd-navbar-sidebar .rd-megamenu-list li>a:hover { + padding-left: 14px; + padding-right: 0; +} + +.rd-navbar-sidebar .rd-navbar-dropdown li.focus>a::before, +.rd-navbar-sidebar .rd-navbar-dropdown li.opened>a::before, +.rd-navbar-sidebar .rd-navbar-dropdown li>a:hover::before, +.rd-navbar-sidebar .rd-megamenu-list li.focus>a::before, +.rd-navbar-sidebar .rd-megamenu-list li.opened>a::before, +.rd-navbar-sidebar .rd-megamenu-list li>a:hover::before { + transform: translateX(-14px) translate3d(0, 0, 0); + visibility: visible; + opacity: 1; + transition-delay: 0.1s; +} + +.rd-navbar-sidebar .rd-navbar-megamenu { + max-width: 450px; + margin-bottom: -30px; +} + +.rd-navbar-sidebar .rd-navbar-megamenu>* { + margin-bottom: 30px; +} + +.rd-navbar-sidebar .rd-navbar-megamenu>li { + display: inline-block; + vertical-align: top; + width: 45%; +} + +.rd-navbar-sidebar .rd-megamenu-title { + display: none; +} + +.rd-navbar-sidebar .rd-megamenu-list { + margin-top: 0; +} + +.rd-navbar-sidebar .rd-megamenu-list>li+li { + margin-top: 10px; +} + +.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown>a { + padding-right: 0; +} + +.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown>a::before { + display: none; +} + +.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown>a:hover { + padding-left: 0; +} + +.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.focus>a { + padding-left: 0; +} + +.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened>.rd-navbar-submenu-toggle { + color: #01b3a7; +} + +.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened>.rd-navbar-submenu-toggle::after { + top: 1px; +} + +.rd-navbar-sidebar .rd-navbar-dropdown>li+li { + margin-top: 10px; +} + +.rd-navbar-sidebar .rd-nav-item>.rd-navbar-dropdown { + margin-top: 25px; +} + +.rd-navbar-sidebar .rd-nav-item>.rd-navbar-dropdown .rd-navbar-dropdown { + margin-top: 10px; + padding-left: 15px; +} + +.rd-navbar-sidebar .rd-nav-item>.rd-navbar-dropdown .rd-navbar-dropdown>li>a { + font-size: 12px; +} + +@media (min-width: 1200px) { + .rd-navbar-sidebar .rd-navbar-megamenu { + margin-bottom: -30px; + } + .rd-navbar-sidebar .rd-navbar-megamenu>* { + margin-bottom: 30px; + } + .rd-navbar-sidebar .rd-navbar-dropdown>li+li, + .rd-navbar-sidebar .rd-megamenu-list>li+li { + margin-top: 18px; + } +} + +@media (min-width: 1200px) { + .rd-navbar-sidebar .rd-navbar-nav-wrap { + width: auto; + left: calc(50% + 600px - 80px); + } +} + +.rd-navbar-sidebar.rd-navbar--is-clone { + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1000; + transform: translateY(-101%); +} + +.rd-navbar-sidebar.rd-navbar--is-clone.rd-navbar--is-stuck { + transform: translateY(0); +} + +.rd-navbar-sidebar.rd-navbar--is-stuck { + position: fixed; + left: 0; + right: 0; + top: 0; + z-index: 1000; + box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1); +} + +.rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-main { + padding-top: 11px; + padding-bottom: 11px; +} + + +/** +* +* RD Navbar Classic +* ===================================================== +*/ + +.rd-navbar-classic.rd-navbar-static .rd-navbar-main-outer { + position: relative; + padding-left: 15px; + padding-right: 15px; +} + +@media (min-width: 1600px) { + .rd-navbar-classic.rd-navbar-static .rd-navbar-main-outer { + padding-left: 75px; + padding-right: 75px; + } +} + +.rd-navbar-classic.rd-navbar-static .rd-navbar-main { + display: flex; + align-items: flex-end; + justify-content: space-between; + max-width: 1770px; + margin-left: auto; + margin-right: auto; + padding: 16px 55px 14px 0; + transition: padding 0.35s ease-in-out; +} + +@media (min-width: 1200px) { + .rd-navbar-classic.rd-navbar-static .rd-navbar-main { + padding-top: 24px; + padding-right: 68px; + padding-bottom: 20px; + } + .rd-navbar-classic.rd-navbar-static .rd-navbar-main.active { + padding-right: 150px; + } +} + +@media (min-width: 1400px) { + .rd-navbar-classic.rd-navbar-static .rd-navbar-main { + padding-top: 30px; + padding-bottom: 26px; + } + .rd-navbar-classic.rd-navbar-static .rd-navbar-main.active { + padding-right: 290px; + } +} + +@media (min-width: 1600px) { + .rd-navbar-classic.rd-navbar-static .rd-navbar-main.active { + padding-right: 330px; + } +} + +@media (min-width: 1600px) and (max-width: 1937px) { + .rd-navbar-classic.rd-navbar-static .rd-navbar-main { + position: relative; + } + .rd-navbar-classic.rd-navbar-static .rd-navbar-main .rd-navbar-project-hamburger { + right: 0; + } +} + +@media (min-width: 1937px) { + .rd-navbar-classic.rd-navbar-static .rd-navbar-main, + .rd-navbar-classic.rd-navbar-static .rd-navbar-main.active { + padding-right: 0; + } +} + +.rd-navbar-classic.rd-navbar-static .rd-navbar-nav-wrap { + display: flex; + align-items: center; +} + +.rd-navbar-classic.rd-navbar-static .rd-navbar-nav { + order: -1; + margin-right: 46px; +} + +.rd-navbar-classic.rd-navbar-static .rd-navbar-brand img { + width: auto; + height: auto; + max-width: 140px; + max-height: 140px; +} + +@media (min-width: 1400px) { + .rd-navbar-classic.rd-navbar-static .rd-navbar-brand img { + max-width: 200px; + max-height: 200px; + } +} + +.rd-navbar-classic.rd-navbar-static .rd-navbar-main-element { + display: flex; + align-items: center; + margin-bottom: 5px; +} + +.rd-navbar-classic.rd-navbar-static .rd-navbar-submenu.focus .rd-navbar-megamenu, +.rd-navbar-classic.rd-navbar-static .rd-navbar-submenu.opened .rd-navbar-megamenu { + transform: translate3d(-50%, 0, 0); +} + +.rd-navbar-classic.rd-navbar-static .rd-menu { + margin-top: 22px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); +} + +@media (min-width: 1200px) { + .rd-navbar-classic.rd-navbar-static .rd-menu { + margin-top: 28px; + } +} + +@media (min-width: 1400px) { + .rd-navbar-classic.rd-navbar-static .rd-menu { + margin-top: 34px; + } +} + +.rd-navbar-classic.rd-navbar-static .rd-navbar-megamenu { + left: 50%; + max-width: 1770px; + transform: translate3d(-50%, 30px, 0); +} + +@media (min-width: 1400px) { + .rd-navbar-classic.rd-navbar-static .rd-megamenu-carousel>div { + max-width: 350px; + } +} + +@media (min-width: 1600px) { + .rd-navbar-classic.rd-navbar-static .rd-megamenu-carousel>div { + max-width: 440px; + } +} + +.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck, +.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); +} + +.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, +.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { + padding-top: 11px; + padding-bottom: 11px; +} + +.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-classic-project, +.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-classic-project { + padding-top: 80px; +} + +.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-menu, +.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-menu { + margin-top: 19px; +} + +.rd-navbar-classic.rd-navbar-static .rd-nav-item.focus .rd-nav-link, +.rd-navbar-classic.rd-navbar-static .rd-nav-item.opened .rd-nav-link, +.rd-navbar-classic.rd-navbar-static .rd-nav-item.active .rd-nav-link { + color: #151515; + background: transparent; +} + +.rd-navbar-classic.rd-navbar-static .rd-nav-item.focus .rd-nav-link::before, +.rd-navbar-classic.rd-navbar-static .rd-nav-item.opened .rd-nav-link::before, +.rd-navbar-classic.rd-navbar-static .rd-nav-item.active .rd-nav-link::before { + opacity: 1; + transform: none; + visibility: visible; +} + +.rd-navbar-classic.rd-navbar-static .rd-nav-item.focus .rd-nav-link>.rd-navbar-submenu-toggle, +.rd-navbar-classic.rd-navbar-static .rd-nav-item.opened .rd-nav-link>.rd-navbar-submenu-toggle, +.rd-navbar-classic.rd-navbar-static .rd-nav-item.active .rd-nav-link>.rd-navbar-submenu-toggle { + color: #151515; +} + +.rd-navbar-classic.rd-navbar-static .rd-nav-link::before { + position: absolute; + content: ""; + bottom: -8px; + left: 0; + height: 3px; + width: 100%; + background: #50ba87; + opacity: 0; + visibility: hidden; + transform: translateY(5px); + transition: all 0.2s ease; +} + +.rd-navbar-classic.rd-navbar-static .rd-nav-link:hover { + color: #151515; +} + +.rd-navbar-classic.rd-navbar-static .rd-nav-link:hover::before { + opacity: 1; + transform: none; + visibility: visible; +} + +.rd-navbar-classic.rd-navbar-static .rd-nav-item+.rd-nav-item { + margin-left: 22px; +} + +@media (min-width: 1200px) { + .rd-navbar-classic.rd-navbar-static .rd-nav-item+.rd-nav-item { + margin-left: 35px; + } +} + +@media (min-width: 1400px) { + .rd-navbar-classic.rd-navbar-static .rd-nav-item+.rd-nav-item { + margin-left: 42px; + } +} + +.rd-navbar-classic.rd-navbar-static .rd-navbar-search.active .rd-search { + width: 650px; +} + +@media (min-width: 1200px) { + .rd-navbar-classic.rd-navbar-static .rd-navbar-search.active .rd-search { + width: 750px; + } +} + +@media (min-width: 1400px) { + .rd-navbar-classic.rd-navbar-static .rd-navbar-search.active .rd-search { + width: 850px; + } +} + +.rd-navbar-classic.rd-navbar-static .rd-navbar-project-hamburger { + position: absolute; + right: 15px; + width: 35px; + height: 35px; + padding: 6px 0; +} + +.rd-navbar-classic.rd-navbar-fixed .rd-navbar-project-hamburger { + position: fixed; + right: 4px; + width: 48px; + height: 48px; + top: 4px; + padding: 13px 6px 12px; +} + +.rd-navbar-classic-2.rd-navbar-static .rd-nav-link::before { + background: #01b3a7; +} + +.rd-navbar-classic-2.rd-navbar-static .rd-navbar-dropdown li>a::before, +.rd-navbar-classic-2.rd-navbar-static .rd-megamenu-list li>a::before { + background: #01b3a7; +} + +.rd-navbar-classic-2 .rd-navbar-basket span { + color: #01b3a7; +} + +.rd-navbar-classic-2 .rd-navbar-share-list-item a:hover { + color: #01b3a7; +} + +.rd-navbar-classic-2 .project-hamburger:hover>* { + animation-name: burger-hover-primary; +} + +.rd-navbar-project { + position: fixed; + top: 0; + right: 0; + bottom: 0; + background: #ffffff; + transform: translateX(102%); + box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.37); + z-index: 1030; +} + +.rd-navbar-project-content { + overflow-y: auto; + overflow-x: hidden; + -webkit-overflow-scrolling: touch; +} + +.rd-navbar-project-content::-webkit-scrollbar { + width: 4px; +} + +.rd-navbar-project-content::-webkit-scrollbar-thumb { + background: rgba(80, 186, 135, 0.5); + border: none; + border-radius: 0; +} + +.rd-navbar-project-content::-webkit-scrollbar-track { + background: #e1e1e1; + border: none; + border-radius: 0; +} + +.rd-navbar-main.active .rd-navbar-project { + transform: translateX(0); +} + +.rd-navbar-classic-project { + padding: 75px 15px 15px; + width: 270px; +} + +.rd-navbar-classic-project-content { + direction: rtl; + padding-left: 6px; + margin-left: -6px; + height: calc(100vh - 170px); +} + +.rd-navbar-classic-project-content .row>div+div { + margin-top: 15px; +} + +.link-instafeed { + display: inline-block; + font-size: 14px; + letter-spacing: 0.025em; + color: #151515; +} + +.link-instafeed a, +.link-instafeed a:focus, +.link-instafeed a:active { + color: inherit; +} + +.link-instafeed a:hover { + color: #50ba87; +} + +@media (min-width: 576px) { + .rd-navbar-classic-project { + width: 285px; + } +} + +@media (min-width: 992px) { + .rd-navbar-classic-project-content { + height: calc(100vh - 205px); + } +} + +@media (min-width: 1200px) { + .rd-navbar-classic-project { + padding-top: 100px; + padding-bottom: 20px; + } +} + +@media (min-width: 1600px) { + .rd-navbar-classic-project { + width: 375px; + padding-left: 20px; + padding-right: 20px; + } + .rd-navbar-classic-project-content .row>div+div { + margin-top: 20px; + } + .link-instafeed { + font-size: 16px; + } +} + +*+.rd-navbar-classic-project-content { + margin-top: 20px; +} + + +/** +* +* RD Navbar Modern +* ===================================================== +*/ + +@media (min-width: 1200px) { + .rd-navbar-modern-wrap { + position: absolute; + top: 20px; + left: 0; + right: 0; + z-index: 1030; + } +} + +@media (min-width: 1600px) { + .rd-navbar-modern-wrap { + top: 40px; + } +} + +@media (min-width: 1800px) { + .rd-navbar-modern-wrap { + top: 70px; + } +} + +.rd-navbar-modern.rd-navbar-static { + background: transparent; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-main-outer { + position: relative; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-main { + display: flex; + align-items: center; + justify-content: space-between; + max-width: 1170px; + margin-left: auto; + margin-right: auto; + padding: 0 30px; + background: #ffffff; + transition: padding 0.35s ease-in-out; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-main.active .rd-navbar-nav-wrap { + margin-right: 0; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-nav-wrap { + display: flex; + align-items: center; + margin-right: 16px; + transition: all 0.3s ease; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-nav { + display: flex; + flex-direction: row; + margin-right: 10px; + font-size: 0; + line-height: 0; + order: -1; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-brand img { + width: auto; + height: auto; + max-width: 140px; + max-height: 140px; +} + +@media (min-width: 1400px) { + .rd-navbar-modern.rd-navbar-static .rd-navbar-brand img { + max-width: 200px; + max-height: 170px; + } +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-main-element { + display: flex; + align-items: center; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-main-element .rd-navbar-project-hamburger.active { + width: 0; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-submenu.focus .rd-navbar-megamenu, +.rd-navbar-modern.rd-navbar-static .rd-navbar-submenu.opened .rd-navbar-megamenu { + transform: translate3d(-50%, 0, 0); +} + +.rd-navbar-modern.rd-navbar-static .rd-menu { + margin-top: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-megamenu { + left: 50%; + transform: translate3d(-50%, 30px, 0); +} + +.rd-navbar-modern.rd-navbar-static::before { + position: absolute; + content: ""; + top: 0; + right: 10%; + bottom: 0; + left: 10%; + visibility: hidden; + background: transparent; + transition: all 0.3s ease; +} + +.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck, +.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone { + background: transparent; + box-shadow: none; +} + +.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck::before, +.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone::before { + right: 0; + left: 0; + visibility: visible; + background: #ffffff; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); +} + +.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-nav-link, +.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-nav-link { + padding-top: 30px; + padding-bottom: 25px; +} + +.rd-navbar-modern.rd-navbar-static .rd-nav-item.focus .rd-nav-link, +.rd-navbar-modern.rd-navbar-static .rd-nav-item.opened .rd-nav-link { + color: #50ba87; +} + +.rd-navbar-modern.rd-navbar-static .rd-nav-item.focus .rd-nav-link>.rd-navbar-submenu-toggle, +.rd-navbar-modern.rd-navbar-static .rd-nav-item.opened .rd-nav-link>.rd-navbar-submenu-toggle { + color: #50ba87; +} + +.rd-navbar-modern.rd-navbar-static .rd-nav-item.active .rd-nav-link { + color: #ffffff; +} + +.rd-navbar-modern.rd-navbar-static .rd-nav-item.active .rd-nav-link::before { + height: 100%; + opacity: 1; +} + +.rd-navbar-modern.rd-navbar-static .rd-nav-link { + padding: 30px 16px 25px; + font-size: 18px; + letter-spacing: 0.05em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + z-index: 1; +} + +.rd-navbar-modern.rd-navbar-static .rd-nav-link::before { + display: inline-block; + position: absolute; + content: ""; + top: 50%; + left: 0; + width: 100%; + height: 0; + opacity: 0; + background: #50ba87; + transform: translate3d(0, -50%, 0); + transition: all 0.3s ease; + z-index: -1; +} + +.rd-navbar-modern.rd-navbar-static .rd-nav-link:hover { + color: #50ba87; +} + +@media (min-width: 1200px) { + .rd-navbar-modern.rd-navbar-static .rd-nav-link { + padding: 38px 28px 33px; + } +} + +.rd-navbar-modern.rd-navbar-static .rd-nav-item+.rd-nav-item { + margin-left: 0; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-search.active .rd-search .form-wrap { + opacity: 1; + max-width: 80%; + transition-delay: 0.3s; +} + +@media (min-width: 1200px) { + .rd-navbar-modern.rd-navbar-static .rd-navbar-search.active .rd-search .form-wrap { + max-width: 1000px; + } +} + +.rd-navbar-modern.rd-navbar-static .rd-search { + position: fixed; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: auto; + margin-top: 0; + background: rgba(0, 0, 0, 0.9); + transition: all 0.3s ease-in-out; + z-index: 1090; +} + +.rd-navbar-modern.rd-navbar-static .rd-search .form-wrap { + margin-top: 20%; + margin-left: auto; + margin-right: auto; + max-width: 200px; + opacity: 0; + transition: all 0.3s ease; +} + +@media (min-width: 1600px) { + .rd-navbar-modern.rd-navbar-static .rd-search .form-wrap { + margin-top: 15%; + } +} + +.rd-navbar-modern.rd-navbar-static .form-label { + top: 30px; +} + +.rd-navbar-modern.rd-navbar-static .form-label, +.rd-navbar-modern.rd-navbar-static .rd-navbar-search-form-input { + color: #ffffff; + font-size: 24px; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-search-form-input { + border-radius: 0; + background: transparent; + border-bottom: 1px solid #ffffff; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-search-toggle { + position: relative; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-search-toggle.active { + color: #ffffff; + z-index: 1091; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-search-toggle.active:hover { + color: rgba(255, 255, 255, 0.5); +} + +.rd-navbar-modern.rd-navbar-static .rd-search-results-live { + min-height: 400px; +} + +.rd-navbar-modern.rd-navbar-static .rd-search-results-live .search-quick-result { + transform: translate3d(30px, 0, 0); + visibility: hidden; + opacity: 0; +} + +.rd-navbar-modern.rd-navbar-static .rd-search-results-live .search-list>li { + transform: translate3d(0, 40px, 0); + visibility: hidden; + opacity: 0; +} + +.rd-navbar-modern.rd-navbar-static .rd-search-form-submit { + color: #ffffff; +} + +.rd-navbar-modern.rd-navbar-static .rd-search-form-submit:hover { + color: rgba(255, 255, 255, 0.5); +} + +.rd-navbar-modern.rd-navbar-static .search-list { + display: flex; + flex-wrap: wrap; +} + +.rd-navbar-modern.rd-navbar-static .search-list>li { + transition: all 0.5s ease; +} + +.rd-navbar-modern.rd-navbar-static .search-list>li:not(.search-list-item-all) { + flex: 0 0 50%; + max-width: 50%; + margin-top: 20px; +} + +.rd-navbar-modern.rd-navbar-static .search-list .search-list-item-all { + margin-top: 30px; + padding: 0 15px; +} + +.rd-navbar-modern.rd-navbar-static .search-list li+li { + margin-top: 0; +} + +.rd-navbar-modern.rd-navbar-static .search-list { + margin-top: 10px; +} + +.rd-navbar-modern.rd-navbar-static #search-results { + margin: 0; + color: #ffffff; + background: transparent; + opacity: 1; + visibility: visible; + transform: none; +} + +.rd-navbar-modern.rd-navbar-static #search-results.active { + transform: none; +} + +.rd-navbar-modern.rd-navbar-static #search-results.active .search-quick-result { + opacity: 1; + visibility: visible; + transform: none; +} + +.rd-navbar-modern.rd-navbar-static #search-results.active .search-list>li { + opacity: 1; + visibility: visible; + transform: none; +} + +.rd-navbar-modern.rd-navbar-static #search-results.active .search-list li:nth-child(1) { + transition-delay: 50ms; +} + +.rd-navbar-modern.rd-navbar-static #search-results.active .search-list li:nth-child(2) { + transition-delay: 100ms; +} + +.rd-navbar-modern.rd-navbar-static #search-results.active .search-list li:nth-child(3) { + transition-delay: 150ms; +} + +.rd-navbar-modern.rd-navbar-static #search-results.active .search-list li:nth-child(4) { + transition-delay: 200ms; +} + +.rd-navbar-modern.rd-navbar-static #search-results.active .search-list li:nth-child(5) { + transition-delay: 250ms; +} + +.rd-navbar-modern.rd-navbar-static #search-results.active .search-list li:nth-child(6) { + transition-delay: 300ms; +} + +.rd-navbar-modern.rd-navbar-static #search-results.active .search-list li:nth-child(7) { + transition-delay: 350ms; +} + +.rd-navbar-modern.rd-navbar-static #search-results.active .search-list li:nth-child(8) { + transition-delay: 400ms; +} + +.rd-navbar-modern.rd-navbar-static #search-results.active .search-list li:nth-child(9) { + transition-delay: 450ms; +} + +.rd-navbar-modern.rd-navbar-static #search-results.active .search-list li:nth-child(10) { + transition-delay: 500ms; +} + +.rd-navbar-modern.rd-navbar-static .search-submit { + display: inline-block; + padding: 10px 30px; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.rd-navbar-modern.rd-navbar-static *+.rd-search-results-live { + margin-top: 20px; +} + +.rd-navbar-modern.rd-navbar-static .search-title { + color: #ffffff; +} + +.rd-navbar-modern.rd-navbar-static .search-quick-result { + color: #ffffff; + transition: all 0.5s ease; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-project-hamburger { + position: relative; + width: 28px; + height: 35px; + padding: 6px 0; + transition: all 0.3s ease; + z-index: 10; +} + +.rd-navbar-modern.rd-navbar-static .project-hamburger { + display: none; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-main-element .project-close { + display: none; +} + +.rd-navbar-modern.rd-navbar-static .rd-navbar-modern-project .rd-navbar-project-hamburger { + width: 38px; + height: 38px; + flex-shrink: 0; + margin-left: 20px; +} + +.rd-navbar-modern.rd-navbar-fixed .rd-navbar-project-hamburger { + position: fixed; + right: 4px; + width: 48px; + height: 48px; + top: 4px; + padding: 13px 6px 12px; +} + +.rd-navbar-modern.rd-navbar-fixed .project-hamburger-2 { + display: none; +} + +.rd-navbar-modern.rd-navbar-fixed .rd-navbar-modern-project { + padding-top: 60px; +} + +.rd-navbar-modern.rd-navbar-fixed .rd-navbar-modern-project .rd-navbar-project-hamburger { + display: none; +} + +.rd-navbar-modern.rd-navbar-fixed .rd-navbar-modern-project-content { + height: calc(100vh - 134px); +} + +.rd-navbar-modern.rd-navbar-fixed *+.rd-navbar-search { + margin-top: 10px; +} + +.rd-navbar-modern-project { + text-align: left; + padding: 60px 15px 15px; + width: 270px; +} + +.rd-navbar-modern-project *+.instafeed { + margin-top: 22px; +} + +.rd-navbar-modern-project *+.row { + margin-top: 30px; +} + +.rd-navbar-project-modern-header { + display: flex; + justify-content: space-between; + flex-wrap: nowrap; +} + +.rd-navbar-project-modern-title { + letter-spacing: 0.05em; + margin-top: 5px; +} + +.rd-navbar-modern-project-content { + padding-right: 10px; + margin-right: -10px; + height: calc(100vh - 134px); +} + +.link-instafeed-2 { + display: inline-block; + font-size: 18px; + letter-spacing: 0.025em; +} + +.link-instafeed-2 span { + color: #01b3a7; +} + +.link-instafeed-2 a, +.link-instafeed-2 a:focus, +.link-instafeed-2 a:active { + color: #50ba87; +} + +.link-instafeed-2 a:hover { + color: #01b3a7; +} + +*+.rd-navbar-modern-project-content { + margin-top: 18px; +} + +@media (min-width: 768px) { + .rd-navbar-modern-project { + width: 285px; + } +} + +@media (min-width: 992px) { + .rd-navbar-modern-project { + padding: 70px 30px 15px; + width: 350px; + } + .rd-navbar-modern-project-content { + height: calc(100vh - 144px); + } +} + +@media (min-width: 1200px) { + .rd-navbar-modern-project { + padding-top: 45px; + } + .rd-navbar-modern-project-content { + height: calc(100vh - 119px); + } +} + +@media (min-width: 1600px) { + .rd-navbar-modern-project { + padding: 65px 40px 15px; + width: 400px; + } + .rd-navbar-modern-project-content { + height: calc(100vh - 139px); + } +} + +@media (min-width: 1800px) { + .rd-navbar-modern-project { + padding: 95px 64px 15px 70px; + width: 525px; + } + .rd-navbar-modern-project-content { + height: calc(100vh - 169px); + } +} + +.rd-navbar-modern-contacts { + text-align: left; + font-size: 0; + line-height: 0; + padding-bottom: 34px; + border-bottom: 1px solid #d7d7d7; +} + +.rd-navbar-modern-contacts .icon { + vertical-align: middle; + text-align: left; + min-width: 21px; + font-size: 24px; + line-height: 24px; + color: #50ba87; +} + +.rd-navbar-modern-contacts .fa-envelope { + font-size: 20px; +} + +.rd-navbar-modern-contacts .link-phone { + font-size: 18px; + line-height: 1.34; + letter-spacing: 0.025em; +} + +.rd-navbar-modern-contacts a { + display: inline-block; + vertical-align: middle; + font-size: 14px; + line-height: 1.72; + letter-spacing: 0.025em; +} + +.rd-navbar-modern-contacts a, +.rd-navbar-modern-contacts a:focus, +.rd-navbar-modern-contacts a:active { + color: #151515; +} + +.rd-navbar-modern-contacts a:hover { + color: #01b3a7; +} + +.rd-navbar-modern-contacts li+li { + margin-top: 22px; +} + +*+.rd-navbar-modern-contacts { + margin-top: 40px; +} + +.rd-navbar-modern-list-social { + font-size: 0; + line-height: 0; + margin-bottom: -10px; + margin-left: -28px; +} + +.rd-navbar-modern-list-social:empty { + margin-bottom: 0; + margin-left: 0; +} + +.rd-navbar-modern-list-social>* { + display: inline-block; + margin-top: 0; + margin-bottom: 10px; + margin-left: 28px; +} + +.rd-navbar-modern-list-social a { + font-size: 24px; + line-height: 1; +} + +.rd-navbar-modern-list-social a, +.rd-navbar-modern-list-social a:focus, +.rd-navbar-modern-list-social a:active { + color: #9b9b9b; +} + +.rd-navbar-modern-list-social a:hover { + color: #50ba87; +} + +*+.rd-navbar-modern-list-social { + margin-top: 36px; +} + + +/** +* +* RD Navbar Creative +* ===================================================== +*/ + +.rd-navbar-creative.rd-navbar-static .rd-navbar-aside-outer, +.rd-navbar-creative.rd-navbar-static .rd-navbar-main-outer { + padding-left: 15px; + padding-right: 15px; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-aside, +.rd-navbar-creative.rd-navbar-static .rd-navbar-main { + display: flex; + align-items: center; + justify-content: space-between; + max-width: 1170px; + margin-left: auto; + margin-right: auto; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-aside-outer { + background: #ebebeb; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-aside { + font-size: 12px; + line-height: 2; + font-weight: 500; + letter-spacing: 0.025em; + padding: 10px 0; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-aside>*+* { + margin-left: 20px; +} + +@media (min-width: 1600px) { + .rd-navbar-creative.rd-navbar-static .rd-navbar-aside { + padding-top: 14px; + padding-bottom: 14px; + } +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-main-outer { + position: relative; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-main { + padding: 15px 0; + transition: padding 0.35s ease-in-out; +} + +@media (min-width: 1200px) { + .rd-navbar-creative.rd-navbar-static .rd-navbar-main { + padding-top: 20px; + padding-bottom: 20px; + } +} + +@media (min-width: 1600px) { + .rd-navbar-creative.rd-navbar-static .rd-navbar-main { + padding-top: 38px; + padding-bottom: 36px; + } +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-nav-wrap { + display: flex; + align-items: center; + margin-right: 26px; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-nav { + order: -1; + margin-right: 25px; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-brand img { + width: auto; + height: auto; + max-width: 140px; + max-height: 140px; +} + +@media (min-width: 1200px) { + .rd-navbar-creative.rd-navbar-static .rd-navbar-brand img { + max-width: 200px; + max-height: 170px; + } +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-main-element { + display: flex; + align-items: center; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-submenu.focus .rd-navbar-megamenu, +.rd-navbar-creative.rd-navbar-static .rd-navbar-submenu.opened .rd-navbar-megamenu { + transform: translate3d(-50%, 0, 0); +} + +.rd-navbar-creative.rd-navbar-static .rd-menu { + margin-top: 25px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); +} + +@media (min-width: 1200px) { + .rd-navbar-creative.rd-navbar-static .rd-menu { + margin-top: 30px; + } +} + +@media (min-width: 1600px) { + .rd-navbar-creative.rd-navbar-static .rd-menu { + margin-top: 46px; + } +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-megamenu { + left: 50%; + transform: translate3d(-50%, 30px, 0); +} + +.rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck, +.rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); +} + +.rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, +.rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer { + display: none; +} + +.rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, +.rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { + padding-top: 15px; + padding-bottom: 15px; +} + +.rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck .rd-menu, +.rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone .rd-menu { + margin-top: 25px; +} + +.rd-navbar-creative.rd-navbar-static .rd-nav-item.focus .rd-nav-link, +.rd-navbar-creative.rd-navbar-static .rd-nav-item.opened .rd-nav-link { + color: #151515; + background: transparent; +} + +.rd-navbar-creative.rd-navbar-static .rd-nav-item.focus .rd-nav-link::before, +.rd-navbar-creative.rd-navbar-static .rd-nav-item.opened .rd-nav-link::before { + opacity: 1; + transform: scale3d(1, 1, 1); + visibility: visible; +} + +.rd-navbar-creative.rd-navbar-static .rd-nav-item.focus .rd-nav-link>.rd-navbar-submenu-toggle, +.rd-navbar-creative.rd-navbar-static .rd-nav-item.opened .rd-nav-link>.rd-navbar-submenu-toggle { + color: #151515; +} + +.rd-navbar-creative.rd-navbar-static .rd-nav-item.active .rd-nav-link { + color: #50ba87; +} + +.rd-navbar-creative.rd-navbar-static .rd-nav-item.active .rd-nav-link::before { + display: none; +} + +.rd-navbar-creative.rd-navbar-static .rd-nav-link::before { + position: absolute; + content: ""; + bottom: -8px; + left: 0; + height: 3px; + width: 100%; + background: #50ba87; + transform-origin: 0 50%; + transform: scale3d(0, 3, 1); + opacity: 0; + visibility: hidden; + transition: transform 0.25s; + transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9); +} + +.rd-navbar-creative.rd-navbar-static .rd-nav-link:hover { + color: #151515; +} + +.rd-navbar-creative.rd-navbar-static .rd-nav-link:hover::before { + opacity: 1; + transform: scale3d(1, 1, 1); + visibility: visible; +} + +.rd-navbar-creative.rd-navbar-static .rd-nav-item+.rd-nav-item { + margin-left: 22px; +} + +@media (min-width: 1200px) { + .rd-navbar-creative.rd-navbar-static .rd-nav-item+.rd-nav-item { + margin-left: 46px; + } +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-search .form-input, +.rd-navbar-creative.rd-navbar-static .rd-navbar-search .form-label { + color: #50ba87; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-search.active .rd-search { + width: 650px; +} + +@media (min-width: 1200px) { + .rd-navbar-creative.rd-navbar-static .rd-navbar-search.active .rd-search { + width: 800px; + } +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-project-hamburger { + position: relative; + width: 44px; + height: 44px; + padding: 14px 11px; + border-radius: 50%; + background-color: #50ba87; + transition: all 0.2s ease-in-out; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-project-hamburger:hover { + background-color: #01b3a7; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-project-hamburger.active .project-close>span:nth-child(1) { + height: 50%; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-project-hamburger.active .project-close>span:nth-child(2) { + width: 50%; +} + +.rd-navbar-creative.rd-navbar-static .project-hamburger { + display: none; +} + +.rd-navbar-creative.rd-navbar-static .project-close span { + background: #ffffff; +} + +.rd-navbar-creative.rd-navbar-static .project-close span:nth-child(1) { + top: 25%; +} + +.rd-navbar-creative.rd-navbar-static .project-close span:nth-child(2) { + left: 25%; +} + +@media (min-width: 992px) { + .rd-navbar-creative.rd-navbar-static .owl-classic .owl-prev, + .rd-navbar-creative.rd-navbar-static .owl-classic .owl-next { + display: flex; + } + .rd-navbar-creative.rd-navbar-static .owl-classic .owl-dots { + display: none; + } +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-creative-contacts li { + display: inline-block; +} + +.rd-navbar-creative.rd-navbar-static .rd-navbar-creative-contacts li+li { + margin-top: 0; + margin-left: 8%; +} + +.rd-navbar-creative.rd-navbar-fixed .rd-navbar-project-hamburger { + position: fixed; + right: 50px; + width: 48px; + height: 48px; + top: 4px; + padding: 13px 6px 12px; +} + +.rd-navbar-creative.rd-navbar-fixed .rd-navbar-creative-project { + position: fixed; + padding: 20px 30px; + top: 56px; + z-index: 1030; +} + +@media (min-width: 576px) { + .rd-navbar-creative.rd-navbar-fixed .rd-navbar-creative-project { + padding-top: 30px; + padding-bottom: 30px; + } +} + +.rd-navbar-creative.rd-navbar-fixed .project-hamburger-3 { + display: none; +} + +.rd-navbar-creative.rd-navbar-fixed .owl-classic .owl-dots { + font-size: 0; + line-height: 0; +} + +.rd-navbar-creative.rd-navbar-fixed *+.rd-navbar-search { + margin-top: 10px; +} + +.rd-navbar-creative.rd-navbar-fixed .rd-navbar-creative-contacts+* { + margin-top: 20px; +} + +.rd-navbar-creative-2.rd-navbar-static .rd-navbar-aside-outer { + color: #ffffff; + background: #303233; +} + +.rd-navbar-creative-2.rd-navbar-static .rd-navbar-aside { + font-weight: 400; +} + +.rd-navbar-creative-2.rd-navbar-static .rd-nav-item.active .rd-nav-link { + color: #01b3a7; +} + +.rd-navbar-creative-2.rd-navbar-static .rd-nav-link::before { + background: #01b3a7; +} + +.rd-navbar-creative-2.rd-navbar-static .rd-navbar-dropdown li>a::before, +.rd-navbar-creative-2.rd-navbar-static .rd-megamenu-list li>a::before { + background: #01b3a7; +} + +.rd-navbar-creative-2.rd-navbar-static .rd-navbar-creative-contacts li { + position: relative; +} + +.rd-navbar-creative-2.rd-navbar-static .rd-navbar-creative-contacts li::before { + position: absolute; + display: none; + content: "/"; + top: 0; + left: 0; + font-size: 12px; + line-height: 2; + font-weight: 400; + color: rgba(255, 255, 255, 0.3); +} + +.rd-navbar-creative-2.rd-navbar-static .rd-navbar-creative-contacts li+li { + margin-left: 22px; + padding-left: 22px; +} + +.rd-navbar-creative-2.rd-navbar-static .rd-navbar-creative-contacts li+li::before { + display: inline-block; +} + +.rd-navbar-creative-2.rd-navbar-static .rd-navbar-project-hamburger { + background-color: #01b3a7; + background-image: linear-gradient( to bottom, #01b3a7 0%, #01b3a7 50%, #50ba87 100%); + background-repeat: no-repeat; + background-size: auto 200%; + transition-duration: 0.3s; +} + +.rd-navbar-creative-2.rd-navbar-static .rd-navbar-project-hamburger:hover { + background-color: #01b3a7; + background-position: 50% 100%; +} + +.rd-navbar-creative-2.rd-navbar-static .text-secondary { + color: rgba(255, 255, 255, 0.3); +} + +.rd-navbar-creative-2.rd-navbar-fixed .text-secondary { + color: #151515; +} + +.rd-navbar-creative-2 .rd-navbar-basket span { + color: #01b3a7; +} + +.rd-navbar-creative-2 .rd-navbar-creative-contacts { + color: inherit; +} + +.rd-navbar-creative-2 .rd-navbar-creative-contacts .icon { + color: #01b3a7; +} + +.rd-navbar-creative-2 .rd-navbar-creative-contacts p, +.rd-navbar-creative-2 .rd-navbar-creative-contacts a { + font-weight: 400; +} + +.rd-navbar-creative-2 .rd-navbar-creative-contacts a, +.rd-navbar-creative-2 .rd-navbar-creative-contacts a:focus, +.rd-navbar-creative-2 .rd-navbar-creative-contacts a:active { + color: inherit; +} + +.rd-navbar-creative-2 .rd-navbar-creative-contacts a:hover { + color: #01b3a7; +} + +.rd-navbar-creative-2 .rd-navbar-creative-list-social a, +.rd-navbar-creative-2 .rd-navbar-creative-list-social a:focus, +.rd-navbar-creative-2 .rd-navbar-creative-list-social a:active { + color: inherit; +} + +.rd-navbar-creative-2 .rd-navbar-creative-list-social a:hover { + color: #01b3a7; +} + +.rd-navbar-creative-project { + position: absolute; + padding: 30px 75px; + top: 100%; + width: 100%; + left: 0; + background: #ffffff; + border-top: 1px solid #d7d7d7; + opacity: 0; + visibility: hidden; + transition: all 0.3s ease; + transform: translate3d(0, 30px, 0); + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05); + z-index: 2; +} + +.rd-navbar-creative-project.active { + opacity: 1; + visibility: visible; + transform: none; +} + +@media (max-height: 320px) { + .rd-navbar-creative-project .thumbnail { + max-width: 270px; + margin-left: auto; + margin-right: auto; + } +} + +.rd-navbar-creative-contacts { + text-align: left; + font-size: 0; + line-height: 0; + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + color: #9b9b9b; +} + +.rd-navbar-creative-contacts .icon { + vertical-align: middle; + text-align: center; + font-size: 16px; + line-height: 24px; + color: #50ba87; +} + +.rd-navbar-creative-contacts p, +.rd-navbar-creative-contacts a { + font-size: 12px; + line-height: 2; + font-weight: 500; + letter-spacing: 0.025em; +} + +.rd-navbar-creative-contacts a { + display: inline-block; + vertical-align: middle; +} + +.rd-navbar-creative-contacts a, +.rd-navbar-creative-contacts a:focus, +.rd-navbar-creative-contacts a:active { + color: inherit; +} + +.rd-navbar-creative-contacts a:hover { + color: #151515; +} + +.rd-navbar-creative-contacts li+li { + margin-top: 10px; +} + +.rd-navbar-creative-list-social { + font-size: 0; + line-height: 0; +} + +.rd-navbar-creative-list-social a, +.rd-navbar-creative-list-social a:focus, +.rd-navbar-creative-list-social a:active { + color: #9b9b9b; +} + +.rd-navbar-creative-list-social a:hover { + color: #50ba87; +} + +.rd-navbar-creative-list-social .icon { + line-height: 24px; +} + + +/** +* +* RD Navbar Corporate +* ===================================================== +*/ + +.rd-navbar-corporate.rd-navbar-static .rd-navbar-aside-outer, +.rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer { + padding-left: 15px; + padding-right: 15px; +} + +.rd-navbar-corporate.rd-navbar-static .rd-navbar-aside, +.rd-navbar-corporate.rd-navbar-static .rd-navbar-main { + max-width: 1170px; + margin-left: auto; + margin-right: auto; +} + +.rd-navbar-corporate.rd-navbar-static .rd-navbar-aside { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 12px; + line-height: 2; + font-weight: 500; + letter-spacing: 0.025em; + padding: 10px 0; +} + +.rd-navbar-corporate.rd-navbar-static .rd-navbar-aside>*+* { + margin-left: 20px; +} + +@media (min-width: 1200px) { + .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside { + padding-top: 15px; + padding-bottom: 15px; + } +} + +@media (min-width: 1600px) { + .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside { + padding-top: 28px; + padding-bottom: 28px; + } +} + +.rd-navbar-corporate.rd-navbar-static .rd-navbar-aside-right { + display: flex; + align-items: center; +} + +.rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer { + background: #162e44; +} + +.rd-navbar-corporate.rd-navbar-static .rd-navbar-nav-wrap { + display: flex; + align-items: center; + justify-content: space-between; +} + +.rd-navbar-corporate.rd-navbar-static .rd-navbar-nav { + order: -1; + margin-right: 25px; +} + +.rd-navbar-corporate.rd-navbar-static .rd-navbar-brand img { + width: auto; + height: auto; + max-width: 200px; + max-height: 170px; +} + +@media (min-width: 1200px) { + .rd-navbar-corporate.rd-navbar-static .rd-navbar-brand img { + max-width: 225px; + max-height: 190px; + } +} + +.rd-navbar-corporate.rd-navbar-static .rd-navbar-submenu.focus .rd-navbar-megamenu, +.rd-navbar-corporate.rd-navbar-static .rd-navbar-submenu.opened .rd-navbar-megamenu { + transform: translate3d(-50%, 0, 0); +} + +.rd-navbar-corporate.rd-navbar-static .rd-menu { + margin-top: 0; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); +} + +.rd-navbar-corporate.rd-navbar-static .rd-navbar-megamenu { + left: 50%; + transform: translate3d(-50%, 30px, 0); +} + +.rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck, +.rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone { + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); +} + +.rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, +.rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer { + display: none; +} + +.rd-navbar-corporate.rd-navbar-static .rd-nav-item.focus .rd-nav-link, +.rd-navbar-corporate.rd-navbar-static .rd-nav-item.opened .rd-nav-link { + color: #ffffff; +} + +.rd-navbar-corporate.rd-navbar-static .rd-nav-item.focus .rd-nav-link::before, +.rd-navbar-corporate.rd-navbar-static .rd-nav-item.opened .rd-nav-link::before { + opacity: 1; + visibility: visible; + transform: translate3d(0, 0, 0); +} + +.rd-navbar-corporate.rd-navbar-static .rd-nav-item.focus .rd-nav-link>.rd-navbar-submenu-toggle, +.rd-navbar-corporate.rd-navbar-static .rd-nav-item.opened .rd-nav-link>.rd-navbar-submenu-toggle { + color: #151515; +} + +.rd-navbar-corporate.rd-navbar-static .rd-nav-item.active .rd-nav-link { + color: #ffffff; +} + +.rd-navbar-corporate.rd-navbar-static .rd-nav-item.active .rd-nav-link::before { + height: 100%; + opacity: 1; + visibility: visible; + transform: translate3d(0, 0, 0); + transition-delay: 0s, 0.2s; +} + +.rd-navbar-corporate.rd-navbar-static .rd-nav-link { + padding: 20px 15px; + font-size: 16px; + letter-spacing: 0.05em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #ffffff; + z-index: 1; +} + +.rd-navbar-corporate.rd-navbar-static .rd-nav-link::before { + position: absolute; + content: ""; + top: 0; + left: 0; + height: 0; + width: 100%; + background: rgba(255, 255, 255, 0.11); + border-top: 3px solid #01b3a7; + transform: translate3d(-100%, 0, 0); + transition: all 0.35s cubic-bezier(0.05, 0.29, 0.11, 1.54), height 0.3s ease; + visibility: hidden; + opacity: 0; + z-index: -1; +} + +.rd-navbar-corporate.rd-navbar-static .rd-nav-link:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.11); + transition: all ease 0.35s; +} + +.rd-navbar-corporate.rd-navbar-static .rd-nav-link:hover::before { + opacity: 1; + visibility: visible; + transform: translate3d(0, 0, 0); +} + +.rd-navbar-corporate.rd-navbar-static .rd-nav-item+.rd-nav-item { + margin-left: 16px; +} + +.rd-navbar-corporate.rd-navbar-static .rd-navbar-corporate-contacts li { + display: inline-block; +} + +.rd-navbar-corporate.rd-navbar-static .rd-navbar-corporate-contacts li+li { + margin-top: 0; + margin-left: 25px; + padding-left: 25px; + border-left: 1px solid #e1e1e1; +} + +.rd-navbar-corporate.rd-navbar-static *+.button { + margin-top: 0; + margin-left: 65px; +} + +.rd-navbar-corporate.rd-navbar-fixed .rd-navbar-corporate-list-social { + color: #151515; +} + +.rd-navbar-corporate.rd-navbar-fixed .rd-navbar-brand img { + max-width: 200px; +} + +.rd-navbar-corporate.rd-navbar-fixed .button { + display: block; + width: 100%; +} + +.rd-navbar-corporate.rd-navbar-fixed *+.button { + margin-top: 20px; +} + +.rd-navbar-corporate-contacts { + text-align: left; + font-size: 0; + line-height: 0; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + text-transform: uppercase; + max-width: 100%; + color: #151515; + flex: 0 0 auto; +} + +.rd-navbar-corporate-contacts .icon { + vertical-align: middle; + text-align: center; + font-size: 24px; + line-height: 1; + color: #01b3a7; +} + +.rd-navbar-corporate-contacts p, +.rd-navbar-corporate-contacts a { + margin-top: 2px; + font-size: 14px; + line-height: 1; + font-weight: 500; + letter-spacing: 0.075em; +} + +.rd-navbar-corporate-contacts p>span { + font-size: 16px; +} + +.rd-navbar-corporate-contacts a { + display: inline-block; + vertical-align: middle; +} + +.rd-navbar-corporate-contacts a, +.rd-navbar-corporate-contacts a:focus, +.rd-navbar-corporate-contacts a:active { + color: #151515; +} + +.rd-navbar-corporate-contacts a:hover { + color: #50ba87; +} + +.rd-navbar-corporate-contacts li+li { + margin-top: 14px; +} + +.rd-navbar-corporate-list-social { + font-size: 0; + line-height: 0; + color: #ffffff; +} + +.rd-navbar-corporate-list-social a, +.rd-navbar-corporate-list-social a:focus, +.rd-navbar-corporate-list-social a:active { + color: inherit; +} + +.rd-navbar-corporate-list-social a:hover { + color: #50ba87; +} + +.rd-navbar-corporate-list-social .icon { + font-size: 18px; +} + + +/* +* +* RD Navbar Fullwidth +*/ + +.rd-navbar-fullwidth { + display: block; +} + +.rd-navbar-fullwidth .rd-navbar-nav>li+li { + margin-left: 20px; +} + +.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-main, +.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-main { + padding: 10px 0; +} + + +/* +* +* Swiper +*/ + +.swiper-container { + display: flex; + margin: 0 auto; + position: relative; + overflow: hidden; + height: auto; + width: 100%; + /* Fix of Webkit flickering */ + z-index: 1; +} + +.swiper-container-no-flexbox .swiper-slide { + float: left; +} + +.swiper-container-vertical>.swiper-wrapper { + flex-direction: column; +} + +.swiper-wrapper { + position: relative; + z-index: 1; + display: flex; + align-self: stretch; + align-items: stretch; + width: 100%; + height: auto; + min-height: inherit; + transition-property: transform; + box-sizing: content-box; +} + +.swiper-container { + flex-shrink: 0; +} + +.swiper-container-android .swiper-slide, +.swiper-wrapper { + transform: translate3d(0, 0, 0); +} + +.swiper-container-multirow>.swiper-wrapper { + flex-wrap: wrap; +} + +.swiper-container-free-mode>.swiper-wrapper { + transition-timing-function: ease-out; + margin: 0 auto; +} + + +/* a11y */ + +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} + + +/* IE10 Windows Phone 8 Fixes */ + +.swiper-wp8-horizontal { + touch-action: pan-y; +} + +.swiper-wp8-vertical { + touch-action: pan-x; +} + + +/* Coverflow */ + +.swiper-container-coverflow .swiper-wrapper { + /* Windows 8 IE 10 fix */ +} + +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + transition-timing-function: ease-out; +} + +.swiper-container-fade .swiper-slide { + pointer-events: none; +} + +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events: none; +} + +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} + +.swiper-lazy-preloader { + width: 42px; + height: 42px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -21px; + margin-top: -21px; + z-index: 10; + transform-origin: 50%; + animation: swiper-preloader-spin 1s steps(12, end) infinite; +} + +.swiper-lazy-preloader:after { + display: block; + content: ""; + width: 100%; + height: 100%; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); + background-position: 50%; + background-size: 100%; + background-repeat: no-repeat; +} + +.swiper-lazy-preloader-white:after { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} + +@keyframes swiper-preloader-spin { + 100% { + transform: rotate(360deg); + } +} + +.swiper-slide>.vide__body, +.swiper-slide>.parallax_cnt { + height: 100%; +} + +.swiper-button-prev, +.swiper-button-next { + text-align: center; + position: absolute; + display: none; + top: 50%; + width: 47px; + height: 47px; + line-height: 47px; + background: transparent; + transform: translateY(-50%); + will-change: transform; + transition: all 0.3s ease-in-out; + cursor: pointer; + z-index: 10; +} + +.swiper-button-prev::before, +.swiper-button-next::before { + display: inline-block; + content: ""; + width: 0; + height: 0; + border-style: solid; + border-color: transparent; + transform: none; + transition: inherit; +} + +.swiper-button-prev::after, +.swiper-button-next::after { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: #ffffff; + transition: inherit; + z-index: -1; +} + +.swiper-button-prev:hover::before, +.swiper-button-next:hover::before { + transform: scale(1.4); +} + +.swiper-button-prev:hover::after, +.swiper-button-next:hover::after { + border-radius: 50%; + background: #50ba87; +} + +@media (min-width: 768px) { + .swiper-button-prev, + .swiper-button-next { + display: block; + } +} + +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} + +.swiper-button-prev { + left: 15px; +} + +.swiper-button-prev:before { + margin-left: -4px; + border-width: 5px 8px 5px 0; + border-right-color: #50ba87; +} + +.swiper-button-prev:hover::before { + border-right-color: #ffffff; +} + +.swiper-button-prev:hover::after { + transform: rotate(-360deg); +} + +@media (min-width: 1600px) { + .swiper-button-prev { + left: 75px; + } +} + +.swiper-button-next { + right: 15px; +} + +.swiper-button-next:before { + margin-right: -4px; + border-width: 5px 0 5px 8px; + border-left-color: #50ba87; +} + +.swiper-button-next:hover::before { + border-left-color: #ffffff; +} + +.swiper-button-next:hover::after { + transform: rotate(360deg); +} + +@media (min-width: 1600px) { + .swiper-button-next { + right: 75px; + } +} + +.swiper-slider.swiper-container-rtl .swiper-button-prev::before { + content: "\f061"; +} + +.swiper-slider.swiper-container-rtl .swiper-button-next::before { + content: "\f060"; +} + +.swiper-pagination { + position: absolute; + display: block; + text-align: center; + transform: translate3d(0, 0, 0); + transition: 0.3s; + z-index: 10; +} + +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} + +.swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} + +.swiper-pagination-bullet { + text-align: center; + display: inline-block; + position: relative; + width: 14px; + height: 14px; + border: none; + border-radius: 0; + outline: none; + transition: 0.2s; + background: rgba(80, 186, 135, 0.6); +} + +.swiper-pagination-bullet:hover, +.swiper-pagination-bullet:focus { + background: #50ba87; +} + +.swiper-pagination-bullet-active { + background: #01b3a7; +} + +.swiper-pagination-style-2 .swiper-pagination { + font-size: 0; + line-height: 0; +} + +.swiper-pagination-style-2 .swiper-pagination-bullet { + background: rgba(155, 155, 155, 0.8); +} + +.swiper-pagination-style-2 .swiper-pagination-bullet::before, +.swiper-pagination-style-2 .swiper-pagination-bullet::after { + position: absolute; + content: ""; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.swiper-pagination-style-2 .swiper-pagination-bullet::before { + background: rgba(80, 186, 135, 0.6); + transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; +} + +.swiper-pagination-style-2 .swiper-pagination-bullet::after { + opacity: 0; + background: #01b3a7; + transform: translateY(-200%); + transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s; +} + +.swiper-pagination-style-2 .swiper-pagination-bullet:hover, +.swiper-pagination-style-2 .swiper-pagination-bullet:focus { + background: transparent; +} + +.swiper-pagination-style-2 .swiper-pagination-bullet:hover::before, +.swiper-pagination-style-2 .swiper-pagination-bullet:focus::before { + background: #50ba87; +} + +.swiper-pagination-style-2 .swiper-pagination-bullet-active { + background: transparent; +} + +.swiper-pagination-style-2 .swiper-pagination-bullet-active::after { + opacity: 1; + visibility: visible; + transform: translateY(0%); + transition: transform 0.3s ease, opacity 0.3s ease; +} + +.swiper-pagination-style-2 .swiper-pagination-bullet-active::before { + opacity: 0; + visibility: hidden; + transform: translateY(200%); +} + +.swiper-pagination-black .swiper-pagination-bullet { + background: rgba(0, 0, 0, 0.6); +} + +.swiper-pagination-black .swiper-pagination-bullet.swiper-pagination-bullet-active { + background: black; +} + +.swiper-container-vertical>.swiper-pagination { + top: 50%; + right: 10px; + transform: translate3d(0px, -50%, 0); +} + +.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet { + margin: 8px 0; + display: block; +} + +.swiper-container-vertical.swiper-pagination-style-2 .swiper-pagination-bullet::after { + transform: translate3d(-200%, 0, 0); +} + +.swiper-container-vertical.swiper-pagination-style-2 .swiper-pagination-bullet-active::before { + transform: translate3d(200%, 0, 0); +} + +.swiper-container-vertical.swiper-pagination-style-2 .swiper-pagination-bullet-active::after { + transform: translate3d(0%, 0, 0); +} + +.swiper-container-horizontal>.swiper-pagination { + bottom: 30px; + left: 0; + width: 100%; +} + +.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { + margin: 0 10px; +} + +.swiper-slide { + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + width: 100%; + height: 100%; + white-space: nowrap; + background-position: 50% 50%; +} + +.swiper-slide-caption { + width: 100%; + white-space: normal; +} + +@media (max-width: 767.98px) { + .swiper-slide-caption { + padding-bottom: 80px; + } +} + +.swiper-slider-classic { + max-height: 38.54167vw; + min-height: calc(100vh - 56px); +} + +.swiper-slider-classic.swiper-container-horizontal { + max-height: none; +} + +@media (max-height: 420px) { + .swiper-slider-classic { + min-height: 260px; + } + .swiper-slider-classic p { + display: none; + } +} + +.swiper-slider-classic .swiper-pagination-bullet { + position: relative; + overflow: hidden; + display: inline-block; + width: 29px; + height: 19px; + border-radius: 0; + background: transparent; +} + +.swiper-slider-classic .swiper-pagination-bullet::before, +.swiper-slider-classic .swiper-pagination-bullet::after { + position: absolute; + display: inline-block; + content: ""; + top: 8px; + left: 0; + height: 3px; + width: 29px; + transition: none; + opacity: 1; +} + +.swiper-slider-classic .swiper-pagination-bullet::before { + background: #ffffff; +} + +@media (min-width: 1600px) { + .swiper-slider-classic .swiper-pagination-bullet::before { + background: #252525; + } +} + +.swiper-slider-classic .swiper-pagination-bullet::after { + transform: translateX(-100%); + animation: pagOutX 0.3s; + background: #50ba87; +} + +.swiper-slider-classic .swiper-pagination-bullet:hover, +.swiper-slider-classic .swiper-pagination-bullet.swiper-pagination-bullet-active { + background: transparent; +} + +.swiper-slider-classic .swiper-pagination-bullet:hover::after, +.swiper-slider-classic .swiper-pagination-bullet.swiper-pagination-bullet-active::after { + animation: pagInX 0.3s forwards; +} + +.swiper-slider-classic .swiper-pagination { + position: static; + transform: none; +} + +.swiper-slider-classic .swiper-pagination .swiper-pagination-bullet { + margin: 0 16px; +} + +.swiper-slider-classic h1 { + letter-spacing: 0.05em; +} + +.swiper-slider-classic *+p { + margin-top: 14px; +} + +.swiper-slider-classic *+.button { + margin-top: 25px; +} + +.swiper-slider-classic .swiper-slide-1 { + background-position-x: 40%; +} + +@media (min-width: 768px) { + .swiper-slider-classic { + min-height: 460px; + } + .swiper-slider-classic.swiper-container-vertical .swiper-pagination-bullet { + display: block; + } + .swiper-slider-classic.swiper-container-vertical .swiper-pagination .swiper-pagination-bullet { + margin: 0; + } + .swiper-slider-classic.swiper-container-vertical .swiper-pagination__module { + top: 50%; + right: 20px; + bottom: auto; + left: auto; + max-width: 29px; + transform: translateY(-50%); + } + .swiper-slider-classic .swiper-slide-caption { + padding-left: 70px; + padding-right: 70px; + } + .swiper-slider-classic .swiper-slide-1 { + background-position-x: 50%; + } + .swiper-slider-classic .swiper-slide-custom { + padding-left: 0; + } + .swiper-slider-classic h1 { + font-size: 60px; + } +} + +@media (min-width: 992px) { + .swiper-slider-classic .swiper-slide-custom { + padding-left: 70px; + } + .swiper-slider-classic h1 { + font-size: 80px; + } +} + +@media (min-width: 1200px) { + .swiper-slider-classic.swiper-container-horizontal { + min-height: 38.54167vw; + } + .swiper-slider-classic h1 { + font-size: 100px; + } +} + +@media (min-width: 1600px) { + .swiper-slider-classic { + max-width: 1920px; + padding: 0 75px; + } +} + +.swiper-slider-classic-2 .swiper-pagination__fraction-index { + color: #01b3a7; +} + +.swiper-slider-classic-2 .swiper-pagination-bullet::after { + background: #01b3a7; +} + +.swiper-slider-classic-2 .context-dark .button.button-ujarak::before { + background: #01b3a7; +} + +.swiper-slider-classic-2 .context-dark .button.button-ujarak:hover, +.swiper-slider-classic-2 .context-dark .button.button-ujarak:active { + border-color: #01b3a7; +} + +.swiper-slider-classic-2 .button { + min-width: 175px; +} + +.swiper-slider-classic-2 .swiper-title-2 { + letter-spacing: 0.025em; + font-weight: 400; +} + +.swiper-slider-classic-2 h2 { + letter-spacing: 0.075em; +} + +.swiper-slider-classic-2 .swiper-slide-custom *+.button { + margin-top: 20px; +} + +@media (min-width: 768px) { + .swiper-slider-classic-2 .swiper-slide-custom *+.button { + margin-top: 30px; + } +} + +@media (min-width: 1200px) { + .swiper-slider-classic-2 .swiper-title-2 { + font-size: 110px; + } +} + +.swiper-pagination__module { + display: flex; + flex-wrap: nowrap; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: 0; + line-height: 0; + position: absolute; + bottom: 25px; + width: 100%; + z-index: 1; +} + +.swiper-pagination__fraction { + display: none; + font-size: 18px; + line-height: 1; + font-weight: 500; + letter-spacing: 0; + font-family: "Maven Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + color: #9b9b9b; + transform: rotate(-90deg); +} + +.swiper-pagination__fraction-index { + color: #50ba87; +} + +.swiper-pagination__divider { + display: none; + margin: 30px 0 8px; + width: 1px; + height: 176px; + background: #e1e1e1; +} + +@media (min-width: 1600px) { + .swiper-pagination__fraction { + display: inline-block; + } + .swiper-pagination__divider { + display: inline-block; + } +} + +.swiper-slider-modern { + min-height: 44.27083vw; +} + +.swiper-slider-modern .swiper-slide { + background-position: 0 50%; +} + +.swiper-slider-modern .swiper-slide-caption { + padding-top: 60px; +} + +.swiper-slider-modern .swiper-button-prev, +.swiper-slider-modern .swiper-button-next { + transform: none; + top: 51%; +} + +.swiper-slider-modern .slider-modern-box { + max-width: 240px; +} + +.swiper-slider-modern .slider-modern-title { + line-height: 1.115; + font-weight: 300; + letter-spacing: 0.025em; +} + +.swiper-slider-modern .slider-modern-title span { + display: inline-block; +} + +.swiper-slider-modern .button { + min-width: auto; + padding-left: 40px; + padding-right: 40px; +} + +.swiper-slider-modern p { + font-size: 16px; + line-height: 1.625; + font-weight: 500; + letter-spacing: 0; +} + +.swiper-slider-modern *+p { + margin-top: 10px; +} + +.swiper-slider-modern *+.button-wrap { + margin-top: 30px; +} + +@media (max-width: 575.98px) { + .swiper-slider-modern .swiper-slide { + background-position: 30% 50%; + } +} + +@media (min-width: 768px) { + .swiper-slider-modern .swiper-slide-caption { + padding-top: 70px; + padding-bottom: 70px; + } + .swiper-slider-modern .slider-modern-box { + margin-left: 60px; + } + .swiper-slider-modern .swiper-pagination { + display: none; + } +} + +@media (min-width: 992px) { + .swiper-slider-modern .swiper-slide-caption { + padding-top: 80px; + padding-bottom: 80px; + } + .swiper-slider-modern .slider-modern-box { + margin-left: 80px; + max-width: 320px; + } +} + +@media (min-width: 1200px) { + .swiper-slider-modern .swiper-slide-caption { + padding-top: 200px; + padding-bottom: 96px; + } + .swiper-slider-modern .slider-modern-box { + margin-left: 90px; + } + .swiper-slider-modern *+.button-wrap { + margin-top: 40px; + } +} + +@media (min-width: 1600px) { + .swiper-slider-modern .slider-modern-box { + margin-left: 24px; + } +} + +.swiper-slider-creative { + min-height: 34.42708vw; +} + +.swiper-slider-creative .swiper-slider-text { + font-size: 16px; + line-height: 1.5; + font-weight: 500; + letter-spacing: 0; +} + +.swiper-slider-creative .button { + min-width: 175px; +} + +.swiper-slider-creative h1 { + letter-spacing: 0.025em; +} + +.swiper-slider-creative hr { + max-width: 78%; + margin-left: 0; + border-color: rgba(255, 255, 255, 0.48); +} + +.swiper-slider-creative h4 { + font-weight: 300; + letter-spacing: 0.05em; +} + +.swiper-slider-creative *+hr, +.swiper-slider-creative *+.swiper-slider-text { + margin-top: 12px; +} + +.swiper-slider-creative *+.swiper-creative-decor { + margin-top: 16px; +} + +.swiper-slider-creative h1+h4 { + margin-top: 2px; +} + +.swiper-slider-creative *+.button-wrap { + margin-top: 30px; +} + +.swiper-slider-creative .swiper-slider-text+.button, +.swiper-slider-creative .swiper-slider-text+.button-wrap { + margin-top: 30px; +} + +.swiper-slider-creative .swiper-pagination { + font-size: 0; + line-height: 0; + counter-reset: span; + bottom: 20px; +} + +.swiper-slider-creative .swiper-pagination-bullet { + width: 35px; + height: 23px; + padding: 10px 0; + background: transparent; +} + +.swiper-slider-creative .swiper-pagination-bullet::after { + display: inline-block; + position: absolute; + content: ""; + left: 50%; + top: 50%; + width: 10px; + height: 10px; + border-radius: 50%; + background: transparent; + transform: scale(0, 0) translate3d(-50%, -50%, 0) rotate(0.1deg); + will-change: transform; + transition: inherit; + transform-origin: 0 0; +} + +.swiper-slider-creative .swiper-pagination-bullet span { + display: inline-block; + height: 3px; + width: 100%; + background: #ffffff; + transition: all 0.3s ease; +} + +.swiper-slider-creative .swiper-pagination-bullet:hover::after, +.swiper-slider-creative .swiper-pagination-bullet-active::after { + background: #ffffff; + transform: scale(1, 1) translate3d(-50%, -50%, 0) rotate(0.1deg); + transition-delay: 0.1s; +} + +.swiper-slider-creative .swiper-pagination-bullet:hover span, +.swiper-slider-creative .swiper-pagination-bullet-active span { + width: 0; +} + +@media (max-width: 575.98px) { + .swiper-slider-creative .swiper-slide { + background-position-x: 35%; + } + .swiper-slider-creative .swiper-slide::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(0, 0, 0, 0.15); + z-index: -1; + } +} + +@media (min-width: 768px) and (max-width: 991.98px) { + .swiper-slider-creative h4 { + font-size: 30px; + } +} + +@media (min-width: 576px) and (max-width: 767.98px) { + .swiper-slider-creative .swiper-slide-2 { + background-position-x: 60%; + } + .swiper-slider-creative .swiper-slide-3 { + background-position-x: 55%; + } +} + +@media (min-width: 768px) { + .swiper-slider-creative .swiper-pagination { + bottom: 30px; + } +} + +@media (min-width: 768px) and (max-width: 1199.98px) { + .swiper-slider-creative .swiper-slide-2 { + background-position-x: 70%; + } + .swiper-slider-creative .swiper-slide-3 { + background-position-x: 60%; + } +} + +@media (min-width: 992px) { + .swiper-slider-creative *+.button, + .swiper-slider-creative *+.button-wrap { + margin-top: 40px; + } +} + +@media (min-width: 1200px) { + .swiper-slider-creative h1 { + font-size: 110px; + } +} + +@media (min-width: 1600px) { + .swiper-slider-creative .swiper-pagination { + top: 50%; + right: 134px; + bottom: auto; + left: auto; + width: auto; + transform: translate3d(0, -50%, 0); + } + .swiper-slider-creative .swiper-pagination .swiper-pagination-bullet { + margin: 4px 0; + } + .swiper-slider-creative .swiper-pagination-bullet { + display: block; + width: 21px; + height: 21px; + } + .swiper-slider-creative .swiper-pagination-bullet::before { + display: inline-block; + position: absolute; + content: counter(span, decimal); + counter-increment: span; + top: 60%; + left: -22px; + font-size: 24px; + line-height: 1; + letter-spacing: 0.05em; + font-weight: 500; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #ffffff; + opacity: 0; + visibility: hidden; + transform: translate3d(-20px, -50%, 0); + will-change: transform; + transition: inherit; + } + .swiper-slider-creative .swiper-pagination-bullet::after { + left: 1px; + width: 5px; + height: 5px; + transform: scale(0, 0) translate3d(0, -50%, 0) rotate(0.1deg); + transform-origin: 50% 0; + } + .swiper-slider-creative .swiper-pagination-bullet span { + height: 1px; + } + .swiper-slider-creative .swiper-pagination-bullet:hover::after, + .swiper-slider-creative .swiper-pagination-bullet-active::after { + transform: scale(1, 1) translate3d(0, -50%, 0) rotate(0.1deg); + transition-delay: 0s; + } + .swiper-slider-creative .swiper-pagination-bullet:hover span, + .swiper-slider-creative .swiper-pagination-bullet-active span { + width: 100%; + transform: translate3d(24px, 0, 0); + } + .swiper-slider-creative .swiper-pagination-bullet-active::before { + opacity: 1; + visibility: visible; + transform: translate3d(0, -50%, 0); + } + .swiper-slider-creative .swiper-pagination-bullet-active span { + width: 340%; + } + .swiper-slider-creative .swiper-pagination-bullet-active:hover span { + width: 340%; + } +} + +.swiper-slider-corporate { + min-height: calc(100vh - 56px); +} + +.swiper-slider-corporate.swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet { + margin: 0 12px; +} + +.swiper-slider-corporate.swiper-container-vertical { + max-height: 35.3125vw; +} + +.swiper-slider-corporate.swiper-container-vertical .swiper-pagination-bullet { + width: 12px; + height: 12px; +} + +@media (max-height: 370px) { + .swiper-slider-corporate { + min-height: 310px; + } +} + +.swiper-slider-corporate .swiper-pagination-bullet::before { + background: rgba(255, 255, 255, 0.33); +} + +.swiper-slider-corporate .swiper-pagination-bullet::after { + background: #01b3a7; +} + +.swiper-slider-corporate .swiper-pagination-bullet:hover::before { + background: rgba(255, 255, 255, 0.7); +} + +.swiper-slider-corporate .button { + min-width: 160px; + padding: 17px 18px 15px; + color: white; +} + +.swiper-slider-corporate h6 { + letter-spacing: 0.05em; + color: white; + font-weight: 500; + font-size: 16px; +} + +.swiper-slider-corporate h2 { + font-size: 0; + line-height: 0; + text-indent: 0; + color: white; +} + +.swiper-slider-corporate h2 span { + font-size: 36px; + line-height: 1.1; +} + +@media (min-width: 768px) { + .swiper-slider-corporate h2 span { + font-size: 50px; + } +} + +@media (min-width: 992px) { + .swiper-slider-corporate h2 span { + font-size: 56px; + } +} + +@media (min-width: 1200px) { + .swiper-slider-corporate h2 span { + font-size: 64px; + line-height: 1.1; + } +} + +.swiper-slider-corporate h6+h2 { + margin-top: 16px; +} + +.swiper-slider-corporate *+.button-wrap { + margin-top: 20px; +} + +@media (min-width: 768px) { + .swiper-slider-corporate { + min-height: 370px; + } + .swiper-slider-corporate.swiper-container-vertical { + min-height: 400px; + } + .swiper-slider-corporate h6+h2 { + margin-top: 10px; + } + .swiper-slider-corporate *+.button-wrap { + margin-top: 30px; + } +} + +@media (min-width: 992px) { + .swiper-slider-corporate.swiper-container-horizontal { + min-height: 400px; + } + .swiper-slider-corporate.swiper-container-vertical .swiper-pagination { + right: 6%; + } +} + +@media (min-width: 1200px) { + .swiper-slider-corporate.swiper-container-horizontal { + min-height: 35.3125vw; + } +} + +@media (min-width: 1600px) { + .swiper-slider-corporate.swiper-container-vertical .swiper-pagination { + top: 43%; + right: 11.5%; + transform: none; + } +} + +.swiper-slider-tara { + min-height: 35.36458vw; +} + +.swiper-slider-tara.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { + margin: 0 6px; +} + +.swiper-slider-tara .swiper-pagination { + bottom: 0; + left: 50%; + transform: translate3d(-50%, 0, 0); + width: auto; + min-width: 155px; + font-size: 0; + line-height: 0; + padding: 17px 20px 10px; + background: #ffffff; +} + +.swiper-slider-tara .swiper-pagination-bullet { + width: 20px; + height: 20px; + border-radius: 50%; + background: transparent; + border: 3px solid #d7d7d7; + transition: all 0.1s ease-in-out; +} + +.swiper-slider-tara .swiper-pagination-bullet::before, +.swiper-slider-tara .swiper-pagination-bullet::after { + position: absolute; + content: ""; + opacity: 0; + border-radius: inherit; +} + +.swiper-slider-tara .swiper-pagination-bullet::before { + top: 50%; + left: 50%; + width: 6px; + height: 6px; + background: #01b3a7; + transform: translate3d(-50%, -400%, 0); + transition: all 0.2s ease; +} + +.swiper-slider-tara .swiper-pagination-bullet::after { + top: -3px; + right: -3px; + bottom: -3px; + left: -3px; + border: 3px solid #50ba87; + transform: scale(1.6); + transition: all 0.3s ease; +} + +.swiper-slider-tara .swiper-pagination-bullet-active::before, +.swiper-slider-tara .swiper-pagination-bullet:hover::before { + opacity: 1; + transform: translate3d(-50%, -50%, 0); +} + +.swiper-slider-tara .swiper-pagination-bullet-active { + border-color: transparent; +} + +.swiper-slider-tara .swiper-pagination-bullet-active::after { + opacity: 1; + transform: none; +} + +.swiper-slider-tara .swiper-title { + font-weight: 300; +} + +.swiper-slider-tara .swiper-subtitle { + font-weight: 400; + color: #01b3a7; +} + +.swiper-slider-tara .button { + min-width: 176px; +} + +.swiper-slider-tara .button.button-ujarak:not([class*="button-primary"])::before { + background: #01b3a7; +} + +.swiper-slider-tara .button.button-ujarak:not([class*="button-primary"]):hover, +.swiper-slider-tara .button.button-ujarak:not([class*="button-primary"]):active { + border-color: #01b3a7; +} + +.swiper-slider-tara *+.swiper-title { + margin-top: 16px; +} + +.swiper-slider-tara *+.button, +.swiper-slider-tara *+.button-wrap { + margin-top: 20px; +} + +@media (max-width: 575.98px) { + .swiper-slider-tara .swiper-slide::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(255, 255, 255, 0.2); + pointer-events: none; + } +} + +@media (min-width: 768px) { + .swiper-slider-tara .swiper-pagination { + right: 0; + left: auto; + transform: none; + padding-bottom: 17px; + } +} + +@media (min-width: 992px) { + .swiper-slider-tara .swiper-title { + line-height: 1.2; + } + .swiper-slider-tara .swiper-subtitle { + letter-spacing: 0.15em; + } + .swiper-slider-tara *+.swiper-title { + margin-top: 22px; + } +} + +.google-map-markers { + display: none; +} + +.google-map-container { + width: 100%; +} + +.google-map { + height: 300px; + width: 100%; +} + +@media (min-width: 1200px) { + .google-map { + height: 455px; + } +} + + +/* +* +* Search Results +*/ + +.rd-search-results-live { + position: absolute; + left: 0; + right: 0; + top: 100%; + max-height: 600px; + overflow-y: auto; + margin: -3px 0 0; + text-align: left; + z-index: 998; +} + +.rd-search-results-live #search-results { + position: relative; + padding: 16px 0 0; + margin: 15px 5px 5px; + color: #151515; + background: #ffffff; + opacity: 0; + visibility: hidden; + transform-origin: 50% 0; + transform: scale(1, 0.9); + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); + transition: 0.3s all ease; +} + +.rd-search-results-live #search-results::before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + z-index: -1; + border: none; + border-top: 0; +} + +.rd-search-results-live #search-results.active { + opacity: 1; + visibility: visible; + transform: scale(1, 1); +} + +.rd-search-results-live .search-quick-result { + padding-left: 15px; + padding-right: 15px; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + font-size: 20px; + font-weight: 700; + line-height: 30px; + text-transform: uppercase; + color: #151515; +} + +.rd-search-results-live .search-list { + margin-top: 20px; +} + +.rd-search-results-live .search-list li:only-child { + padding: 0 15px 15px; +} + +.rd-search-results-live .search-link { + color: inherit; +} + +.rd-search-results-live .search-link:hover { + color: #01b3a7; +} + +.rd-search-results-live .search-error { + font-size: 14px; + line-height: 1.6; +} + +.rd-search-results-live .search-title { + position: relative; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + font-size: 16px; + font-weight: 700; + color: #151515; +} + +.rd-search-results-live .search-title a:hover { + color: #01b3a7; +} + +.rd-search-results-live .search-list-item-all { + margin-top: 18px; + width: 100%; +} + +.rd-search-results-live .search-submit { + position: relative; + overflow: hidden; + z-index: 0; + display: block; + padding: 8px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 16px; + font-weight: 500; + letter-spacing: 0.075em; + text-transform: uppercase; + text-align: center; + color: #ffffff; + background: #01b3a7; +} + +.rd-search-results-live .search-submit:hover { + color: #ffffff; + background: #50ba87; +} + +.rd-search-results-live .match { + display: none; +} + +.not-empty~.rd-search-results-live { + visibility: visible; + opacity: 1; +} + +.rd-search-results-live p { + font-size: 14px; +} + +.rd-search-results-live p * { + margin: 0; +} + +.rd-search-results-live .search-list-item { + padding: 0 15px; +} + +.rd-search-results-live *+p { + margin-top: 5px; +} + +.rd-search-results-live .search-list-item+.search-list-item { + margin-top: 17px; +} + +.rd-search-results .search-list { + counter-reset: li; + text-align: left; + padding-left: 0; + font-size: 18px; + list-style-type: none; + overflow: hidden; +} + +.rd-search-results .search-list li div { + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + white-space: nowrap; +} + +.rd-search-results .search-list li:only-child::before { + display: none; +} + +.rd-search-results .search-list-item { + position: relative; + padding-left: 40px; + font-size: 14px; + color: #9b9b9b; +} + +.rd-search-results .search-list-item::before { + content: counter(li, decimal-leading-zero) "."; + counter-increment: li; + position: absolute; + left: 0; + top: 0; + font-size: 16px; + line-height: 1; + font-weight: 600; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #000000; +} + +.rd-search-results .search-list-item+.search-list-item { + margin-top: 40px; +} + +.rd-search-results .search-title { + font-size: 16px; + color: #000000; +} + +.rd-search-results .search { + color: #ffffff; + padding: 0 0.25em; + background: #01b3a7; +} + +.rd-search-results .match { + padding: 5px; + font-size: 12px; + line-height: 1.7; + letter-spacing: 0.1em; + text-transform: uppercase; + color: #000000; +} + +.rd-search-results .match em { + margin: 0; + font-style: normal; +} + +.rd-search-results p * { + margin: 0; +} + +.rd-search-results *+.match { + margin-top: 10px; +} + +@media (min-width: 768px) { + .rd-search-results .search-title { + font-size: 18px; + } + .rd-search-results .search-list-item::before { + top: 0; + font-size: 16px; + } + .rd-search-results *+p { + margin-top: 12px; + } +} + +@media (min-width: 992px) { + .rd-search-results .search-list-item { + padding-left: 40px; + } +} + +*+.rd-search-results { + margin-top: 40px; +} + +@media (min-width: 768px) { + *+.rd-search-results { + margin-top: 55px; + } +} + +.rd-search-classic { + position: relative; +} + +.rd-search-classic .form-input { + padding-right: 50px; +} + +.rd-search-classic .form-input, +.rd-search-classic .form-label { + letter-spacing: 0; +} + +.rd-search-classic .rd-search-submit { + background: none; + border: none; + display: inline-block; + padding: 0; + outline: none; + outline-offset: 0; + cursor: pointer; + -webkit-appearance: none; + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 50px; + padding-top: 3px; + padding-right: 2px; + margin: 0; + text-align: center; + color: #cccccc; + font-size: 0; + line-height: 0; +} + +.rd-search-classic .rd-search-submit::-moz-focus-inner { + border: none; + padding: 0; +} + +.rd-search-classic .rd-search-submit:before { + position: relative; + top: -1px; + content: "\e014"; + font: 400 20px "fl-chapps"; + line-height: 1; + transition: 0.33s all ease; +} + +.rd-search-classic .rd-search-submit:hover { + color: #01b3a7; +} + +.rd-search.rd-search-inline { + position: relative; +} + +.rd-search.rd-search-inline .form-input { + padding-right: 60px; +} + +.rd-search.rd-search-inline .button-link { + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 60px; + right: 0; + margin: 0; + font-size: 21px; + color: #cccccc; + transition: 0.33s; +} + +.rd-search.rd-search-inline .button-link::before { + display: block; + margin: auto; +} + +.rd-search.rd-search-inline .button-link:hover { + color: #01b3a7; +} + +.rd-search.rd-search-inline.form-sm .form-input { + padding-right: 40px; +} + +.rd-search.rd-search-inline.form-sm .button-link { + width: 40px; + font-size: 18px; +} + +.rd-search.rd-search-inline.form-lg .form-input { + padding-right: 60px; +} + +.rd-search.rd-search-inline.form-lg .button-link { + width: 60px; +} + +.form-search .form-label { + letter-spacing: 0.05em; +} + +.button-search { + position: absolute; + text-align: center; + padding: 0 5px; + right: 0; + top: 0; + height: 50px; + width: 60px; + font-size: 20px; + line-height: 50px; + border: none; + outline: none; + box-shadow: none; + background: transparent; + cursor: pointer; + transition: all 250ms ease; +} + +.button-search:hover { + color: #01b3a7; +} + +.form-product-search .form-input { + min-height: 50px; + padding-top: 12px; + padding-right: 55px; + padding-bottom: 12px; + letter-spacing: 0.05em; + background: #ffffff; + border-color: #e1e1e1; +} + +.form-product-search .form-label { + top: 25px; + padding-right: 55px; +} + +.form-post-search .form-input { + padding-top: 16px; + padding-bottom: 16px; + padding-right: 65px; + background: #ffffff; + border-width: 2px; + border-color: #151515; +} + +.form-post-search .form-label { + padding-right: 65px; +} + +.form-post-search .button-search { + width: 70px; + height: 60px; + font-size: 24px; +} + +.rd-navbar--is-stuck .rd-search-results-live #search-results, +.rd-navbar--is-clone .rd-search-results-live #search-results { + margin-top: 10px; +} + + +/* +* +* Isotope +*/ + +@keyframes sprite-animation { + from { + background-position: 0 0; + } +} + +[data-isotope-layout] { + z-index: 0; + display: block; + min-height: 160px; + margin-left: -15px; + margin-right: -15px; + transition: 0.4s all ease; +} + +[data-isotope-layout]:after { + content: ""; + position: absolute; + top: 50%; + left: 50%; + width: 64px; + height: 64px; + margin-top: 15px; + background-image: url("../images/isotope-loader.png"); + background-position: -1152px 0; + animation: 0.7s sprite-animation steps(18) infinite; + transition: 0.4s all ease; + transform: translate3d(-50%, -50%, 0); +} + +[data-isotope-layout] .row { + margin-bottom: -30px; +} + +[data-isotope-layout] .row>[class*="col-"] { + margin-top: 30px; +} + +[data-isotope-layout] .row-narrow { + margin-bottom: -30px; +} + +[data-isotope-layout] .row-narrow>[class*="col-"] { + margin-top: 30px; +} + +[data-isotope-layout] .row-condensed { + margin-bottom: 0; +} + +[data-isotope-layout] .row-condensed>[class*="col-"] { + margin-top: 0; +} + +[data-isotope-layout] [class*="col-"] { + display: block; + opacity: 0; + will-change: transform; + backface-visibility: hidden; + transition: 0.1s opacity ease-in; +} + +@media (max-width: 575.98px) { + [data-isotope-layout] [class*="col-"] { + max-width: 100%; + } +} + +[data-isotope-layout].isotope--loaded [class*="col-"] { + opacity: 1; +} + +[data-isotope-layout].isotope--loaded:after { + opacity: 0; + visibility: hidden; +} + +@media (max-width: 767.98px) { + [data-isotope-layout] .thumbnail { + max-width: none; + } +} + +.isotope-filters { + position: relative; +} + +.isotope-filters>* { + margin-top: 0; + vertical-align: middle; +} + +.isotope-filters .inline-list { + position: relative; + word-spacing: 0; +} + +.isotope-filters .inline-list li { + display: inline-block; +} + +.isotope-filters .inline-list a { + position: relative; + transition: 0.3s; + color: #cccccc; +} + +.isotope-filters .inline-list .isotope-filters-trigger { + display: none; +} + +*+.isotope-filters { + margin-top: 20px; +} + +h3+.isotope-filters { + margin-top: 14px; +} + +.isotope-filters-modern .inline-list { + transform: translate3d(0, -10px, 0); + margin-bottom: -10px; + margin-left: -10px; + margin-right: -10px; +} + +.isotope-filters-modern .inline-list>* { + margin-top: 10px; + padding-left: 10px; + padding-right: 10px; +} + +.isotope-filters-modern .inline-list>li { + font-family: "Montserrat", sans-serif, Arial, sans-serif; + font-size: 18px; +} + +.isotope-filters-modern .inline-list a { + position: relative; + padding-bottom: 10px; +} + +.isotope-filters-modern .inline-list a::after { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 0; + height: 2px; + transition: 0.4s; + background: #01b3a7; +} + +.isotope-filters-modern .inline-list a:hover { + color: #01b3a7; +} + +.isotope-filters-modern .inline-list a.active::after { + width: 100%; +} + +@media (min-width: 992px) { + .isotope-filters-modern .inline-list { + transform: translate3d(0, -10px, 0); + margin-bottom: -10px; + margin-left: -23px; + margin-right: -23px; + } + .isotope-filters-modern .inline-list>* { + margin-top: 10px; + padding-left: 23px; + padding-right: 23px; + } +} + +.isotope-modern-wrap [class*="col"] { + margin-top: 30px; +} + +@media (max-width: 767.98px) { + .isotope-modern-wrap [class*="col"] { + width: 100%; + max-width: 100%; + } +} + +@media (min-width: 992px) { + html:not(.tablet):not(.mobile) .isotope-modern-wrap [class*="col"] { + margin-top: 0; + } +} + +.isotope-condensed { + margin-left: 0; + margin-right: 0; +} + +.isotope-condensed .row>* { + margin-top: -1px; + margin-bottom: -1px; +} + +*+.isotope { + margin-top: 45px; +} + +*+.isotope-condensed { + margin-top: 30px; +} + +@media (max-width: 991.98px) { + .isotope-condensed { + padding: 0 0 30px; + margin-left: 0; + margin-right: 0; + } + .isotope-condensed .row.row-condensed>[class*="col"] { + padding-left: 10px; + padding-right: 10px; + } + .isotope-condensed .row.row-condensed>[class*="col"]+[class*="col"] { + margin-top: 25px; + } +} + +@media (min-width: 768px) { + *+.isotope-condensed { + margin-top: 50px; + } +} + +.isotope-filters .isotope-filters-toggle .icon { + top: -2px; + transition: transform 0.2s ease; +} + +.isotope-filters .isotope-filters-toggle.button-icon-right .icon { + margin-left: 8px; + padding-left: 0; +} + +.isotope-filters .isotope-filters-toggle.active .icon { + transform: rotate(-180deg); +} + +[class*="isotope-filters-list"] { + position: absolute; + top: calc(100% + 20px); + left: 50%; + max-width: 280px; + width: 100%; + padding: 20px; + font-size: 18px; + line-height: 1.2; + font-weight: 500; + letter-spacing: 0.1em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #9b9b9b; + background: #ffffff; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); + transform: translate3d(-50%, 0, 0); + opacity: 0; + visibility: hidden; + transition: all 0.3s ease-in-out; + z-index: 1; +} + +[class*="isotope-filters-list"].active { + opacity: 1; + visibility: visible; +} + +[class*="isotope-filters-list"] a { + display: block; + padding: 9px 5px 5px; +} + +[class*="isotope-filters-list"] a, +[class*="isotope-filters-list"] a:focus, +[class*="isotope-filters-list"] a:active { + color: inherit; +} + +[class*="isotope-filters-list"] a:hover { + color: #ffffff; +} + +[class*="isotope-filters-list"] a:hover { + color: #50ba87; +} + +[class*="isotope-filters-list"] a.active { + color: #ffffff; + background: #50ba87; +} + +@media (min-width: 768px) { + .isotope-filters { + overflow: hidden; + } + [class*="isotope-filters-list"] { + position: static; + text-align: center; + max-width: none; + top: auto; + left: auto; + width: auto; + padding: 0; + box-shadow: none; + background: transparent; + transform: none; + visibility: visible; + opacity: 1; + } + .isotope-filters-list { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + margin-left: -21px; + margin-right: -21px; + margin-bottom: -5px; + } + .isotope-filters-list>* { + margin-bottom: 5px; + } + .isotope-filters-list>li { + position: relative; + padding: 0 24px; + } + .isotope-filters-list>li+li::before { + position: absolute; + content: ""; + top: 0; + left: -2px; + height: 15px; + width: 1px; + background: #d7d7d7; + } + .isotope-filters-list a { + display: inline; + padding: 0; + } + .isotope-filters-list a, + .isotope-filters-list a:focus, + .isotope-filters-list a:active { + color: inherit; + } + .isotope-filters-list a:hover { + color: #50ba87; + } + .isotope-filters-list a.active { + color: #50ba87; + background: transparent; + } + .isotope-filters-list-2 a, + .isotope-filters-list-2 a:focus, + .isotope-filters-list-2 a:active { + color: inherit; + } + .isotope-filters-list-2 a:hover { + color: #01b3a7; + } + .isotope-filters-list-2 a.active { + color: #01b3a7; + } + .isotope-filters .isotope-filters-toggle { + display: none; + } + .isotope-filters-list-classic { + text-align: right; + font-size: 16px; + letter-spacing: 0.075em; + margin-bottom: -10px; + margin-left: -8px; + } + .isotope-filters-list-classic:empty { + margin-bottom: 0; + margin-left: 0; + } + .isotope-filters-list-classic>* { + display: inline-block; + margin-top: 0; + margin-bottom: 10px; + margin-left: 8px; + } + .isotope-filters-list-classic li a { + position: relative; + text-align: center; + padding: 13px 14px 8px; + color: #151515; + border: 2px solid #151515; + } + .isotope-filters-list-classic li a::before, + .isotope-filters-list-classic li a::after { + position: absolute; + content: ""; + top: -2px; + right: -2px; + bottom: -2px; + left: -2px; + border: 2px solid transparent; + transition: color 0.2s ease-in-out, transform 0.3s ease; + will-change: transform; + } + .isotope-filters-list-classic li a::before { + transform: scaleX(0); + } + .isotope-filters-list-classic li a::after { + transform: scaleY(0); + } + .isotope-filters-list-classic li a:hover, + .isotope-filters-list-classic li a.active { + color: #01b3a7; + background: transparent; + border-color: transparent; + } + .isotope-filters-list-classic li a:hover::before, + .isotope-filters-list-classic li a:hover::after, + .isotope-filters-list-classic li a.active::before, + .isotope-filters-list-classic li a.active::after { + transform: none; + } + .isotope-filters-list-classic li a:hover::before, + .isotope-filters-list-classic li a.active::before { + border-color: #01b3a7 transparent #01b3a7 transparent; + } + .isotope-filters-list-classic li a:hover::after, + .isotope-filters-list-classic li a.active::after { + border-color: transparent #01b3a7 transparent #01b3a7; + } +} + +@media (min-width: 992px) { + .isotope-filters-list-classic li a { + min-width: 158px; + } +} + +@media (min-width: 768px) { + .row-isotope { + margin-left: -0.85%; + margin-right: -0.85%; + margin-bottom: -1.7%; + } + .row-isotope>* { + margin-bottom: 1.7%; + padding-left: 0.85%; + padding-right: 0.85%; + } +} + +@media (min-width: 768px) { + .isotope-top-panel { + display: flex; + justify-content: space-between; + margin-bottom: -20px; + margin-left: -30px; + } + .isotope-top-panel:empty { + margin-bottom: 0; + margin-left: 0; + } + .isotope-top-panel>* { + display: inline-block; + margin-top: 0; + margin-bottom: 20px; + margin-left: 30px; + } + .isotope-top-panel *+.isotope-filters { + margin-top: 0; + } + .isotope-top-panel-title { + flex-shrink: 0; + } +} + +.isotope-content { + position: relative; + padding-top: 50px; +} + +.isotope-content::before, +.isotope-content::after { + position: absolute; + content: ""; + top: 0; + height: 1px; + width: 50%; + opacity: 0.21; +} + +.isotope-content::before { + left: 0; + background: linear-gradient(to right, #d1d1d1 0%, #3b3b3b 100%); +} + +.isotope-content::after { + right: 0; + background: linear-gradient(to right, #3b3b3b 0%, #d1d1d1 100%); +} + +*+.isotope-content { + margin-top: 30px; +} + +.tabs-custom { + text-align: left; +} + +.tabs-custom .nav-tabs { + font-size: 0; + line-height: 0; + word-spacing: 0; + border: 0; + justify-content: center; +} + +.tabs-custom .nav-tabs:before, +.tabs-custom .nav-tabs:after { + display: none; +} + +.tabs-custom .nav-item { + float: none; + margin: 0; + border: 0; + cursor: pointer; + transition: 0.33s all ease; +} + +.tabs-custom .nav-link { + margin: 0; + border-radius: 0; + border: 0; + color: #9b9b9b; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.tabs-custom .nav-link.active { + cursor: default; +} + +.tab-content>.tab-pane { + display: block; + visibility: hidden; + height: 0; + overflow: hidden; +} + +.tab-content>.tab-pane.active { + height: auto; +} + +.ios .tab-height, +.mac-os .tab-height { + height: 88px; +} + +.tab-pane .button-pipaluk { + padding: 20px 33px 19px; +} + +.tab-pane .button-black-outline { + padding: 16px 33px 16px; +} + +.tab-content>.active { + visibility: visible; + overflow: visible; +} + +*+.tabs-line { + margin-top: 24px; +} + +*+.tabs-line-big { + margin-top: 28px; +} + +*+.tabs-line-2 { + margin-top: 26px; +} + +*+.tabs-horizontal.tabs-corporate { + margin-top: 25px; +} + +h1+.tabs-line { + margin-top: 22px; +} + +.row+.tabs-corporate { + margin-top: 66px; +} + +.tabs-line .nav-link { + padding: 10px 10px 6px; + text-transform: uppercase; + font-size: 20px; + font-weight: 400; + line-height: 1; + letter-spacing: 0.075em; + text-align: center; + vertical-align: middle; +} + +.tabs-line .nav-link-big { + font-size: 24px; +} + +.tabs-line .nav-link-small { + font-size: 14px; + font-weight: 500; + letter-spacing: 0.025em; +} + +.tabs-line *+.tab-content { + margin-top: 20px; +} + +@media (max-width: 767.98px) { + .tabs-line .nav-tabs { + margin-bottom: -10px; + } + .tabs-line .nav-item { + margin-bottom: 10px; + } + .tabs-line .nav-link { + border-width: 1px 0 1px 0; + border-style: solid; + border-color: #e1e1e1; + } + .tabs-line .nav-link:hover, + .tabs-line .nav-link.active { + color: #01b3a7; + } + .tabs-line .nav-link.active { + border-color: #01b3a7; + } +} + +@media (min-width: 768px) { + .tabs-line .nav-link { + font-size: 16px; + } + .tabs-line .nav-link-big { + font-size: 36px; + } + .tabs-line .nav-link-small { + font-size: 18px; + } +} + +.tabs-line-big .button { + min-width: 180px; +} + +.tabs-line-big h5+p { + margin-top: 8px; +} + +.tabs-line-big *+.group-md { + margin-top: 36px; +} + +.tabs-line-style-2 .nav-link { + letter-spacing: 0.1em; +} + +.tabs-line-style-3 h5+p { + margin-top: 10px; +} + +.tabs-line-style-3 *+.group-md { + margin-top: 35px; +} + +.tabs-corporate .nav-tabs { + position: relative; +} + +.tabs-corporate .nav-link { + padding: 12px 0 8px; + text-transform: uppercase; + font-size: 18px; + font-weight: 500; + line-height: 1; + letter-spacing: 0.1em; + color: #9b9b9b; + background: transparent; + text-align: center; + vertical-align: middle; +} + +.tabs-corporate .nav-link:hover, +.tabs-corporate .nav-link.active { + color: #151515; +} + +.tabs-corporate .nav-link:hover { + border-color: transparent; +} + +.tabs-corporate .tab-content { + padding: 20px 0 0; +} + +@media (max-width: 767.98px) { + .tabs-corporate .nav-tabs { + margin-bottom: 0; + margin-left: -20px; + } + .tabs-corporate .nav-tabs:empty { + margin-bottom: 0; + margin-left: 0; + } + .tabs-corporate .nav-tabs>* { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + margin-left: 20px; + } + .tabs-corporate .nav-link { + border-width: 1px; + border-style: solid; + border-color: transparent; + } + .tabs-corporate .nav-link.active { + border-color: transparent transparent #50ba87 transparent; + } +} + +@media (min-width: 768px) { + .tabs-horizontal.tabs-corporate .nav-tabs { + position: relative; + width: 100%; + border: 0; + will-change: transform; + justify-content: flex-start; + } + .tabs-horizontal.tabs-corporate .nav-item { + will-change: transform; + } + .tabs-horizontal.tabs-corporate .nav-link { + display: block; + position: relative; + z-index: 1; + min-width: 188px; + letter-spacing: 0.1em; + padding: 26px 20px; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: transparent; + } + .tabs-horizontal.tabs-corporate .nav-link.active, + .tabs-horizontal.tabs-corporate .nav-link:hover { + color: #151515; + } + .tabs-horizontal.tabs-corporate .nav-link.active { + border-color: #e1e1e1; + } + .tabs-horizontal.tabs-corporate .tab-content { + border: 1px solid #e1e1e1; + } + .tabs-horizontal.tabs-line .nav-tabs { + justify-content: space-between; + border-bottom: 3px solid #e1e1e1; + } + .tabs-horizontal.tabs-line .nav-item { + display: inline-block; + } + .tabs-horizontal.tabs-line .nav-link { + position: relative; + padding: 0 0 10px 0; + background-color: transparent; + border: 0; + } + .tabs-horizontal.tabs-line .nav-link::after { + content: ""; + position: absolute; + bottom: -3px; + left: 0; + height: 3px; + width: 0; + background: #01b3a7; + transition: 0.22s ease; + } + .tabs-horizontal.tabs-line .nav-link-big { + padding-bottom: 5px; + } + .tabs-horizontal.tabs-line .nav-link-small { + padding-bottom: 18px; + } + .tabs-horizontal.tabs-line .nav-link.active, + .tabs-horizontal.tabs-line .nav-link:hover { + color: #01b3a7; + } + .tabs-horizontal.tabs-line .nav-link.active::after { + width: 100%; + } + .tabs-horizontal.tabs-line *+.tab-content { + margin-top: 30px; + } + .tabs-horizontal.tabs-line-style-3 *+.tab-content { + margin-top: 26px; + } + .tabs-horizontal.tabs-line-big *+.tab-content { + margin-top: 26px; + } +} + +@media (min-width: 768px) { + .tabs-horizontal.tabs-corporate .tab-content { + padding: 45px 40px; + } +} + +@media (min-width: 768px) { + .tabs-vertical { + display: flex; + align-items: flex-start; + } + .tabs-vertical .nav-tabs { + display: flex; + flex-direction: column; + align-items: stretch; + flex-shrink: 0; + max-width: 50%; + } + .tabs-vertical .nav-item { + border: 0; + width: 100%; + text-align: left; + } + .tabs-vertical .tab-content { + flex-grow: 1; + } + .tabs-vertical.tabs-line .nav-tabs { + width: auto; + min-width: 167px; + border: 0; + } + .tabs-vertical.tabs-line .nav-item { + margin: 0; + } + .tabs-vertical.tabs-line .nav-link { + position: relative; + padding: 21px 0 17px; + border: 0; + overflow: hidden; + text-align: left; + } + .tabs-vertical.tabs-line .nav-link.active, + .tabs-vertical.tabs-line .nav-link:hover { + color: #01b3a7; + } + .tabs-vertical.tabs-line .nav-item+.nav-item { + border-top: 1px solid #e1e1e1; + } + .tabs-vertical.tabs-line .tab-content { + padding: 0 0 0 35px; + } + .tabs-vertical.tabs-line *+.tab-content { + margin-top: 0; + } +} + +.tabs-custom-wrap { + display: flex; + align-items: center; + min-height: 100%; + padding: 30px 15px; + background: #ffffff; +} + +@media (min-width: 768px) { + .tabs-custom-wrap { + padding-left: 30px; + padding-right: 30px; + } +} + +@media (min-width: 1200px) { + .tabs-custom-wrap { + padding: 16px 35px 24px; + } +} + +.ie-10 .tabs-custom-wrap, +.ie-11 .tabs-custom-wrap, +.ie-edge .tabs-custom-wrap { + height: 100%; +} + +.card-group-custom { + margin-bottom: 0; +} + +.card-group-custom .card-header+.collapse>.card-body, +.card-group-custom .card-header+.collapse>.list-group { + border-top: 0; +} + +.card-group-custom .card+.card { + margin-top: 0; +} + +.card-group-custom.card-group-corporate .card+.card { + margin-top: 15px; +} + +.card-custom { + display: block; + margin: 0; + background: inherit; + border: 0; + border-radius: 0; + box-shadow: none; + text-align: left; +} + +.card-custom a { + display: block; +} + +.card-custom .card-header { + padding: 0; + border-bottom: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.card-custom .card-body { + padding: 0; +} + +*+.card-group-custom { + margin-top: 20px; +} + +.card-corporate { + text-align: left; + border: 1px solid #e1e1e1; +} + +.card-corporate .card-title { + margin-bottom: 0; +} + +.card-corporate .card-title a, +.card-corporate .card-body { + background: #ffffff; +} + +.card-corporate .card-title a { + position: relative; + z-index: 1; + padding: 33px 72px 29px 30px; + font-size: 20px; + line-height: 1.2; + font-weight: 400; + letter-spacing: normal; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #151515; + border-bottom: 1px solid #e1e1e1; + transition: all 0.3s ease; +} + +.card-corporate .card-title a:hover { + color: #01b3a7; +} + +.card-corporate .card-title a.collapsed { + border-color: transparent; +} + +.card-corporate .card-title a .card-arrow:after { + opacity: 0; + visibility: hidden; +} + +.card-corporate .card-title a.collapsed { + border-radius: 0; + border-bottom-width: 0; +} + +.card-corporate .card-title a.collapsed .card-arrow:after { + opacity: 1; + visibility: visible; +} + +.card-corporate .card-arrow { + display: inline-block; + position: absolute; + top: 50%; + right: 10px; + z-index: 2; + width: 40px; + height: 40px; + border-radius: 50%; + border: 4px solid #01b3a7; + transform: translate3d(0, -50%, 0); + transition: 0.33s all ease; +} + +.card-corporate .card-arrow::before, +.card-corporate .card-arrow::after { + content: ""; + position: absolute; + top: 50%; + left: 50%; + z-index: 4; + transform: translate(-50%, -50%); + background: #151515; +} + +.card-corporate .card-arrow::before { + width: 15px; + height: 3px; +} + +.card-corporate .card-arrow::after { + width: 3px; + height: 15px; +} + +.card-corporate .collapse { + position: relative; + z-index: 1; + color: #151515; + border-radius: 0; +} + +.card-corporate .card-body { + padding: 25px 30px 30px 30px; + color: #9b9b9b; +} + +@media (max-width: 575.98px) { + .card-corporate .card-body { + padding-right: 15px; + } +} + +@media (max-width: 767.98px) { + .card-corporate .card-title a, + .card-corporate .card-body { + padding-left: 15px; + } + .card-corporate .card-body { + padding-top: 15px; + padding-bottom: 15px; + } + .card-corporate .card-title a { + padding-top: 23px; + padding-bottom: 17px; + } +} + +@media (min-width: 768px) { + .card-corporate .card-arrow { + right: 18px; + } + .card-corporate .card-title a { + font-size: 20px; + line-height: 1.2; + padding-right: 60px; + } +} + +.card-corporate-2 .card-arrow { + border-color: #50ba87; +} + +.card-corporate-2 .card-arrow::before, +.card-corporate-2 .card-arrow::after { + background: #01b3a7; +} + + +/* +* +* Tooltop Custom +*/ + +.tooltip { + font-size: 14px; + line-height: 1.2; + letter-spacing: 0.05em; + z-index: 1010; +} + +.tooltip.bs-tooltip-top .arrow::before { + border-top-color: #151515; +} + +.tooltip.bs-tooltip-right .arrow::before { + border-right-color: #151515; +} + +.tooltip.bs-tooltip-bottom .arrow::before { + border-bottom-color: #151515; +} + +.tooltip.bs-tooltip-left .arrow::before { + border-left-color: #151515; +} + +.tooltip-inner { + padding: 4px 11px; + background-color: #151515; +} + + +/* +* +* Counter +*/ + +.counter-modern { + position: relative; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: left; + min-height: 220px; + padding: 20px; + z-index: 1; +} + +.counter-modern::before { + position: absolute; + content: ""; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 6px solid #ebebeb; + transition: all 0.3s ease; + z-index: -1; +} + +.counter-modern-2 .counter-modern-decor { + background: #50ba87; +} + +.counter-modern-number { + font-size: 60px; + line-height: 0.6; + letter-spacing: 0.025em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.counter-modern-number>* { + display: inline-block; +} + +.counter-modern-decor { + width: 100%; + height: 2px; + margin: 16px 0 16px auto; + background: #01b3a7; + transition: all 0.3s ease; +} + +.counter-modern-title { + display: inline-block; + font-weight: 300; + letter-spacing: 0.05em; +} + +@media (min-width: 992px) { + .desktop .counter-modern::before { + border-width: 22px; + } + .desktop .counter-modern-decor { + width: 0; + margin-top: 8px; + margin-bottom: 8px; + } + .desktop .counter-modern:hover::before { + border-width: 10px; + } + .desktop .counter-modern:hover .counter-modern-decor { + width: 100%; + margin-top: 24px; + margin-bottom: 24px; + } +} + +@media (min-width: 768px) { + .counter-modern { + padding: 35px; + min-height: 320px; + } + .counter-modern::before { + border-width: 10px; + } + .counter-modern-number { + font-size: 105px; + } + .counter-modern-decor { + margin-top: 24px; + margin-bottom: 24px; + } +} + +@media (min-width: 992px) { + .counter-modern { + min-height: 363px; + } +} + +.ie-edge .counter-modern, +.ie-10 .counter-modern, +.ie-11 .counter-modern { + height: 320px; +} + +@media (min-width: 992px) { + .ie-edge .counter-modern, + .ie-10 .counter-modern, + .ie-11 .counter-modern { + height: 363px; + } +} + +.counter-classic { + text-align: center; +} + +.counter-classic-number { + font-size: 50px; + line-height: 0.8; + font-weight: 300; + letter-spacing: 0.025em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + margin-bottom: 7px; +} + +@media (min-width: 992px) { + .counter-classic-number { + font-size: 70px; + } +} + +.counter-classic-number>* { + display: inline-block; +} + +.counter-classic-number .symbol { + font-size: 40px; + letter-spacing: 0; +} + +.counter-classic-title { + font-weight: 400; + letter-spacing: 0.05em; + font-size: 16px; + text-transform: uppercase; +} + +@media (min-width: 992px) { + .counter-classic-title { + font-size: 21px; + } +} + +@media (min-width: 1200px) { + .counter-classic-number { + font-size: 110px; + } + .counter-classic-number .symbol { + font-size: 70px; + } +} + +.counter-creative { + text-align: center; +} + +.counter-creative-2 .counter-creative-number { + color: #50ba87; +} + +.counter-creative-number { + font-size: 70px; + line-height: 0.8; + font-weight: 300; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + text-transform: uppercase; + letter-spacing: 0.025em; +} + +.counter-creative-number>* { + display: inline-block; + vertical-align: top; +} + +.counter-creative-icon { + margin-left: 10px; + font-size: 42px; + line-height: 1; + color: #01b3a7; +} + +.counter-creative-title { + font-weight: 400; + letter-spacing: 0.075em; +} + +*+.counter-creative-title { + margin-top: 8px; +} + +.counter-abby { + position: relative; + padding: 40px 20px; + min-height: 100%; + border: 9px solid transparent; + transition: all 0.3s ease; + z-index: 1; +} + +.counter-abby::before, +.counter-abby::after { + position: absolute; + content: ""; + border: 1px solid #151515; + transition: inherit; + will-change: transform; + z-index: -1; +} + +.counter-abby::before { + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.counter-abby::after { + top: -9px; + right: -9px; + bottom: -9px; + left: -9px; +} + +.counter-abby:hover { + border-color: #151515; +} + +.counter-abby:hover::before { + transform: scale(0.95); +} + +.counter-abby:hover::after { + transform: scale(1.05); +} + +@media (min-width: 992px) { + .counter-abby { + padding-top: 60px; + padding-bottom: 60px; + } +} + +.context-dark .counter-abby::before, +.bg-gray-dark .counter-abby::before, +.bg-primary .counter-abby::before, +.context-dark .counter-abby::after, +.bg-gray-dark .counter-abby::after, +.bg-primary .counter-abby::after { + border-color: rgba(255, 255, 255, 0.27); +} + +.context-dark .counter-abby:hover, +.bg-gray-dark .counter-abby:hover, +.bg-primary .counter-abby:hover { + border-color: rgba(255, 255, 255, 0.27); +} + +.counter-amy { + text-align: center; + padding: 30px 10px; +} + +.counter-amy-number { + font-size: 110px; + line-height: 0.8; + font-weight: 300; + letter-spacing: 0.1em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.counter-amy-number>* { + display: inline-block; +} + +.counter-amy-number .symbol { + font-size: 70px; + letter-spacing: 0; + margin-left: -8px; +} + +.counter-amy-title { + font-weight: 400; + letter-spacing: 0.1em; + color: #9b9b9b; +} + +*+.counter-amy-title { + margin-top: 10px; +} + +.border-classic>div { + position: relative; +} + +.border-classic>div::before { + position: absolute; + display: none; + content: ""; + left: 50%; + top: -25px; + transform: translateX(-50%); + width: 80%; + height: 1px; + background: #d7d7d7; +} + +@media (max-width: 575.98px) { + .border-classic>div+div::before { + display: inline-block; + } +} + +@media (min-width: 576px) { + .border-classic>div { + position: relative; + } + .border-classic>div::before { + top: 50%; + left: 0; + width: 1px; + height: 68px; + margin-top: -34px; + transform: none; + } + .border-classic>div:nth-child(odd)+div::before { + display: inline-block; + } +} + +@media (min-width: 992px) { + .border-classic>div+div::before { + display: inline-block; + } +} + +@media (min-width: 576px) { + .border-classic-big>div::before { + height: 86px; + margin-top: -43px; + } +} + +.context-dark .border-classic>div::before, +.bg-gray-dark .border-classic>div::before, +.bg-primary .border-classic>div::before { + background: rgba(244, 244, 244, 0.55); +} + +.border-modern { + border-width: 1px 0 0 1px; + border-style: solid; + border-color: #e1e1e1; +} + +.border-modern>div { + border-width: 0 1px 1px 0; + border-style: solid; + border-color: #e1e1e1; +} + +.border-creative { + overflow: hidden; +} + +.border-creative>div::before, +.border-creative>div::after { + position: absolute; + content: ""; + background: #d1d1d1; +} + +.border-creative>div::before { + height: 1px; + left: 26px; + right: 26px; + bottom: -1px; +} + +.border-creative>div::after { + width: 1px; + top: 26px; + right: -1px; + bottom: 26px; +} + +*+.border-creative { + margin-top: 0; +} + +.border-2-column>div { + padding: 0; + border-top: 1px solid #e1e1e1; +} + +.border-2-column>div:nth-child(1) { + border-top: none; +} + +.border-2-column>div:nth-child(1) .counter-amy { + padding-top: 0; +} + +.border-2-column>div:nth-last-child(1) .counter-amy { + padding-bottom: 0; +} + +@media (min-width: 576px) { + .border-2-column>div:nth-child(2) { + border-top: none; + } + .border-2-column>div:nth-child(2) .counter-amy { + padding-top: 0; + } + .border-2-column>div:nth-last-child(2) .counter-amy { + padding-bottom: 0; + } + .border-2-column>div:nth-child(even) { + border-left: 1px solid #e1e1e1; + } + .border-2-column>div:nth-child(even) .counter-amy { + padding-right: 0; + } + .border-2-column>div:nth-child(odd) .counter-amy { + padding-left: 0; + } +} + +.context-dark .border-2-column>div, +.bg-gray-dark .border-2-column>div, +.bg-primary .border-2-column>div { + border-color: rgba(255, 255, 255, 0.1); +} + +.box-ordered { + counter-reset: div; +} + +.box-ordered .box-ordered-item::before { + content: counter(div, decimal-leading-zero); + counter-increment: div; +} + +.box-ordered-2 { + counter-reset: div; +} + +.box-ordered-2 .box-ordered-item::before { + content: counter(div, decimal); + counter-increment: div; +} + + +/* +* +* Progress Bars +*/ + +.progress-linear { + position: relative; + text-align: left; + font-size: 18px; + line-height: 1; + letter-spacing: 0.075em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #9b9b9b; +} + +.progress-header { + display: flex; + align-items: center; + justify-content: space-between; +} + +.progress-bar-linear-wrap { + height: 6px; + border-radius: 3px; + background: #dddddd; +} + +.progress-bar-linear { + position: relative; + width: 0; + height: inherit; + background: #01b3a7; + transition: 0.5s all ease-in-out; +} + +.progress-value::after { + content: "%"; +} + +.progress-value { + position: absolute; + bottom: 100%; + right: -4px; + margin-bottom: 12px; + transform: translate3d(50%, 0, 0); + will-change: transform; +} + +.progress-marker { + display: inline-block; + position: absolute; + top: 50%; + right: 0; + width: 22px; + height: 22px; + background: #01b3a7; + border: 7px solid #ffffff; + border-radius: 50%; + transform: translate(50%, -50%); + box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.1); +} + +.progress-secondary .progress-bar-linear { + background: #50ba87; +} + +.progress-secondary .progress-marker { + background: #50ba87; +} + +.progress-orange .progress-bar-linear { + background: #e7a855; +} + +.progress-orange .progress-marker { + background: #e7a855; +} + +*+.progress-bar-linear-wrap { + margin-top: 12px; +} + +*+.progress-linear { + margin-top: 35px; +} + +.progress-linear+.progress-linear { + margin-top: 20px; +} + +@media (min-width: 992px) { + .progress-linear+.progress-linear { + margin-top: 30px; + } +} + + +/* +* +* Circle Progress Bars +*/ + +.progress-bar-circle { + display: inline-block; + position: relative; + text-align: center; + line-height: 1.2; + letter-spacing: 0.05em; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #151515; + z-index: 1; +} + +.progress-bar-circle::before { + position: absolute; + content: ""; + top: 2px; + right: 2px; + bottom: 2px; + left: 2px; + border: 8px solid #e1e1e1; + border-radius: 50%; + z-index: -1; +} + +.progress-bar-circle canvas { + vertical-align: middle; +} + +.progress-bar-circle span { + position: absolute; + top: 53%; + left: 50%; + font-size: 48px; + line-height: 1; + transform: translate(-50%, -50%); +} + +.progress-bar-circle span::after { + font-size: 36px; + line-height: 1; + content: "%"; +} + +.progress-bar-circle-title { + font-size: 14px; + letter-spacing: normal; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + color: #151515; +} + +*+.progress-bar-circle-title { + margin-top: 6px; +} + + +/* +* +* Time Circles +*/ + +.time_circles { + position: relative; + width: 100%; +} + +.time_circles>div { + position: absolute; + top: 0 !important; + bottom: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: center; + margin-top: -10px; + text-align: center; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +@media (min-width: 1200px) { + #DateCountdown { + width: 100%; + } +} + +.time_circles>div>h4 { + position: absolute; + left: 0; + top: calc(100% + 10px); + right: 0; + transform: translateY(-100%); + margin: 0; + padding: 0; + text-align: center; + font-family: inherit; + font-size: 16px !important; + line-height: 1.2 !important; + color: rgba(255, 255, 255, 0.3); + text-transform: uppercase; +} + +.time_circles>div>h4+* { + margin-top: 0; +} + +@media (min-width: 768px) { + .time_circles>div>h4 { + font-size: 18px !important; + } +} + +@media (min-width: 992px) { + .time_circles>div>h4 { + top: calc(100% + 6px); + } +} + +.time_circles>div>span { + display: block; + text-align: center; + margin-top: 12px; + font-size: 24px !important; + font-weight: 400; + line-height: 1 !important; + color: #111111; +} + +@media (min-width: 768px) { + .time_circles>div>span { + font-size: 34px !important; + } +} + +@media (min-width: 992px) { + .time_circles>div>span { + font-size: 48px !important; + } +} + +.context-dark .time_circles>div>span, +.bg-gray-dark .time_circles>div>span, +.bg-primary .time_circles>div>span { + color: #ffffff; +} + +.countdown-wrap { + max-width: 730px; + margin-left: auto; + margin-right: auto; + padding-bottom: 20px; +} + +*+.countdown-wrap { + margin-top: 35px; +} + +*+.DateCountdown { + margin-top: 20px; +} + +.DateCountdown+* { + margin-top: 40px; +} + +.countdown-wrap+.button { + margin-top: 40px; +} + + +/* +* +* jScrollPane +*/ + +.jspContainer { + overflow: hidden; + position: relative; +} + +.jspPane { + position: absolute; + right: 4px; +} + +.jspVerticalBar { + position: absolute; + top: 0; + right: 0; + width: 4px; + height: 100%; + background: #e1e1e1; + pointer-events: auto; +} + +.jspHorizontalBar { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 16px; + background: #e1e1e1; + pointer-events: auto; +} + +.jspCap { + display: none; +} + +.jspHorizontalBar .jspCap { + float: left; +} + +.jspTrack { + background: #e1e1e1; + position: relative; +} + +.jspDrag { + background: rgba(1, 179, 167, 0.5); + width: 8px; + position: relative; + top: 0; + left: 0; + cursor: pointer; +} + +.jspHorizontalBar .jspTrack, +.jspHorizontalBar .jspDrag { + float: left; + height: 100%; +} + + +/* +* Arrow +*/ + +.jspArrow { + background: #50506d; + text-indent: -20000px; + display: block; + cursor: pointer; + padding: 0; + margin: 0; +} + +.jspArrow.jspDisabled { + cursor: default; + background: #80808d; +} + +.jspVerticalBar .jspArrow { + height: 16px; +} + +.jspHorizontalBar .jspArrow { + width: 16px; + float: left; + height: 100%; +} + +.jspVerticalBar .jspArrow:focus { + outline: none; +} + +.jspCorner { + background: #eeeef4; + float: left; + height: 100%; +} + + +/* +* +* Owl Carousel +*/ + +.owl-carousel .animated { + animation-duration: 1000ms; + animation-fill-mode: both; +} + +.owl-carousel .owl-animated-in { + z-index: 0; +} + +.owl-carousel .owl-animated-out { + z-index: 1; +} + +.owl-carousel .fadeOut { + animation-name: fadeOut; +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} + + +/* + * Owl Carousel - Auto Height Plugin + */ + +.owl-height { + transition: height 500ms ease-in-out; +} + + +/* + * Core Owl Carousel CSS File + */ + +.owl-carousel { + display: none; + width: 100%; + -webkit-tap-highlight-color: transparent; + /* position relative and z-index fix webkit rendering fonts issue */ + position: relative; + z-index: 1; +} + +.owl-carousel .owl-stage { + position: relative; + -ms-touch-action: pan-Y; +} + +.owl-carousel .owl-stage:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} + +.owl-carousel .owl-stage-outer { + position: relative; + overflow: hidden; + /* fix for flashing background */ + -webkit-transform: translate3d(0px, 0px, 0px); +} + +.owl-carousel .owl-controls .owl-nav .owl-prev, +.owl-carousel .owl-controls .owl-nav .owl-next, +.owl-carousel .owl-controls .owl-dot { + cursor: pointer; + user-select: none; +} + +.owl-carousel.owl-loaded { + display: block; +} + +.owl-carousel.owl-loading { + opacity: 0; + display: block; +} + +.owl-carousel.owl-hidden { + opacity: 0; +} + +.owl-carousel .owl-refresh .owl-item { + display: none; +} + +.owl-carousel .owl-item { + position: relative; + min-height: 1px; + float: left; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; +} + +.owl-carousel .owl-item .owl-item { + width: 100%; +} + +.owl-carousel .owl-grab { + cursor: move; + cursor: -webkit-grab; + cursor: grab; +} + +.owl-carousel.owl-rtl { + direction: rtl; +} + +.owl-carousel.owl-rtl .owl-item { + float: right; +} + + +/* No Js */ + +.no-js .owl-carousel { + display: block; +} + + +/* + * Owl Carousel - Lazy Load Plugin + */ + +.owl-carousel .owl-item .owl-lazy { + opacity: 0; + transition: opacity 400ms ease; +} + + +/* + * Owl Carousel - Video Plugin + */ + +.owl-carousel .owl-video-wrapper { + position: relative; + height: 100%; + background: #000000; +} + +.owl-carousel .owl-video-play-icon { + position: absolute; + height: 80px; + width: 80px; + left: 50%; + top: 50%; + margin-left: -40px; + margin-top: -40px; + font: 400 40px/80px "FontAwesome"; + cursor: pointer; + z-index: 1; + transition: scale 100ms ease; +} + +.owl-carousel .owl-video-play-icon:before { + content: "\f144"; +} + +.owl-carousel .owl-video-play-icon:hover { + transform: scale(1.3); +} + +.owl-carousel .owl-video-playing .owl-video-tn, +.owl-carousel .owl-video-playing .owl-video-play-icon { + display: none; +} + +.owl-carousel .owl-video-tn { + opacity: 0; + height: 100%; + background-position: center center; + background-repeat: no-repeat; + background-size: contain; + transition: opacity 400ms ease; +} + +.owl-carousel .owl-video-frame { + position: relative; + z-index: 1; +} + + +/* + * Owl Navigation + */ + +.owl-nav.disabled { + display: none !important; +} + +.owl-prev, +.owl-next { + position: absolute; + top: 50%; + transform: translateY(-50%); + font: 400 46px/50px "FontAwesome"; + color: #cccccc; + cursor: pointer; +} + +.owl-prev:hover, +.owl-next:hover { + color: #01b3a7; +} + +.owl-prev { + left: 0; +} + +.owl-prev::before { + content: "\f104"; +} + +.owl-next { + right: 0; +} + +.owl-next::before { + content: "\f105"; +} + + +/* + * Owl Pagination + */ + +.owl-dots { + position: absolute; + text-align: center; + font-size: 0; + line-height: 0; + bottom: 30px; + width: 100%; +} + +.owl-dots.disabled { + display: none !important; +} + +.owl-dot { + text-align: center; + display: inline-block; + position: relative; + width: 12px; + height: 12px; + border: none; + border-radius: 0; + margin-left: 6px; + margin-right: 6px; + outline: none; + cursor: pointer; + transition: 0.2s; +} + +@media (min-width: 992px) { + .owl-dot { + margin-left: 4px; + margin-right: 4px; + } +} + +.owl-dot::before, +.owl-dot::after { + position: absolute; + content: ""; + left: 0; + top: 0; + width: 100%; + height: 100%; +} + +.owl-dot::before { + background: #9b9b9b; + transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; +} + +.owl-dot::after { + opacity: 0; + background: #01b3a7; + transform: translateY(-200%); + transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s; +} + +.owl-dot:only-child { + display: none; +} + +.owl-dot:hover::before, +.owl-dot:focus::before { + background: #151515; +} + +.owl-dot.active::after { + opacity: 1; + visibility: visible; + transform: translateY(0%); + transition: transform 0.3s ease, opacity 0.3s ease; +} + +.owl-dot.active::before { + opacity: 0; + visibility: hidden; + transform: translateY(200%); +} + +.owl-dots-secondary .owl-dot::after { + background: #50ba87; +} + +.owl-dots-white .owl-dot::before { + background: rgba(255, 255, 255, 0.8); +} + +.owl-dots-white .owl-dot:hover::before, +.owl-dots-white .owl-dot:focus::before { + background: #ffffff; +} + +.post .owl-dots { + bottom: 40px; +} + +.owl-carousel.owl-carousel-light-dots .owl-dot { + border-color: #ffffff; +} + +.owl-carousel.owl-carousel-light-dots .owl-dot:hover, +.owl-carousel.owl-carousel-light-dots .owl-dot:focus { + background-color: #ffffff; +} + +.owl-carousel.owl-carousel-light-dots .owl-dot.active { + background-color: #ffffff; +} + +.owl-classic .owl-dots { + position: relative; + bottom: 0; + margin-top: 25px; +} + +.owl-classic .owl-prev, +.owl-classic .owl-next { + display: none; + align-items: center; + justify-content: space-between; + height: 40px; + width: 54px; + font-size: 0; + line-height: 40px; + padding-left: 5px; + padding-right: 5px; + transition: all 0.25s ease; +} + +.owl-classic .owl-prev::before, +.owl-classic .owl-prev::after, +.owl-classic .owl-next::before, +.owl-classic .owl-next::after { + display: inline-block; + vertical-align: middle; + content: ""; + transition: all 0.3s ease-in-out; +} + +.owl-classic .owl-prev::before, +.owl-classic .owl-next::before { + height: 2px; + width: 32px; + background-color: rgba(21, 21, 21, 0.21); +} + +.owl-classic .owl-prev::after, +.owl-classic .owl-next::after { + width: 0; + height: 0; + border-style: solid; +} + +.owl-classic .owl-prev:hover, +.owl-classic .owl-next:hover { + padding-left: 0; + padding-right: 0; +} + +.owl-classic .owl-prev:hover::before, +.owl-classic .owl-next:hover::before { + background-color: #01b3a7; +} + +.owl-classic .owl-prev:hover::after, +.owl-classic .owl-next:hover::after { + border-left-color: #01b3a7; + border-right-color: #01b3a7; +} + +.owl-classic .owl-prev { + flex-direction: row-reverse; + left: -62px; +} + +.owl-classic .owl-prev::after { + border-width: 5px 8px 5px 0; + border-color: transparent rgba(21, 21, 21, 0.21) transparent transparent; +} + +.owl-classic .owl-next { + right: -62px; +} + +.owl-classic .owl-next::after { + border-width: 5px 0 5px 8px; + border-color: transparent transparent transparent rgba(21, 21, 21, 0.21); +} + +@media (min-width: 1600px) { + .owl-classic .owl-prev, + .owl-classic .owl-next { + display: flex; + } + .owl-classic .owl-dots { + display: none; + } +} + +.owl-modern { + margin-left: -15px; + margin-right: -15px; + width: auto; +} + +.owl-modern .owl-stage-outer { + padding-top: 19px; + padding-bottom: 15px; +} + +.owl-modern .owl-stage-outer::before, +.owl-modern .owl-stage-outer::after { + position: absolute; + content: ""; +} + +.owl-modern .owl-stage-outer::before { + top: 0; + right: 55px; + left: 55px; + height: 18px; + background: #e8e8e8; + z-index: -1; +} + +.owl-modern .owl-stage-outer::after { + top: 9px; + right: 30px; + left: 30px; + height: 9px; + background: #f4f4f4; + z-index: -1; +} + +.owl-modern .owl-dots { + position: relative; + bottom: 0; + margin-top: 17px; +} + +.owl-timeline::before { + position: absolute; + content: ""; + left: 0; + bottom: 100px; + height: 0px; + width: 100%; + background: #dddddd; +} + +.owl-timeline .owl-prev, +.owl-timeline .owl-next { + top: 35%; + transform: none; +} + +@media (min-width: 1600px) { + .owl-timeline::before { + bottom: 51px; + } +} + +.owl-navbar .owl-dots { + position: static; + margin-top: 25px; +} + +.owl-navbar .owl-dot:before { + background: #e7e7e7; +} + +.owl-navbar .owl-dot:hover::before, +.owl-navbar .owl-dot:focus::before { + background: #9b9b9b; +} + +.owl-products .owl-dots { + position: relative; + bottom: 0; + margin-top: 26px; +} + +*+.owl-products { + margin-top: 40px; +} + +.owl-clients .owl-dots { + position: relative; + bottom: 0; + margin-top: 30px; +} + +.owl-posts .owl-stage-outer { + padding-bottom: 10px; +} + +.owl-posts .owl-dots { + position: relative; + bottom: 0; + margin-top: 22px; +} + +.owl-posts .owl-dot::before { + background: #d7d7d7; +} + +.owl-posts .owl-dot::after { + background: #50ba87; +} + +.owl-posts .owl-dot:hover::before, +.owl-posts .owl-dot:focus::before { + background: #01b3a7; +} + +.owl-posts-2 .owl-dot::after { + background: #01b3a7; +} + +.owl-posts-2 .owl-dot:hover::before, +.owl-posts-2 .owl-dot:focus::before { + background: #50ba87; +} + +.owl-services .owl-stage-outer { + padding: 10px; + margin: -10px; +} + +.owl-services .owl-prev { + left: -10px; +} + +.owl-services .owl-next { + right: -10px; +} + +@media (min-width: 576px) { + .owl-services { + padding: 0 40px; + } + .owl-services .owl-prev, + .owl-services .owl-next { + display: flex; + } + .owl-services .owl-dots { + display: none; + } +} + +@media (min-width: 768px) { + .owl-services .owl-prev { + left: -25px; + } + .owl-services .owl-next { + right: -25px; + } +} + +@media (min-width: 992px) { + .owl-services { + padding: 0; + } +} + +.owl-services-2 .owl-stage-outer { + padding-top: 30px; + margin-top: -30px; +} + +.owl-team { + position: static; +} + +.owl-team .owl-next, +.owl-team .owl-prev { + position: absolute; + display: none; + top: 0; + bottom: 0; + font-size: 0; + line-height: 0; + background: rgba(247, 247, 247, 0.7); + transform: none; + transition: all 0.3s ease-in-out; +} + +.owl-team .owl-next::before, +.owl-team .owl-prev::before { + display: none; +} + +.owl-team .owl-next:hover, +.owl-team .owl-prev:hover { + background: rgba(247, 247, 247, 0.4); +} + +.owl-team .owl-next { + right: 0; + left: calc(50% + 615px); +} + +.owl-team .owl-prev { + left: 0; + right: calc(50% + 615px); +} + +.owl-team .owl-dots { + position: static; + margin-top: 35px; +} + +@media (min-width: 1200px) { + .owl-team .owl-stage-outer { + overflow: visible; + } + .owl-team .owl-item:not(.active) .team-creative { + pointer-events: none; + } + .owl-team .owl-next, + .owl-team .owl-prev { + display: block; + } +} + +@media (min-width: 1280px) { + .owl-team .owl-dots { + display: none; + } +} + +@media (min-width: 1280px) and (max-width: 1399px) { + .container-custom-2 { + max-width: 1100px; + } + .owl-team { + max-width: 1070px; + } + .owl-team .owl-next { + left: calc(50% + 564px); + } + .owl-team .owl-prev { + right: calc(50% + 564px); + } +} + +.owl-team-2 .owl-stage-outer { + padding: 10px; + margin: -10px; +} + +.owl-team-2 .owl-dots { + position: relative; + bottom: 0; + margin-top: 30px; +} + +.owl-quote .owl-prev, +.owl-quote .owl-next { + width: 74px; +} + +.owl-quote .owl-prev::before, +.owl-quote .owl-next::before { + width: 52px; +} + +.owl-quote .owl-prev { + left: -100px; +} + +.owl-quote .owl-next { + right: -100px; +} + +.owl-quote .owl-dots { + margin-top: 30px; +} + +@media (min-width: 1400px) { + .owl-quote .owl-prev, + .owl-quote .owl-next { + display: flex; + } + .owl-quote .owl-dots { + display: none; + } +} + +@media (min-width: 1600px) { + .owl-quote .owl-prev, + .owl-quote .owl-next { + width: 94px; + } + .owl-quote .owl-prev::before, + .owl-quote .owl-next::before { + width: 72px; + } + .owl-quote .owl-prev { + left: -185px; + } + .owl-quote .owl-next { + right: -185px; + } +} + +@media (min-width: 992px) { + .desktop .owl-quote .owl-stage-outer { + padding: 35px 0; + } + .desktop .owl-quote .owl-dots { + margin-top: 0; + } + .desktop [class*="section-"].section-lg-bottom-10 { + padding-bottom: 10px; + } + .desktop *+.owl-quote { + margin-top: 0; + } +} + +.owl-quote-2 .owl-stage-outer { + padding: 10px 10px 25px; + margin: -10px -10px -25px; +} + +.owl-custom-nav { + font-size: 0; + line-height: 0; + letter-spacing: 0; + margin-bottom: -6px; + margin-left: -6px; +} + +.owl-custom-nav:empty { + margin-bottom: 0; + margin-left: 0; +} + +.owl-custom-nav>* { + display: inline-block; + margin-top: 0; + margin-bottom: 6px; + margin-left: 6px; +} + +.owl-custom-nav .owl-prev, +.owl-custom-nav .owl-next { + position: static; + display: inline-block; + top: auto; + left: auto; + right: auto; + width: 33px; + height: 33px; + font-size: 22px; + line-height: 25px; + color: #01b3a7; + border: 4px solid #50ba87; + border-radius: 50%; + transform: none; + transition: all 0.25s ease-in-out; +} + +.owl-custom-nav .owl-prev:hover, +.owl-custom-nav .owl-next:hover { + border-color: #01b3a7; +} + +.lg-sub-html, +.lg-toolbar { + background-color: rgba(0, 0, 0, 0.45); +} + +@font-face { + font-family: lg; + src: url(../fonts/lg.eot?n1z373); + src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg"); + font-weight: 400; + font-style: normal; +} + +.lg-icon { + font-family: lg; + speak: none; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.lg-actions .lg-next, +.lg-actions .lg-prev { + background-color: rgba(0, 0, 0, 0.45); + border-radius: 2px; + color: #999; + cursor: pointer; + display: block; + font-size: 22px; + margin-top: -10px; + padding: 8px 10px 9px; + position: absolute; + top: 50%; + z-index: 1080; + border: none; + outline: 0; +} + +.lg-actions .lg-next.disabled, +.lg-actions .lg-prev.disabled { + pointer-events: none; + opacity: 0.5; +} + +.lg-actions .lg-next:hover, +.lg-actions .lg-prev:hover { + color: #fff; +} + +.lg-actions .lg-next { + right: 20px; +} + +.lg-actions .lg-next:before { + content: "\e095"; +} + +.lg-actions .lg-prev { + left: 20px; +} + +.lg-actions .lg-prev:after { + content: "\e094"; +} + +@-webkit-keyframes lg-right-end { + 0%, + 100% { + left: 0; + } + 50% { + left: -30px; + } +} + +@-moz-keyframes lg-right-end { + 0%, + 100% { + left: 0; + } + 50% { + left: -30px; + } +} + +@-ms-keyframes lg-right-end { + 0%, + 100% { + left: 0; + } + 50% { + left: -30px; + } +} + +@keyframes lg-right-end { + 0%, + 100% { + left: 0; + } + 50% { + left: -30px; + } +} + +@-webkit-keyframes lg-left-end { + 0%, + 100% { + left: 0; + } + 50% { + left: 30px; + } +} + +@-moz-keyframes lg-left-end { + 0%, + 100% { + left: 0; + } + 50% { + left: 30px; + } +} + +@-ms-keyframes lg-left-end { + 0%, + 100% { + left: 0; + } + 50% { + left: 30px; + } +} + +@keyframes lg-left-end { + 0%, + 100% { + left: 0; + } + 50% { + left: 30px; + } +} + +.lg-outer.lg-right-end .lg-object { + -webkit-animation: lg-right-end 0.3s; + -o-animation: lg-right-end 0.3s; + animation: lg-right-end 0.3s; + position: relative; +} + +.lg-outer.lg-left-end .lg-object { + -webkit-animation: lg-left-end 0.3s; + -o-animation: lg-left-end 0.3s; + animation: lg-left-end 0.3s; + position: relative; +} + +.lg-toolbar { + z-index: 1082; + left: 0; + position: absolute; + top: 0; + width: 100%; +} + +.lg-toolbar .lg-icon { + color: #999; + cursor: pointer; + float: right; + font-size: 24px; + height: 47px; + line-height: 27px; + padding: 10px 0; + text-align: center; + width: 50px; + text-decoration: none !important; + outline: 0; + -webkit-transition: color 0.2s linear; + -o-transition: color 0.2s linear; + transition: color 0.2s linear; +} + +.lg-toolbar .lg-icon:hover { + color: #fff; +} + +.lg-toolbar .lg-close:after { + content: "\e070"; +} + +.lg-toolbar .lg-download:after { + content: "\e0f2"; +} + +.lg-sub-html { + bottom: 0; + color: #eee; + font-size: 16px; + left: 0; + padding: 10px 40px; + position: fixed; + right: 0; + text-align: center; + z-index: 1080; +} + +.lg-sub-html h4 { + margin: 0; + font-size: 13px; + font-weight: 700; +} + +.lg-sub-html p { + font-size: 12px; + margin: 5px 0 0; +} + +#lg-counter { + color: #999; + display: inline-block; + font-size: 16px; + padding-left: 20px; + padding-top: 12px; + vertical-align: middle; +} + +.lg-next, +.lg-prev, +.lg-toolbar { + opacity: 1; + -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; + -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; + -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; + transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; +} + +.lg-hide-items .lg-prev { + opacity: 0; + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); +} + +.lg-hide-items .lg-next { + opacity: 0; + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); +} + +.lg-hide-items .lg-toolbar { + opacity: 0; + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); +} + +body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { + -webkit-transform: scale3d(0.5, 0.5, 0.5); + transform: scale3d(0.5, 0.5, 0.5); + opacity: 0; + -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; + -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; + -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; + transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; + -webkit-transform-origin: 50% 50%; + -moz-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; +} + +body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} + +.lg-outer .lg-thumb-outer { + background-color: #0d0a0a; + bottom: 0; + position: absolute; + width: 100%; + z-index: 1080; + max-height: 350px; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; + -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; + -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; +} + +.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: -o-grab; + cursor: -ms-grab; + cursor: grab; +} + +.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: -o-grabbing; + cursor: -ms-grabbing; + cursor: grabbing; +} + +.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { + -webkit-transition-duration: 0s !important; + transition-duration: 0s !important; +} + +.lg-outer.lg-thumb-open .lg-thumb-outer { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.lg-outer .lg-thumb { + padding: 10px 0; + height: 100%; + margin-bottom: -5px; + margin-left: auto; + margin-right: auto; +} + +.lg-outer .lg-thumb-item { + cursor: pointer; + float: left; + overflow: hidden; + height: 100%; + border: 2px solid rgba(255, 255, 255, 0); + border-radius: 0; + margin-bottom: 5px; +} + +@media (min-width: 1025px) { + .lg-outer .lg-thumb-item { + -webkit-transition: border-color 0.25s ease; + -o-transition: border-color 0.25s ease; + transition: border-color 0.25s ease; + } +} + +.lg-outer .lg-thumb-item:hover { + border-color: #ffffff; +} + +.lg-outer .lg-thumb-item.active { + border-color: #01b3a7; +} + +.lg-outer .lg-thumb-item img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.lg-outer.lg-has-thumb .lg-item { + padding-bottom: 120px; +} + +.lg-outer.lg-can-toggle .lg-item { + padding-bottom: 0; +} + +.lg-outer.lg-pull-caption-up .lg-sub-html { + -webkit-transition: bottom 0.25s ease; + -o-transition: bottom 0.25s ease; + transition: bottom 0.25s ease; +} + +.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { + bottom: 100px; +} + +.lg-outer .lg-toogle-thumb { + background-color: #0d0a0a; + border-radius: 2px 2px 0 0; + color: #999; + cursor: pointer; + font-size: 24px; + height: 39px; + line-height: 27px; + padding: 5px 0; + position: absolute; + right: 20px; + text-align: center; + top: -39px; + width: 50px; +} + +.lg-outer .lg-toogle-thumb:hover, +.lg-outer.lg-dropdown-active #lg-share { + color: #fff; +} + +.lg-outer .lg-toogle-thumb:after { + content: "\e1ff"; +} + +.lg-outer .lg-video-cont { + display: inline-block; + vertical-align: middle; + max-width: 1140px; + max-height: 100%; + width: 100%; + padding: 0 5px; +} + +.lg-outer .lg-video { + width: 100%; + height: 0; + padding-bottom: 56.25%; + overflow: hidden; + position: relative; +} + +.lg-outer .lg-video .lg-object { + display: inline-block; + position: absolute; + top: 0; + left: 0; + width: 100% !important; + height: 100% !important; +} + +.lg-outer .lg-video .lg-video-play { + width: 84px; + height: 59px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -42px; + margin-top: -30px; + z-index: 1080; + cursor: pointer; +} + +.lg-outer .lg-has-iframe .lg-video { + -webkit-overflow-scrolling: touch; + overflow: auto; +} + +.lg-outer .lg-has-vimeo .lg-video-play { + background: url(../images/vimeo-play.png) no-repeat; +} + +.lg-outer .lg-has-vimeo:hover .lg-video-play { + background: url(../images/vimeo-play.png) 0 -58px no-repeat; +} + +.lg-outer .lg-has-html5 .lg-video-play { + background: url(../images/video-play.png) no-repeat; + height: 64px; + margin-left: -32px; + margin-top: -32px; + width: 64px; + opacity: 0.8; +} + +.lg-outer .lg-has-html5:hover .lg-video-play { + opacity: 1; +} + +.lg-outer .lg-has-youtube .lg-video-play { + background: url(../images/youtube-play.png) no-repeat; +} + +.lg-outer .lg-has-youtube:hover .lg-video-play { + background: url(../images/youtube-play.png) 0 -60px no-repeat; +} + +.lg-outer .lg-video-object { + width: 100% !important; + height: 100% !important; + position: absolute; + top: 0; + left: 0; +} + +.lg-outer .lg-has-video .lg-video-object { + visibility: hidden; +} + +.lg-outer .lg-has-video.lg-video-playing .lg-object, +.lg-outer .lg-has-video.lg-video-playing .lg-video-play { + display: none; +} + +.lg-outer .lg-has-video.lg-video-playing .lg-video-object { + visibility: visible; +} + +.lg-progress-bar { + background-color: #333; + height: 5px; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 1083; + opacity: 0; + -webkit-transition: opacity 80ms ease 0s; + -moz-transition: opacity 80ms ease 0s; + -o-transition: opacity 80ms ease 0s; + transition: opacity 80ms ease 0s; +} + +.lg-progress-bar .lg-progress { + background-color: #01b3a7; + height: 5px; + width: 0; +} + +.lg-progress-bar.lg-start .lg-progress { + width: 100%; +} + +.lg-show-autoplay .lg-progress-bar { + opacity: 1; +} + +.lg-autoplay-button:after { + content: "\e01d"; +} + +.lg-show-autoplay .lg-autoplay-button:after { + content: "\e01a"; +} + +.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, +.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { + -webkit-transition-duration: 0s; + transition-duration: 0s; +} + +.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; + -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; + -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; +} + +.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { + -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; + -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; + -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; +} + +.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; +} + +.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; + -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; + -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; + transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; + -webkit-transform-origin: 0 0; + -moz-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; +} + +#lg-zoom-in:after { + content: "\e311"; +} + +#lg-actual-size { + font-size: 20px; +} + +#lg-actual-size:after { + content: "\e033"; +} + +#lg-zoom-out { + opacity: 0.5; + pointer-events: none; +} + +#lg-zoom-out:after { + content: "\e312"; +} + +.lg-zoomed #lg-zoom-out { + opacity: 1; + pointer-events: auto; +} + +.lg-outer .lg-pager-outer { + bottom: 60px; + left: 0; + position: absolute; + right: 0; + text-align: center; + z-index: 1080; + height: 10px; +} + +.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { + overflow: visible; +} + +.lg-outer .lg-pager-cont { + cursor: pointer; + display: inline-block; + overflow: hidden; + position: relative; + vertical-align: top; + margin: 0 5px; +} + +.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { + box-shadow: 0 0 0 2px #fff inset; +} + +.lg-outer .lg-pager-thumb-cont { + background-color: #fff; + color: #fff; + bottom: 100%; + height: 83px; + left: 0; + margin-bottom: 20px; + margin-left: -60px; + opacity: 0; + padding: 5px; + position: absolute; + width: 120px; + border-radius: 3px; + -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; + -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; + -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; + transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); +} + +.lg-outer .lg-pager-thumb-cont img { + width: 100%; + height: 100%; +} + +.lg-outer .lg-pager { + background-color: rgba(255, 255, 255, 0.5); + border-radius: 50%; + box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; + display: block; + height: 12px; + -webkit-transition: box-shadow 0.3s ease 0s; + -o-transition: box-shadow 0.3s ease 0s; + transition: box-shadow 0.3s ease 0s; + width: 12px; +} + +.lg-outer .lg-pager:focus, +.lg-outer .lg-pager:hover { + box-shadow: 0 0 0 8px #fff inset; +} + +.lg-outer .lg-caret { + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px dashed; + bottom: -10px; + display: inline-block; + height: 0; + left: 50%; + margin-left: -5px; + position: absolute; + vertical-align: middle; + width: 0; +} + +.lg-fullscreen:after { + content: "\e20c"; +} + +.lg-fullscreen-on .lg-fullscreen:after { + content: "\e20d"; +} + +.lg-outer #lg-dropdown-overlay { + background-color: rgba(0, 0, 0, 0.25); + bottom: 0; + cursor: default; + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 1081; + opacity: 0; + visibility: hidden; + -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; + -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; + transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; +} + +.lg-outer.lg-dropdown-active #lg-dropdown-overlay, +.lg-outer.lg-dropdown-active .lg-dropdown { + -webkit-transition-delay: 0s; + transition-delay: 0s; + -moz-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + visibility: visible; +} + +.lg-outer .lg-dropdown { + background-color: #fff; + border-radius: 2px; + font-size: 14px; + list-style-type: none; + margin: 0; + padding: 10px 0; + position: absolute; + right: 0; + text-align: left; + top: 50px; + opacity: 0; + visibility: hidden; + -moz-transform: translate3d(0, 5px, 0); + -o-transform: translate3d(0, 5px, 0); + -ms-transform: translate3d(0, 5px, 0); + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; + -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; + -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; + transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; +} + +.lg-outer .lg-dropdown:after { + content: ""; + display: block; + height: 0; + width: 0; + position: absolute; + border: 8px solid transparent; + border-bottom-color: #fff; + right: 16px; + top: -16px; +} + +.lg-outer .lg-dropdown>li:last-child { + margin-bottom: 0; +} + +.lg-outer .lg-dropdown>li:hover .lg-icon, +.lg-outer .lg-dropdown>li:hover a { + color: #333; +} + +.lg-outer .lg-dropdown a { + color: #333; + display: block; + white-space: pre; + padding: 4px 12px; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; +} + +.lg-outer .lg-dropdown a:hover { + background-color: rgba(0, 0, 0, 0.07); +} + +.lg-outer .lg-dropdown .lg-dropdown-text { + display: inline-block; + line-height: 1; + margin-top: -3px; + vertical-align: middle; +} + +.lg-outer .lg-dropdown .lg-icon { + color: #333; + display: inline-block; + float: none; + font-size: 20px; + height: auto; + line-height: 1; + margin-right: 8px; + padding: 0; + vertical-align: middle; + width: auto; +} + +.lg-outer, +.lg-outer .lg, +.lg-outer .lg-inner { + width: 100%; + height: 100%; +} + +.lg-outer #lg-share { + position: relative; +} + +.lg-outer #lg-share:after { + content: "\e80d"; +} + +.lg-outer #lg-share-facebook .lg-icon { + color: #3b5998; +} + +.lg-outer #lg-share-facebook .lg-icon:after { + content: "\e901"; +} + +.lg-outer #lg-share-twitter .lg-icon { + color: #00aced; +} + +.lg-outer #lg-share-twitter .lg-icon:after { + content: "\e904"; +} + +.lg-outer #lg-share-googleplus .lg-icon { + color: #dd4b39; +} + +.lg-outer #lg-share-googleplus .lg-icon:after { + content: "\e902"; +} + +.lg-outer #lg-share-pinterest .lg-icon { + color: #cb2027; +} + +.lg-outer #lg-share-pinterest .lg-icon:after { + content: "\e903"; +} + +.lg-group:after { + content: ""; + display: table; + clear: both; +} + +.lg-outer { + position: fixed; + top: 0; + left: 0; + z-index: 1090; + text-align: left; + opacity: 0; + -webkit-transition: opacity 0.15s ease 0s; + -o-transition: opacity 0.15s ease 0s; + transition: opacity 0.15s ease 0s; +} + +.lg-outer * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.lg-outer.lg-visible { + opacity: 1; +} + +.lg-outer.lg-css3 .lg-item.lg-current, +.lg-outer.lg-css3 .lg-item.lg-next-slide, +.lg-outer.lg-css3 .lg-item.lg-prev-slide { + -webkit-transition-duration: inherit !important; + transition-duration: inherit !important; + -webkit-transition-timing-function: inherit !important; + transition-timing-function: inherit !important; +} + +.lg-outer.lg-css3.lg-dragging .lg-item.lg-current, +.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, +.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { + -webkit-transition-duration: 0s !important; + transition-duration: 0s !important; + opacity: 1; +} + +.lg-outer.lg-grab img.lg-object { + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: -o-grab; + cursor: -ms-grab; + cursor: grab; +} + +.lg-outer.lg-grabbing img.lg-object { + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: -o-grabbing; + cursor: -ms-grabbing; + cursor: grabbing; +} + +.lg-outer .lg { + position: relative; + overflow: hidden; + margin-left: auto; + margin-right: auto; + max-width: 100%; + max-height: 100%; +} + +.lg-outer .lg-inner { + position: absolute; + left: 0; + top: 0; + white-space: nowrap; +} + +.lg-outer .lg-item { + background: url(../images/loading.gif) center center no-repeat; + display: none !important; +} + +.lg-outer.lg-css .lg-current, +.lg-outer.lg-css3 .lg-current, +.lg-outer.lg-css3 .lg-next-slide, +.lg-outer.lg-css3 .lg-prev-slide { + display: inline-block !important; +} + +.lg-outer .lg-img-wrap, +.lg-outer .lg-item { + display: inline-block; + text-align: center; + position: absolute; + width: 100%; + height: 100%; +} + +.lg-outer .lg-img-wrap:before, +.lg-outer .lg-item:before { + content: ""; + display: inline-block; + height: 50%; + width: 1px; + margin-right: -1px; +} + +.lg-outer .lg-img-wrap { + position: absolute; + padding: 0 5px; + left: 0; + right: 0; + top: 0; + bottom: 0; +} + +.lg-outer .lg-item.lg-complete { + background-image: none; +} + +.lg-outer .lg-item.lg-current { + z-index: 1060; +} + +.lg-outer .lg-image { + display: inline-block; + vertical-align: middle; + max-width: 100%; + max-height: 100%; + width: auto !important; + height: auto !important; +} + +.lg-outer.lg-show-after-load .lg-item .lg-object, +.lg-outer.lg-show-after-load .lg-item .lg-video-play { + opacity: 0; + -webkit-transition: opacity 0.15s ease 0s; + -o-transition: opacity 0.15s ease 0s; + transition: opacity 0.15s ease 0s; +} + +.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, +.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { + opacity: 1; +} + +.lg-outer .lg-empty-html, +.lg-outer.lg-hide-download #lg-download { + display: none; +} + +.lg-backdrop { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1090; + background-color: rgba(0, 0, 0, 0.8); + opacity: 0; + -webkit-transition: opacity 0.15s ease 0s; + -o-transition: opacity 0.15s ease 0s; + transition: opacity 0.15s ease 0s; +} + +.lg-backdrop.in { + opacity: 1; +} + +.lg-css3.lg-no-trans .lg-current, +.lg-css3.lg-no-trans .lg-next-slide, +.lg-css3.lg-no-trans .lg-prev-slide { + -webkit-transition: none 0s ease 0s !important; + -moz-transition: none 0s ease 0s !important; + -o-transition: none 0s ease 0s !important; + transition: none 0s ease 0s !important; +} + +.lg-css3.lg-use-css3 .lg-item, +.lg-css3.lg-use-left .lg-item { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; +} + +.lg-css3.lg-fade .lg-item { + opacity: 0; +} + +.lg-css3.lg-fade .lg-item.lg-current { + opacity: 1; +} + +.lg-css3.lg-fade .lg-item.lg-current, +.lg-css3.lg-fade .lg-item.lg-next-slide, +.lg-css3.lg-fade .lg-item.lg-prev-slide { + -webkit-transition: opacity 0.1s ease 0s; + -moz-transition: opacity 0.1s ease 0s; + -o-transition: opacity 0.1s ease 0s; + transition: opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item { + opacity: 0; +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.lg-css3.lg-slide.lg-use-left .lg-item { + opacity: 0; + position: absolute; + left: 0; +} + +.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { + left: -100%; +} + +.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { + left: 100%; +} + +.lg-css3.lg-slide.lg-use-left .lg-item.lg-current { + left: 0; + opacity: 1; +} + +.lg-css3.lg-slide.lg-use-left .lg-item.lg-current, +.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, +.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { + -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; + transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; +} + +.tablet #lg-zoom-in, +.tablet #lg-zoom-out, +.mobile #lg-zoom-in, +.mobile #lg-zoom-out { + display: none; +} + +.tablet .lg-icon, +.mobile .lg-icon { + font-size: 22px; + width: 45px; +} + +@media (max-width: 767.98px) { + .lg-fullscreen, + #lg-zoom-in, + #lg-zoom-out { + display: none; + } + .lg-icon { + font-size: 22px; + width: 45px; + } +} + + +/* +* +* Material Parallax +*/ + +.parallax-container { + position: relative; + overflow: hidden; +} + +.material-parallax { + position: absolute; + top: 0; + left: -1px; + right: -1px; + bottom: 0; +} + +.ipad .material-parallax, +.iphone .material-parallax { + background-attachment: scroll !important; +} + +.material-parallax img { + display: none; + position: absolute; + left: 50%; + bottom: 0; + min-width: 101%; + max-width: none; + min-height: 101%; + transform: translate3d(-50%, 0, 0); +} + +.parallax-content { + position: relative; + z-index: 1; +} + + +/* +* +* Select 2 +*/ + + +/* +Version: 3.5.4 Timestamp: Sun Aug 30 13:30:32 EDT 2015 +*/ + +.select2-container { + position: relative; + display: inline-block; + vertical-align: middle; + text-align: left; + min-height: 50px; + min-width: 250px; + margin: 0; + padding: 0; + letter-spacing: 0.05em; + background: #ffffff; + border: 1px solid #e1e1e1; +} + +.select2-container-active { + border: 1px solid #01b3a7; +} + +.select2-container, +.select2-drop, +.select2-search, +.select2-search input { + /* + Force border-box so that % widths fit the parent + container without overlap because of margin/padding. + More Info : http://www.quirksmode.org/css/box.html + */ + -webkit-box-sizing: border-box; + /* webkit */ + -moz-box-sizing: border-box; + /* firefox */ + box-sizing: border-box; + /* css3 */ +} + +.select2-container .select2-choice { + display: block; + position: relative; + color: #151515; + background-color: #ffffff; + padding: 12px 40px 12px 26px; + border-radius: 0; + text-decoration: none; +} + +.select2-container .select2-choice>.select2-chosen { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.select2-dropdown-open .select2-choice { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.select2-arrow { + display: inline-block; + position: absolute; + right: 14px; + top: 50%; + transform: translateY(-50%); + line-height: 1; +} + +.select2-arrow b:before { + display: inline-block; + font-weight: 400; + content: ""; + font-family: "Material Design Icons"; + font-size: 20px; + transform: rotate(0deg); +} + +.select2-dropdown-open .select2-arrow b:before { + transform: rotate(180deg); +} + +.select2-container .select2-choice abbr { + display: none; +} + +.select2-drop-mask { + border: 0; + margin: 0; + padding: 0; + position: fixed; + left: 0; + top: 0; + min-height: 100%; + min-width: 100%; + height: auto; + width: auto; + opacity: 0; + z-index: 99; + /* styles required for IE to work */ + background-color: #ffffff; + filter: alpha(opacity=0); +} + +.select2-drop { + width: 100%; + margin-top: -1px; + position: absolute; + z-index: 100; + top: 100%; + background: #ffffff; + color: #151515; + border: 1px solid #f7f7f7; + border-top: 0; + border-radius: 0 0 0 0; +} + +.select2-drop-active { + border: 1px solid #01b3a7; + border-top: 0; +} + +.select2-drop.select2-drop-above { + margin-top: 1px; + border-top: 1px solid #f7f7f7; + border-bottom: 0; +} + +.select2-drop.select2-drop-above.select2-drop-active { + border: 1px solid #01b3a7; +} + +.select2-search { + display: inline-block; + width: 100%; + padding: 4px 4px 0; + position: relative; + z-index: 10000; + white-space: nowrap; +} + +.select2-search:before { + position: absolute; + right: 22px; + top: 50%; + transform: translateY(calc(-50% + 4px)); + display: inline-block; + content: "\f43b"; + font-family: "Material Design Icons"; + font-size: 20px; + line-height: 1; +} + +.select2-search input { + width: 100%; + padding: 5px 35px 5px 5px; + margin: 0; + outline: 0; + font-size: 1em; + background-color: #ffffff; + color: #151515; + border: 1px solid #f7f7f7; +} + +.select2-dropdown-open.select2-drop-above .select2-choice, +.select2-dropdown-open.select2-drop-above .select2-choices { + border: 1px solid #f7f7f7; + border-top-color: transparent; +} + +.select2-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + + +/* results */ + +.select2-results { + padding: 4px 4px; + position: relative; + overflow-x: hidden; + overflow-y: auto; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.select2-result { + border-radius: 0; + transition: 0.1s; +} + +.select2-results li.select2-result-with-children>.select2-result-label { + font-weight: bold; +} + +.select2-results .select2-result-label { + padding: 3px 7px 4px; + margin: 0; + cursor: pointer; + min-height: 1em; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.select2-results .select2-highlighted { + color: #ffffff; + background: #01b3a7; +} + +.select2-results li em { + background: #ffffff; + font-style: normal; +} + +.select2-results .select2-highlighted em { + background: transparent; +} + +.select2-results .select2-highlighted ul { + background: #ffffff; + color: #000000; +} + + +/* +disabled look for disabled choices in the results dropdown +*/ + +.select2-results .select2-disabled.select2-highlighted { + color: #ffffff; + background: #01b3a7; + display: list-item; + cursor: default; +} + +.select2-results .select2-disabled { + background: #b7b7b7; + display: list-item; + cursor: default; +} + +.select2-results .select2-selected { + display: none; +} + +.select2-results .select2-ajax-error { + background: rgba(255, 50, 50, 0.2); +} + +.select2-more-results { + background: #f4f4f4; + display: list-item; +} + + +/* disabled styles */ + +.select2-container.select2-container-disabled .select2-choice { + background-color: #f4f4f4; + background-image: none; + border: 1px solid #ddd; + cursor: default; +} + +.select2-container.select2-container-disabled .select2-choice .select2-arrow { + background-color: #f4f4f4; + background-image: none; + border-left: 0; +} + +.select2-container.select2-container-disabled .select2-choice abbr { + display: none; +} + + +/* multiselect */ + +.select2-container-multi { + display: flex; + align-items: stretch; + height: auto; + min-height: 60px; +} + +.select2-container-multi .select2-choices { + display: flex; + flex-flow: row; + align-items: center; + width: 100%; + margin: 0; + padding: 0; + position: relative; + line-height: 0; + cursor: text; + overflow: hidden; +} + +.select2-locked { + padding: 3px 5px 3px 5px !important; +} + +.select2-container-multi .select2-choices { + min-height: 26px; +} + +.select2-container-multi .select2-choices .select2-search-field { + margin: 0; + padding: 0; + white-space: nowrap; +} + +.select2-container-multi .select2-choices .select2-search-field input { + width: 100% !important; + outline: 0; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + background: transparent !important; +} + +.select2-container-multi .select2-choices .select2-search-choice { + padding: 4px 5px 4px 20px; + margin: 3px 0 3px 5px; + position: relative; + line-height: 13px; + cursor: default; + border: 1px solid #dedede; + background-clip: padding-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #dedede; +} + +.select2-container-multi .select2-choices .select2-search-choice .select2-chosen { + cursor: default; +} + +.select2-search-choice-close { + display: block; + width: 12px; + height: 13px; + position: absolute; + right: 3px; + top: 3px; + color: #2c343b; +} + +.select2-search-choice-close:before { + display: inline-block; + content: "\f24c"; + font-family: "Material Design Icons"; + font-size: 12px; + line-height: 1; +} + +.select2-container-multi .select2-search-choice-close { + left: 3px; +} + + +/* disabled styles */ + +.select2-container-multi.select2-container-disabled .select2-choices { + background-color: #f4f4f4; + background-image: none; + border: 1px solid #ddd; + cursor: default; +} + +.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { + padding: 3px 5px 3px 5px; + border: 1px solid #ddd; + background-image: none; + background-color: #f4f4f4; +} + +.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { + display: none; + background: none; +} + + +/* end multiselect */ + +.select2-result-selectable .select2-match, +.select2-result-unselectable .select2-match { + text-decoration: underline; +} + +.select2-offscreen, +.select2-offscreen:focus { + clip: rect(0 0 0 0) !important; + width: 1px !important; + height: 1px !important; + border: 0 !important; + margin: 0 !important; + padding: 0 !important; + overflow: hidden !important; + position: absolute !important; + outline: 0 !important; + left: 0px !important; + top: 0px !important; +} + +.select2-display-none { + display: none; +} + +.select2-measure-scrollbar { + position: absolute; + top: -10000px; + left: -10000px; + width: 100px; + height: 100px; + overflow: scroll; +} + +.rd-range { + height: 18px; + margin-top: 16px; + display: flex; + -webkit-align-items: center; +} + +.rd-range__wrap { + position: relative; + width: 100%; + height: 6px; + border-radius: 3px; + background-color: #f4f4f4; + transition: background 100ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.rd-range__pointer { + position: absolute; + cursor: pointer; + top: 3px; + left: 6%; + z-index: 1; + width: 19px; + height: 19px; + border-radius: 50%; + transform: translate(-50%, -50%); + transform-origin: 0 15%; + transition: transform 0.2s cubic-bezier(0.35, 0, 0.25, 1); + overflow: visible; + background-color: #50ba87; + border: 6px solid #ffffff; + background-clip: padding-box; + box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.1); +} + +@media (min-width: 768px) { + .rd-range__pointer.active { + transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); + } +} + +.rd-range__line { + background-color: #01b3a7; + position: absolute; + top: 0; + left: 0; + height: 6px; + transition: none; +} + +.rd-range .rd-range__pointer-tooltip { + display: none !important; +} + +.rd-range-wrap { + display: flex; + align-items: center; +} + +.rd-range-form-wrap span, +.rd-range-input, +.rd-range-title { + font-size: 18px; + line-height: 1; + letter-spacing: 0.1em; + text-transform: uppercase; + font-family: "Montserrat", sans-serif, Arial, sans-serif; +} + +.rd-range-title { + margin-right: 4px; +} + +.rd-range-form-wrap { + position: relative; + padding-left: 6px; + color: #151515; +} + +.rd-range-form-wrap span { + position: absolute; + top: 4px; + left: 0; +} + +.rd-range-divider { + height: 2px; + width: 10px; + margin-left: 2px; + margin-right: 5px; + margin-bottom: 2px; + border-top: 2px solid #151515; +} + +.rd-range-input { + text-align: center; + outline: none; + border: none; + padding: 0; + max-width: 36px; + background-color: transparent; + border-radius: 0; +} + +.rd-range+* { + margin-top: 22px; +} + +.slick-slider { + position: relative; + display: block; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} + +.slick-list { + position: relative; + overflow: hidden; + display: block; + margin: 0; + padding: 0; +} + +.slick-list:focus { + outline: none; +} + +.slick-list.dragging { + cursor: pointer; + cursor: hand; +} + +.slick-slider .slick-track, +.slick-slider .slick-list { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track { + position: relative; + left: 0; + top: 0; + display: block; +} + +.slick-track:before, +.slick-track:after { + content: ""; + display: table; +} + +.slick-track:after { + clear: both; +} + +.slick-loading .slick-track { + visibility: hidden; +} + +.slick-slide { + float: left; + height: 100%; + min-height: 1px; + text-align: center; + padding-left: 0; + padding-right: 0; + display: none; +} + +[dir="rtl"] .slick-slide { + float: right; +} + +.slick-slide img { + display: inline-block; +} + +.slick-slide:focus { + outline: none; +} + +.slick-slide.slick-loading img { + display: none; +} + +.slick-slide.dragging img { + pointer-events: none; +} + +.slick-initialized .slick-slide { + display: block; +} + +.slick-loading .slick-slide { + visibility: hidden; +} + +.slick-vertical .slick-slide { + display: block; + height: auto; +} + +.slick-arrow.slick-hidden { + display: none; +} + +.slick-loading .slick-list { + background: #fff url("./../images/ajax-loader.gif") center center no-repeat; +} + + +/* Icons */ + + +/* Arrows */ + +.slick-prev, +.slick-next { + position: absolute; + display: block; + height: 40px; + width: 40px; + line-height: 40px; + font-size: 24px; + cursor: pointer; + background: #01b3a7; + color: #ffffff; + top: 50%; + margin-top: -10px \9; + /*lte IE 8*/ + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + padding: 0; + border: none; + outline: none; + z-index: 9; +} + +.slick-prev:hover, +.slick-next:hover { + outline: none; + color: #01b3a7; + background-color: #ffffff; +} + +.slick-prev.slick-disabled, +.slick-next.slick-disabled { + background-color: #d7d7d7; +} + +.slick-prev:before, +.slick-next:before { + font-family: "Material Design Icons"; + opacity: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.slick-prev { + left: -15px; +} + +[dir="rtl"] .slick-prev { + left: auto; + right: 0; +} + +.slick-prev:before { + content: ""; +} + +[dir="rtl"] .slick-prev:before { + content: ""; +} + +.slick-next { + right: -15px; +} + +[dir="rtl"] .slick-next { + left: 0; + right: auto; +} + +.slick-next:before { + content: ""; +} + +[dir="rtl"] .slick-next:before { + content: ""; +} + + +/* Dots */ + +.slick-dots { + position: absolute; + bottom: -45px; + list-style: none; + display: block; + text-align: center; + padding: 0; + width: 100%; +} + +.slick-dots li { + position: relative; + display: inline-block; + height: 20px; + width: 20px; + margin: 0 5px; + padding: 0; + cursor: pointer; +} + +.slick-dots li button { + border: 0; + background: transparent; + display: block; + height: 20px; + width: 20px; + outline: none; + line-height: 0; + font-size: 0; + color: transparent; + padding: 5px; + cursor: pointer; +} + +.slick-dots li button:hover, +.slick-dots li button:focus { + outline: none; +} + +.slick-dots li button:hover:before, +.slick-dots li button:focus:before { + opacity: 0.7; +} + +.slick-dots li button:before { + position: absolute; + top: 0; + left: 0; + content: "•"; + width: 20px; + height: 20px; + 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-size: 6px; + line-height: 20px; + text-align: center; + color: black; + opacity: 0.7; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.slick-dots li.slick-active button:before { + color: black; + opacity: 1; +} + +.carousel-parent { + margin-bottom: 7px; +} + +.child-carousel .slick-list { + margin-left: -6px; + margin-right: -6px; +} + +.child-carousel .slick-slide { + cursor: pointer; + margin: 0 6px; +} + +.child-carousel .slick-slide img { + width: 100%; +} + +.child-carousel .slick-product-figure { + margin-top: 5px; + margin-bottom: 5px; +} + +.child-carousel .slick-product-figure:hover { + background: rgba(244, 244, 244, 0.5); +} + +.child-carousel .slick-product-figure:hover img { + transform: scale(1.1); +} + +.child-carousel .slick-current .slick-product-figure { + background: transparent; + box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.17); +} + +@media (min-width: 768px) { + .child-carousel .slick-slide { + max-width: 100%; + } +} + +@media (min-width: 768px) and (max-width: 991.98px) { + .slick-product { + display: flex; + margin-left: -6px; + margin-right: -6px; + } + .slick-product .carousel-parent, + .slick-product .child-carousel { + padding-left: 6px; + padding-right: 6px; + } + .slick-product .carousel-parent { + width: 74%; + margin-bottom: 0; + } + .slick-product .child-carousel { + width: 26%; + display: flex; + align-content: stretch; + } + .slick-product .child-carousel .slick-list { + display: flex; + margin-left: 0; + margin-right: 0; + } + .slick-product .child-carousel .slick-slide { + width: calc(100% - 10px) !important; + margin-left: 5px; + margin-right: 5px; + } + .slick-product .slick-arrow { + right: auto; + left: 50%; + transform: translate(-50%, 0); + } + .slick-product .slick-prev { + top: -10px; + } + .slick-product .slick-prev::before { + content: "\f239"; + } + .slick-product .slick-next { + top: auto; + bottom: -10px; + } + .slick-product .slick-next::before { + content: "\f236"; + } +} + +@media (min-width: 992px) { + .slick-product { + margin-right: 25px; + } +} + +@media (min-width: 1200px) { + .slick-product { + margin-right: 38px; + } +} + +.slick-custom-nav .slick-prev, +.slick-custom-nav .slick-next { + background-color: transparent; + font-size: 60px; +} + +.slick-custom-nav .slick-prev { + left: -30px; +} + +.slick-custom-nav .slick-next { + right: -20px; +} + +@media (min-width: 1600px) { + .slick-custom-nav .slick-prev { + left: -50px; + } + .slick-custom-nav .slick-next { + right: -40px; + } +} + +.slick-product-figure { + position: relative; + overflow: hidden; + background: #f4f4f4; + transition: all 0.3s ease; +} + +.slick-product-figure img { + width: 100%; + transform: none; + transition: inherit; +} + +.stepper { + position: relative; + display: block; +} + +.stepper input[type="number"] { + width: 100%; + padding: 10px 42px; + font-weight: 500; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + text-align: center; + -moz-appearance: textfield; +} + +.stepper input[type="number"]::-webkit-inner-spin-button { + -webkit-appearance: none; +} + +.stepper-arrow { + position: absolute; + text-align: center; + top: 50%; + margin-top: -19px; + width: 38px; + height: 38px; + font-size: 14px; + line-height: 38px; + font-weight: 400; + font-family: "FontAwesome"; + cursor: pointer; + color: #151515; + border-radius: 0; + transition: 0.3s all ease; +} + +.stepper-arrow:hover { + color: #01b3a7; +} + +.stepper-arrow.up { + right: 0; +} + +.stepper-arrow.up:before { + content: "\f067"; +} + +.stepper-arrow.down { + left: 0; +} + +.stepper-arrow.down:before { + content: "\f068"; +} + +.stepper.disabled .stepper-arrow { + pointer-events: none; + opacity: 0.5; +} + +.product-stepper .stepper { + padding-right: 32px; +} + +.product-stepper input[type="number"] { + padding: 10px 5px; + font-size: 24px; + max-width: 66px; +} + +.product-stepper .stepper-arrow { + margin-top: 0; + top: auto; + right: 0; + width: 28px; + height: 28px; + line-height: 28px; + background: #f7f7f7; +} + +.product-stepper .stepper-arrow.up { + top: 0; +} + +.product-stepper .stepper-arrow.down { + left: auto; + bottom: 0; +} + +.table-cart-stepper { + max-width: 114px; + margin-left: auto; + margin-right: auto; +} + +.table-cart-stepper input[type="number"] { + font-size: 18px; + line-height: 1; + letter-spacing: 0.1em; + padding-bottom: 6px; + background: #ffffff; + border-color: #ffffff; +} + +.table-cart-stepper .stepper-arrow { + line-height: 36px; + border-radius: 4px; + border: 1px solid #e1e1e1; +} + + +/* +* @subsection Magnific Popup +*/ + +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: 0.8; + filter: alpha(opacity=80); +} + +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; +} + +.mfp-container { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.mfp-container:before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; +} + +.mfp-align-top .mfp-container:before { + display: none; +} + +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; +} + +.mfp-inline-holder .mfp-content, +.mfp-ajax-holder .mfp-content { + width: 100%; + cursor: auto; +} + +.mfp-ajax-cur { + cursor: progress; +} + +.mfp-zoom-out-cur, +.mfp-zoom-out-cur .mfp-image-holder { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; +} + +.mfp-zoom { + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; +} + +.mfp-auto-cursor .mfp-content { + cursor: auto; +} + +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.mfp-close:hover { + cursor: pointer; + color: #ececec; +} + +.mfp-loading.mfp-figure { + display: none; +} + +.mfp-hide { + display: none !important; +} + +.mfp-preloader { + color: #ccc; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; +} + +.mfp-preloader a { + color: #ccc; +} + +.mfp-preloader a:hover { + color: #fff; +} + +.mfp-s-ready .mfp-preloader { + display: none; +} + +.mfp-s-error .mfp-content { + display: none; +} + +button.mfp-close, +button.mfp-arrow { + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + -webkit-box-shadow: none; + box-shadow: none; +} + +button::-moz-focus-inner { + padding: 0; + border: 0; +} + +.mfp-close { + width: 44px; + height: 44px; + line-height: 44px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: 0.65; + filter: alpha(opacity=65); + padding: 0 0 18px 10px; + color: #fff; + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; +} + +.mfp-close:hover, +.mfp-close:focus { + opacity: 1; + filter: alpha(opacity=100); +} + +.mfp-close:active { + top: 1px; +} + +.mfp-close-btn-in .mfp-close { + color: #333; +} + +.mfp-image-holder .mfp-close, +.mfp-iframe-holder .mfp-close { + color: #fff; + right: -6px; + text-align: right; + padding-right: 6px; +} + +.mfp-counter { + position: absolute; + top: 0; + right: 0; + font-size: 0; + display: none; +} + +.mfp-arrow { + position: absolute; + opacity: 0.65; + filter: alpha(opacity=65); + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.mfp-arrow:active { + margin-top: -54px; +} + +.mfp-arrow:hover, +.mfp-arrow:focus { + opacity: 1; + filter: alpha(opacity=100); +} + +.mfp-arrow:before, +.mfp-arrow:after, +.mfp-arrow .mfp-b, +.mfp-arrow .mfp-a { + content: ""; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; +} + +.mfp-arrow:after, +.mfp-arrow .mfp-a { + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; +} + +.mfp-arrow:before, +.mfp-arrow .mfp-b { + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; +} + +.mfp-arrow-left { + left: 0; +} + +.mfp-arrow-left:after, +.mfp-arrow-left .mfp-a { + border-right: 17px solid #fff; + margin-left: 31px; +} + +.mfp-arrow-left:before, +.mfp-arrow-left .mfp-b { + margin-left: 25px; + border-right: 27px solid #3f3f3f; +} + +.mfp-arrow-right { + right: 0; +} + +.mfp-arrow-right:after, +.mfp-arrow-right .mfp-a { + border-left: 17px solid #fff; + margin-left: 39px; +} + +.mfp-arrow-right:before, +.mfp-arrow-right .mfp-b { + border-left: 27px solid #3f3f3f; +} + +.mfp-iframe-holder { + padding-top: 40px; + padding-bottom: 40px; +} + +.mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 900px; +} + +.mfp-iframe-holder .mfp-close { + top: -40px; +} + +.mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%; +} + +.mfp-iframe-scaler iframe { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #000; +} + + +/* Main image in popup */ + +img.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; +} + + +/* The shadow behind the image */ + +.mfp-figure { + line-height: 0; +} + +.mfp-figure:after { + content: ""; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444; +} + +.mfp-figure small { + color: #bdbdbd; + display: block; + font-size: 12px; + line-height: 14px; +} + +.mfp-figure figure { + margin: 0; +} + +.mfp-bottom-bar { + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; +} + +.mfp-title { + text-align: left; + line-height: 18px; + color: #f3f3f3; + word-wrap: break-word; + padding-right: 36px; +} + +.mfp-image-holder .mfp-content { + max-width: 100%; +} + +.mfp-gallery .mfp-image-holder .mfp-figure { + cursor: pointer; +} + +@media screen and (max-width: 800px) and (orientation: landscape), +screen and (max-height: 300px) { + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; + } + .mfp-img-mobile img.mfp-img { + padding: 0; + } + .mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; + } + .mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; + } + .mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; + } + .mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; + } + .mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; + } +} + +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); + } + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; + } + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; + } + .mfp-container { + padding-left: 6px; + padding-right: 6px; + } +} + +.mfp-ie7 .mfp-img { + padding: 0; +} + +.mfp-ie7 .mfp-bottom-bar { + width: 600px; + left: 50%; + margin-left: -300px; + margin-top: 5px; + padding-bottom: 5px; +} + +.mfp-ie7 .mfp-container { + padding: 0; +} + +.mfp-ie7 .mfp-content { + padding-top: 44px; +} + +.mfp-ie7 .mfp-close { + top: 0; + right: 0; + padding-top: 0; +} + +.twentytwenty-horizontal .twentytwenty-handle:before, +.twentytwenty-horizontal .twentytwenty-handle:after, +.twentytwenty-vertical .twentytwenty-handle:before, +.twentytwenty-vertical .twentytwenty-handle:after { + content: " "; + display: block; + background: #ffffff; + position: absolute; + z-index: 30; + box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); +} + +.twentytwenty-horizontal .twentytwenty-handle:before, +.twentytwenty-horizontal .twentytwenty-handle:after { + width: 2px; + height: 9999px; + left: 50%; + margin-left: -1px; +} + +.twentytwenty-vertical .twentytwenty-handle:before, +.twentytwenty-vertical .twentytwenty-handle:after { + width: 9999px; + height: 2px; + top: 50%; + margin-top: -1px; +} + +.twentytwenty-before-label, +.twentytwenty-after-label, +.twentytwenty-overlay { + position: absolute; + top: 0; + width: 100%; + height: 100%; +} + +.twentytwenty-before-label, +.twentytwenty-after-label, +.twentytwenty-overlay { + transition-duration: 0.5s; +} + +.twentytwenty-before-label, +.twentytwenty-after-label { + transition-property: opacity; +} + +.twentytwenty-before-label:before, +.twentytwenty-after-label:before { + color: #ffffff; + font-size: 13px; + letter-spacing: 0.1em; +} + +.twentytwenty-before-label:before, +.twentytwenty-after-label:before { + position: absolute; + background: rgba(255, 255, 255, 0.2); + line-height: 38px; + padding: 0 20px; + border-radius: 2px; +} + +.twentytwenty-horizontal .twentytwenty-before-label:before, +.twentytwenty-horizontal .twentytwenty-after-label:before { + top: 50%; + margin-top: -19px; +} + +.twentytwenty-vertical .twentytwenty-before-label:before, +.twentytwenty-vertical .twentytwenty-after-label:before { + left: 50%; + margin-left: -45px; + text-align: center; + width: 90px; +} + +.twentytwenty-left-arrow, +.twentytwenty-right-arrow, +.twentytwenty-up-arrow, +.twentytwenty-down-arrow { + position: absolute; + color: #01b3a7; + font-family: "FontAwesome"; + font-size: 24px; + line-height: 47px; +} + +.twentytwenty-left-arrow::before, +.twentytwenty-right-arrow::before, +.twentytwenty-up-arrow::before, +.twentytwenty-down-arrow::before { + display: inline-block; +} + +.twentytwenty-container { + -moz-box-sizing: content-box; + box-sizing: content-box; + width: auto; + z-index: 0; + overflow: hidden; + position: relative; + -moz-user-select: none; +} + +.twentytwenty-container img { + max-width: 100%; + position: absolute; + top: 0; + display: block; +} + +.twentytwenty-container.active .twentytwenty-overlay, +.twentytwenty-container.active :hover.twentytwenty-overlay { + background: rgba(0, 0, 0, 0); +} + +.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, +.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, +.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, +.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { + opacity: 0; +} + +.twentytwenty-container * { + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +.twentytwenty-before-label { + opacity: 0; +} + +.twentytwenty-before-label:before { + content: "Before"; +} + +.twentytwenty-after-label { + opacity: 0; +} + +.twentytwenty-after-label:before { + content: "After"; +} + +.twentytwenty-horizontal .twentytwenty-before-label:before { + right: 10px; +} + +.twentytwenty-horizontal .twentytwenty-after-label:before { + left: 10px; +} + +.twentytwenty-vertical .twentytwenty-before-label:before { + top: 10px; +} + +.twentytwenty-vertical .twentytwenty-after-label:before { + bottom: 10px; +} + +.twentytwenty-overlay { + transition-property: background; + background: rgba(0, 0, 0, 0); + z-index: 25; +} + +.twentytwenty-overlay:hover { + background: rgba(0, 0, 0, 0.5); +} + +.twentytwenty-overlay:hover .twentytwenty-after-label { + opacity: 1; +} + +.twentytwenty-overlay:hover .twentytwenty-before-label { + opacity: 1; +} + +.twentytwenty-before { + z-index: 20; +} + +.twentytwenty-after { + z-index: 10; +} + +.twentytwenty-handle { + height: 47px; + width: 47px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -25.5px; + margin-top: -25.5px; + border: 2px solid #ffffff; + background: #ffffff; + border-radius: 1000px; + box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); + z-index: 40; + cursor: pointer; +} + +.twentytwenty-horizontal .twentytwenty-handle:before { + bottom: 50%; + margin-bottom: 22px; + box-shadow: 0 3px 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5); +} + +.twentytwenty-horizontal .twentytwenty-handle:after { + top: 50%; + margin-top: 22px; + box-shadow: 0 -3px 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5); +} + +.twentytwenty-vertical .twentytwenty-handle:before { + left: 50%; + margin-left: 22px; + box-shadow: 3px 0 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5); +} + +.twentytwenty-vertical .twentytwenty-handle:after { + right: 50%; + margin-right: 22px; + box-shadow: -3px 0 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5); +} + +.twentytwenty-left-arrow { + left: 50%; + margin-left: -13px; +} + +.twentytwenty-left-arrow::before { + content: "\f104"; +} + +.twentytwenty-right-arrow { + right: 50%; + margin-right: -13px; +} + +.twentytwenty-right-arrow::before { + content: "\f105"; +} + +.twentytwenty-up-arrow { + top: 50%; + margin-top: -13px; +} + +.twentytwenty-up-arrow::before { + content: "\f106"; +} + +.twentytwenty-down-arrow { + bottom: 50%; + margin-bottom: -13px; +} + +.twentytwenty-down-arrow::before { + content: "\f107"; +} + + +/* +* +* Video BG +* -------------------------------------------------- +*/ + +.bg-vide { + position: relative; + z-index: 0; +} + +.bg-vide>* { + position: relative; + z-index: 2; +} + +.bg-vide>div:not(.container) { + pointer-events: none; +} + +.bg-vide::before { + z-index: 1; +} + +.video-background { + position: relative; + overflow: hidden; + background-color: #151515; +} + +.video-background-poster { + display: none; +} + +.video-foreground, +.video-background iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.video-foreground { + height: 300%; + top: -100%; +} + +.video-foreground iframe { + left: -5px; + width: calc(100% + 5px); +} + +.video-background-inner { + position: relative; + z-index: 1; +} + +[data-x-mode="true"] .video-foreground, +.builder .video-foreground, +.ios .video-foreground, +.ipad .video-foreground, +.tablet .video-foreground, +.devices .video-foreground, +.mobile .video-foreground { + display: none; +} + +[data-x-mode="true"] .video-background-poster, +.builder .video-background-poster, +.ios .video-background-poster, +.ipad .video-background-poster, +.tablet .video-background-poster, +.devices .video-background-poster, +.mobile .video-background-poster { + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +[data-x-mode="true"] .video-background-poster img, +.builder .video-background-poster img, +.ios .video-background-poster img, +.ipad .video-background-poster img, +.tablet .video-background-poster img, +.devices .video-background-poster img, +.mobile .video-background-poster img { + object-fit: cover; + object-position: center; + width: 100%; + height: 100%; +} + +.banner { + display: block; + position: relative; + z-index: 2; +} + +.banner img { + width: 100%; +} + +@media (max-width: 1199.98px) { + .banner-top { + display: none; + } +} + +/* swiper-slide button positioning */ +.button-explore{ + position: absolute; + left: 20.3%; +} +.button-git{ + position: absolute; + left: 16%; +} +.button-tour{ + position: absolute; + left: 22.95%; +} +@media screen and (max-width: 1200px){ + .button-explore{ + left: 18%; + } + .button-git{ + left: 12.4%; + } + .button-tour{ + left: 20.99%; + } +} +@media screen and (max-width:991px){ + .button-explore{ + left: 12%; + } + .button-git{ + left: 5.15%; + } + .button-tour{ + left: 15%; + } +} +@media screen and (max-width:767px){ + .button-explore{ + left: 19%; + } + .button-git{ + left: 14%; + } + .button-tour{ + left: 21.99%; + } +} +@media screen and (max-width: 425px){ + .button-explore{ + left: 10%; + } + .button-git{ + left: 5%; + } + .button-tour{ + left: 14%; + } +} +@media screen and (max-width: 422px){ + .button-git{ + left: 25%; + } +} +@media screen and (max-width: 375px){ + .button-explore{ + left: 27%; + } + .button-git{ + left: 27%; + } + .button-tour{ + left: 27%; + } +} + diff --git a/firstspot/fonts/FontAwesome.otf b/firstspot/fonts/FontAwesome.otf new file mode 100644 index 00000000..401ec0f3 Binary files /dev/null and b/firstspot/fonts/FontAwesome.otf differ diff --git a/firstspot/fonts/MaterialIcons-Regular.eot b/firstspot/fonts/MaterialIcons-Regular.eot new file mode 100644 index 00000000..b9029226 Binary files /dev/null and b/firstspot/fonts/MaterialIcons-Regular.eot differ diff --git a/firstspot/fonts/MaterialIcons-Regular.ijmap b/firstspot/fonts/MaterialIcons-Regular.ijmap new file mode 100644 index 00000000..15fe7bfd --- /dev/null +++ b/firstspot/fonts/MaterialIcons-Regular.ijmap @@ -0,0 +1 @@ +{"icons":{"e84d":{"name":"3d Rotation"},"e190":{"name":"Access Alarm"},"e191":{"name":"Access Alarms"},"e192":{"name":"Access Time"},"e84e":{"name":"Accessibility"},"e84f":{"name":"Account Balance"},"e850":{"name":"Account Balance Wallet"},"e851":{"name":"Account Box"},"e853":{"name":"Account Circle"},"e60e":{"name":"Adb"},"e145":{"name":"Add"},"e193":{"name":"Add Alarm"},"e003":{"name":"Add Alert"},"e146":{"name":"Add Box"},"e147":{"name":"Add Circle"},"e148":{"name":"Add Circle Outline"},"e854":{"name":"Add Shopping Cart"},"e39d":{"name":"Add To Photos"},"e39e":{"name":"Adjust"},"e630":{"name":"Airline Seat Flat"},"e631":{"name":"Airline Seat Flat Angled"},"e632":{"name":"Airline Seat Individual Suite"},"e633":{"name":"Airline Seat Legroom Extra"},"e634":{"name":"Airline Seat Legroom Normal"},"e635":{"name":"Airline Seat Legroom Reduced"},"e636":{"name":"Airline Seat Recline Extra"},"e637":{"name":"Airline Seat Recline Normal"},"e195":{"name":"Airplanemode Active"},"e194":{"name":"Airplanemode Inactive"},"e055":{"name":"Airplay"},"e855":{"name":"Alarm"},"e856":{"name":"Alarm Add"},"e857":{"name":"Alarm Off"},"e858":{"name":"Alarm On"},"e019":{"name":"Album"},"e859":{"name":"Android"},"e85a":{"name":"Announcement"},"e5c3":{"name":"Apps"},"e149":{"name":"Archive"},"e5c4":{"name":"Arrow Back"},"e5c5":{"name":"Arrow Drop Down"},"e5c6":{"name":"Arrow Drop Down Circle"},"e5c7":{"name":"Arrow Drop Up"},"e5c8":{"name":"Arrow Forward"},"e85b":{"name":"Aspect Ratio"},"e85c":{"name":"Assessment"},"e85d":{"name":"Assignment"},"e85e":{"name":"Assignment Ind"},"e85f":{"name":"Assignment Late"},"e860":{"name":"Assignment Return"},"e861":{"name":"Assignment Returned"},"e862":{"name":"Assignment Turned In"},"e39f":{"name":"Assistant"},"e3a0":{"name":"Assistant Photo"},"e226":{"name":"Attach File"},"e227":{"name":"Attach Money"},"e2bc":{"name":"Attachment"},"e3a1":{"name":"Audiotrack"},"e863":{"name":"Autorenew"},"e01b":{"name":"Av Timer"},"e14a":{"name":"Backspace"},"e864":{"name":"Backup"},"e19c":{"name":"Battery Alert"},"e1a3":{"name":"Battery Charging Full"},"e1a4":{"name":"Battery Full"},"e1a5":{"name":"Battery Std"},"e1a6":{"name":"Battery Unknown"},"e52d":{"name":"Beenhere"},"e14b":{"name":"Block"},"e1a7":{"name":"Bluetooth"},"e60f":{"name":"Bluetooth Audio"},"e1a8":{"name":"Bluetooth Connected"},"e1a9":{"name":"Bluetooth Disabled"},"e1aa":{"name":"Bluetooth Searching"},"e3a2":{"name":"Blur Circular"},"e3a3":{"name":"Blur Linear"},"e3a4":{"name":"Blur Off"},"e3a5":{"name":"Blur On"},"e865":{"name":"Book"},"e866":{"name":"Bookmark"},"e867":{"name":"Bookmark Border"},"e228":{"name":"Border All"},"e229":{"name":"Border Bottom"},"e22a":{"name":"Border Clear"},"e22b":{"name":"Border Color"},"e22c":{"name":"Border Horizontal"},"e22d":{"name":"Border Inner"},"e22e":{"name":"Border Left"},"e22f":{"name":"Border Outer"},"e230":{"name":"Border Right"},"e231":{"name":"Border Style"},"e232":{"name":"Border Top"},"e233":{"name":"Border Vertical"},"e3a6":{"name":"Brightness 1"},"e3a7":{"name":"Brightness 2"},"e3a8":{"name":"Brightness 3"},"e3a9":{"name":"Brightness 4"},"e3aa":{"name":"Brightness 5"},"e3ab":{"name":"Brightness 6"},"e3ac":{"name":"Brightness 7"},"e1ab":{"name":"Brightness Auto"},"e1ac":{"name":"Brightness High"},"e1ad":{"name":"Brightness Low"},"e1ae":{"name":"Brightness Medium"},"e3ad":{"name":"Broken Image"},"e3ae":{"name":"Brush"},"e868":{"name":"Bug Report"},"e869":{"name":"Build"},"e0af":{"name":"Business"},"e86a":{"name":"Cached"},"e7e9":{"name":"Cake"},"e0b0":{"name":"Call"},"e0b1":{"name":"Call End"},"e0b2":{"name":"Call Made"},"e0b3":{"name":"Call Merge"},"e0b4":{"name":"Call Missed"},"e0b5":{"name":"Call Received"},"e0b6":{"name":"Call Split"},"e3af":{"name":"Camera"},"e3b0":{"name":"Camera Alt"},"e8fc":{"name":"Camera Enhance"},"e3b1":{"name":"Camera Front"},"e3b2":{"name":"Camera Rear"},"e3b3":{"name":"Camera Roll"},"e5c9":{"name":"Cancel"},"e8f6":{"name":"Card Giftcard"},"e8f7":{"name":"Card Membership"},"e8f8":{"name":"Card Travel"},"e307":{"name":"Cast"},"e308":{"name":"Cast Connected"},"e3b4":{"name":"Center Focus Strong"},"e3b5":{"name":"Center Focus Weak"},"e86b":{"name":"Change History"},"e0b7":{"name":"Chat"},"e0ca":{"name":"Chat Bubble"},"e0cb":{"name":"Chat Bubble Outline"},"e5ca":{"name":"Check"},"e834":{"name":"Check Box"},"e835":{"name":"Check Box Outline Blank"},"e86c":{"name":"Check Circle"},"e5cb":{"name":"Chevron Left"},"e5cc":{"name":"Chevron Right"},"e86d":{"name":"Chrome Reader Mode"},"e86e":{"name":"Class"},"e14c":{"name":"Clear"},"e0b8":{"name":"Clear All"},"e5cd":{"name":"Close"},"e01c":{"name":"Closed Caption"},"e2bd":{"name":"Cloud"},"e2be":{"name":"Cloud Circle"},"e2bf":{"name":"Cloud Done"},"e2c0":{"name":"Cloud Download"},"e2c1":{"name":"Cloud Off"},"e2c2":{"name":"Cloud Queue"},"e2c3":{"name":"Cloud Upload"},"e86f":{"name":"Code"},"e3b6":{"name":"Collections"},"e431":{"name":"Collections Bookmark"},"e3b7":{"name":"Color Lens"},"e3b8":{"name":"Colorize"},"e0b9":{"name":"Comment"},"e3b9":{"name":"Compare"},"e30a":{"name":"Computer"},"e638":{"name":"Confirmation Number"},"e0cf":{"name":"Contact Phone"},"e0ba":{"name":"Contacts"},"e14d":{"name":"Content Copy"},"e14e":{"name":"Content Cut"},"e14f":{"name":"Content Paste"},"e3ba":{"name":"Control Point"},"e3bb":{"name":"Control Point Duplicate"},"e150":{"name":"Create"},"e870":{"name":"Credit Card"},"e3be":{"name":"Crop"},"e3bc":{"name":"Crop 16 9"},"e3bd":{"name":"Crop 3 2"},"e3bf":{"name":"Crop 5 4"},"e3c0":{"name":"Crop 7 5"},"e3c1":{"name":"Crop Din"},"e3c2":{"name":"Crop Free"},"e3c3":{"name":"Crop Landscape"},"e3c4":{"name":"Crop Original"},"e3c5":{"name":"Crop Portrait"},"e3c6":{"name":"Crop Square"},"e871":{"name":"Dashboard"},"e1af":{"name":"Data Usage"},"e3c7":{"name":"Dehaze"},"e872":{"name":"Delete"},"e873":{"name":"Description"},"e30b":{"name":"Desktop Mac"},"e30c":{"name":"Desktop Windows"},"e3c8":{"name":"Details"},"e30d":{"name":"Developer Board"},"e1b0":{"name":"Developer Mode"},"e335":{"name":"Device Hub"},"e1b1":{"name":"Devices"},"e0bb":{"name":"Dialer Sip"},"e0bc":{"name":"Dialpad"},"e52e":{"name":"Directions"},"e52f":{"name":"Directions Bike"},"e532":{"name":"Directions Boat"},"e530":{"name":"Directions Bus"},"e531":{"name":"Directions Car"},"e534":{"name":"Directions Railway"},"e566":{"name":"Directions Run"},"e533":{"name":"Directions Subway"},"e535":{"name":"Directions Transit"},"e536":{"name":"Directions Walk"},"e610":{"name":"Disc Full"},"e875":{"name":"Dns"},"e612":{"name":"Do Not Disturb"},"e611":{"name":"Do Not Disturb Alt"},"e30e":{"name":"Dock"},"e7ee":{"name":"Domain"},"e876":{"name":"Done"},"e877":{"name":"Done All"},"e151":{"name":"Drafts"},"e613":{"name":"Drive Eta"},"e1b2":{"name":"Dvr"},"e3c9":{"name":"Edit"},"e8fb":{"name":"Eject"},"e0be":{"name":"Email"},"e01d":{"name":"Equalizer"},"e000":{"name":"Error"},"e001":{"name":"Error Outline"},"e878":{"name":"Event"},"e614":{"name":"Event Available"},"e615":{"name":"Event Busy"},"e616":{"name":"Event Note"},"e903":{"name":"Event Seat"},"e879":{"name":"Exit To App"},"e5ce":{"name":"Expand Less"},"e5cf":{"name":"Expand More"},"e01e":{"name":"Explicit"},"e87a":{"name":"Explore"},"e3ca":{"name":"Exposure"},"e3cb":{"name":"Exposure Neg 1"},"e3cc":{"name":"Exposure Neg 2"},"e3cd":{"name":"Exposure Plus 1"},"e3ce":{"name":"Exposure Plus 2"},"e3cf":{"name":"Exposure Zero"},"e87b":{"name":"Extension"},"e87c":{"name":"Face"},"e01f":{"name":"Fast Forward"},"e020":{"name":"Fast Rewind"},"e87d":{"name":"Favorite"},"e87e":{"name":"Favorite Border"},"e87f":{"name":"Feedback"},"e2c4":{"name":"File Download"},"e2c6":{"name":"File Upload"},"e3d3":{"name":"Filter"},"e3d0":{"name":"Filter 1"},"e3d1":{"name":"Filter 2"},"e3d2":{"name":"Filter 3"},"e3d4":{"name":"Filter 4"},"e3d5":{"name":"Filter 5"},"e3d6":{"name":"Filter 6"},"e3d7":{"name":"Filter 7"},"e3d8":{"name":"Filter 8"},"e3d9":{"name":"Filter 9"},"e3da":{"name":"Filter 9 Plus"},"e3db":{"name":"Filter B And W"},"e3dc":{"name":"Filter Center Focus"},"e3dd":{"name":"Filter Drama"},"e3de":{"name":"Filter Frames"},"e3df":{"name":"Filter Hdr"},"e152":{"name":"Filter List"},"e3e0":{"name":"Filter None"},"e3e2":{"name":"Filter Tilt Shift"},"e3e3":{"name":"Filter Vintage"},"e880":{"name":"Find In Page"},"e881":{"name":"Find Replace"},"e153":{"name":"Flag"},"e3e4":{"name":"Flare"},"e3e5":{"name":"Flash Auto"},"e3e6":{"name":"Flash Off"},"e3e7":{"name":"Flash On"},"e539":{"name":"Flight"},"e904":{"name":"Flight Land"},"e905":{"name":"Flight Takeoff"},"e3e8":{"name":"Flip"},"e882":{"name":"Flip To Back"},"e883":{"name":"Flip To Front"},"e2c7":{"name":"Folder"},"e2c8":{"name":"Folder Open"},"e2c9":{"name":"Folder Shared"},"e617":{"name":"Folder Special"},"e167":{"name":"Font Download"},"e234":{"name":"Format Align Center"},"e235":{"name":"Format Align Justify"},"e236":{"name":"Format Align Left"},"e237":{"name":"Format Align Right"},"e238":{"name":"Format Bold"},"e239":{"name":"Format Clear"},"e23a":{"name":"Format Color Fill"},"e23b":{"name":"Format Color Reset"},"e23c":{"name":"Format Color Text"},"e23d":{"name":"Format Indent Decrease"},"e23e":{"name":"Format Indent Increase"},"e23f":{"name":"Format Italic"},"e240":{"name":"Format Line Spacing"},"e241":{"name":"Format List Bulleted"},"e242":{"name":"Format List Numbered"},"e243":{"name":"Format Paint"},"e244":{"name":"Format Quote"},"e245":{"name":"Format Size"},"e246":{"name":"Format Strikethrough"},"e247":{"name":"Format Textdirection L To R"},"e248":{"name":"Format Textdirection R To L"},"e249":{"name":"Format Underlined"},"e0bf":{"name":"Forum"},"e154":{"name":"Forward"},"e056":{"name":"Forward 10"},"e057":{"name":"Forward 30"},"e058":{"name":"Forward 5"},"e5d0":{"name":"Fullscreen"},"e5d1":{"name":"Fullscreen Exit"},"e24a":{"name":"Functions"},"e30f":{"name":"Gamepad"},"e021":{"name":"Games"},"e155":{"name":"Gesture"},"e884":{"name":"Get App"},"e908":{"name":"Gif"},"e1b3":{"name":"Gps Fixed"},"e1b4":{"name":"Gps Not Fixed"},"e1b5":{"name":"Gps Off"},"e885":{"name":"Grade"},"e3e9":{"name":"Gradient"},"e3ea":{"name":"Grain"},"e1b8":{"name":"Graphic Eq"},"e3eb":{"name":"Grid Off"},"e3ec":{"name":"Grid On"},"e7ef":{"name":"Group"},"e7f0":{"name":"Group Add"},"e886":{"name":"Group Work"},"e052":{"name":"Hd"},"e3ed":{"name":"Hdr Off"},"e3ee":{"name":"Hdr On"},"e3f1":{"name":"Hdr Strong"},"e3f2":{"name":"Hdr Weak"},"e310":{"name":"Headset"},"e311":{"name":"Headset Mic"},"e3f3":{"name":"Healing"},"e023":{"name":"Hearing"},"e887":{"name":"Help"},"e8fd":{"name":"Help Outline"},"e024":{"name":"High Quality"},"e888":{"name":"Highlight Off"},"e889":{"name":"History"},"e88a":{"name":"Home"},"e53a":{"name":"Hotel"},"e88b":{"name":"Hourglass Empty"},"e88c":{"name":"Hourglass Full"},"e902":{"name":"Http"},"e88d":{"name":"Https"},"e3f4":{"name":"Image"},"e3f5":{"name":"Image Aspect Ratio"},"e0c3":{"name":"Import Export"},"e156":{"name":"Inbox"},"e909":{"name":"Indeterminate Check Box"},"e88e":{"name":"Info"},"e88f":{"name":"Info Outline"},"e890":{"name":"Input"},"e24b":{"name":"Insert Chart"},"e24c":{"name":"Insert Comment"},"e24d":{"name":"Insert Drive File"},"e24e":{"name":"Insert Emoticon"},"e24f":{"name":"Insert Invitation"},"e250":{"name":"Insert Link"},"e251":{"name":"Insert Photo"},"e891":{"name":"Invert Colors"},"e0c4":{"name":"Invert Colors Off"},"e3f6":{"name":"Iso"},"e312":{"name":"Keyboard"},"e313":{"name":"Keyboard Arrow Down"},"e314":{"name":"Keyboard Arrow Left"},"e315":{"name":"Keyboard Arrow Right"},"e316":{"name":"Keyboard Arrow Up"},"e317":{"name":"Keyboard Backspace"},"e318":{"name":"Keyboard Capslock"},"e31a":{"name":"Keyboard Hide"},"e31b":{"name":"Keyboard Return"},"e31c":{"name":"Keyboard Tab"},"e31d":{"name":"Keyboard Voice"},"e892":{"name":"Label"},"e893":{"name":"Label Outline"},"e3f7":{"name":"Landscape"},"e894":{"name":"Language"},"e31e":{"name":"Laptop"},"e31f":{"name":"Laptop Chromebook"},"e320":{"name":"Laptop Mac"},"e321":{"name":"Laptop Windows"},"e895":{"name":"Launch"},"e53b":{"name":"Layers"},"e53c":{"name":"Layers Clear"},"e3f8":{"name":"Leak Add"},"e3f9":{"name":"Leak Remove"},"e3fa":{"name":"Lens"},"e02e":{"name":"Library Add"},"e02f":{"name":"Library Books"},"e030":{"name":"Library Music"},"e157":{"name":"Link"},"e896":{"name":"List"},"e0c6":{"name":"Live Help"},"e639":{"name":"Live Tv"},"e53f":{"name":"Local Activity"},"e53d":{"name":"Local Airport"},"e53e":{"name":"Local Atm"},"e540":{"name":"Local Bar"},"e541":{"name":"Local Cafe"},"e542":{"name":"Local Car Wash"},"e543":{"name":"Local Convenience Store"},"e556":{"name":"Local Dining"},"e544":{"name":"Local Drink"},"e545":{"name":"Local Florist"},"e546":{"name":"Local Gas Station"},"e547":{"name":"Local Grocery Store"},"e548":{"name":"Local Hospital"},"e549":{"name":"Local Hotel"},"e54a":{"name":"Local Laundry Service"},"e54b":{"name":"Local Library"},"e54c":{"name":"Local Mall"},"e54d":{"name":"Local Movies"},"e54e":{"name":"Local Offer"},"e54f":{"name":"Local Parking"},"e550":{"name":"Local Pharmacy"},"e551":{"name":"Local Phone"},"e552":{"name":"Local Pizza"},"e553":{"name":"Local Play"},"e554":{"name":"Local Post Office"},"e555":{"name":"Local Printshop"},"e557":{"name":"Local See"},"e558":{"name":"Local Shipping"},"e559":{"name":"Local Taxi"},"e7f1":{"name":"Location City"},"e1b6":{"name":"Location Disabled"},"e0c7":{"name":"Location Off"},"e0c8":{"name":"Location On"},"e1b7":{"name":"Location Searching"},"e897":{"name":"Lock"},"e898":{"name":"Lock Open"},"e899":{"name":"Lock Outline"},"e3fc":{"name":"Looks"},"e3fb":{"name":"Looks 3"},"e3fd":{"name":"Looks 4"},"e3fe":{"name":"Looks 5"},"e3ff":{"name":"Looks 6"},"e400":{"name":"Looks One"},"e401":{"name":"Looks Two"},"e028":{"name":"Loop"},"e402":{"name":"Loupe"},"e89a":{"name":"Loyalty"},"e158":{"name":"Mail"},"e55b":{"name":"Map"},"e159":{"name":"Markunread"},"e89b":{"name":"Markunread Mailbox"},"e322":{"name":"Memory"},"e5d2":{"name":"Menu"},"e252":{"name":"Merge Type"},"e0c9":{"name":"Message"},"e029":{"name":"Mic"},"e02a":{"name":"Mic None"},"e02b":{"name":"Mic Off"},"e618":{"name":"Mms"},"e253":{"name":"Mode Comment"},"e254":{"name":"Mode Edit"},"e25c":{"name":"Money Off"},"e403":{"name":"Monochrome Photos"},"e7f2":{"name":"Mood"},"e7f3":{"name":"Mood Bad"},"e619":{"name":"More"},"e5d3":{"name":"More Horiz"},"e5d4":{"name":"More Vert"},"e323":{"name":"Mouse"},"e02c":{"name":"Movie"},"e404":{"name":"Movie Creation"},"e405":{"name":"Music Note"},"e55c":{"name":"My Location"},"e406":{"name":"Nature"},"e407":{"name":"Nature People"},"e408":{"name":"Navigate Before"},"e409":{"name":"Navigate Next"},"e55d":{"name":"Navigation"},"e1b9":{"name":"Network Cell"},"e61a":{"name":"Network Locked"},"e1ba":{"name":"Network Wifi"},"e031":{"name":"New Releases"},"e1bb":{"name":"Nfc"},"e0cc":{"name":"No Sim"},"e033":{"name":"Not Interested"},"e89c":{"name":"Note Add"},"e7f4":{"name":"Notifications"},"e7f7":{"name":"Notifications Active"},"e7f5":{"name":"Notifications None"},"e7f6":{"name":"Notifications Off"},"e7f8":{"name":"Notifications Paused"},"e90a":{"name":"Offline Pin"},"e63a":{"name":"Ondemand Video"},"e89d":{"name":"Open In Browser"},"e89e":{"name":"Open In New"},"e89f":{"name":"Open With"},"e7f9":{"name":"Pages"},"e8a0":{"name":"Pageview"},"e40a":{"name":"Palette"},"e40b":{"name":"Panorama"},"e40c":{"name":"Panorama Fish Eye"},"e40d":{"name":"Panorama Horizontal"},"e40e":{"name":"Panorama Vertical"},"e40f":{"name":"Panorama Wide Angle"},"e7fa":{"name":"Party Mode"},"e034":{"name":"Pause"},"e035":{"name":"Pause Circle Filled"},"e036":{"name":"Pause Circle Outline"},"e8a1":{"name":"Payment"},"e7fb":{"name":"People"},"e7fc":{"name":"People Outline"},"e8a2":{"name":"Perm Camera Mic"},"e8a3":{"name":"Perm Contact Calendar"},"e8a4":{"name":"Perm Data Setting"},"e8a5":{"name":"Perm Device Information"},"e8a6":{"name":"Perm Identity"},"e8a7":{"name":"Perm Media"},"e8a8":{"name":"Perm Phone Msg"},"e8a9":{"name":"Perm Scan Wifi"},"e7fd":{"name":"Person"},"e7fe":{"name":"Person Add"},"e7ff":{"name":"Person Outline"},"e55a":{"name":"Person Pin"},"e63b":{"name":"Personal Video"},"e0cd":{"name":"Phone"},"e324":{"name":"Phone Android"},"e61b":{"name":"Phone Bluetooth Speaker"},"e61c":{"name":"Phone Forwarded"},"e61d":{"name":"Phone In Talk"},"e325":{"name":"Phone Iphone"},"e61e":{"name":"Phone Locked"},"e61f":{"name":"Phone Missed"},"e620":{"name":"Phone Paused"},"e326":{"name":"Phonelink"},"e0db":{"name":"Phonelink Erase"},"e0dc":{"name":"Phonelink Lock"},"e327":{"name":"Phonelink Off"},"e0dd":{"name":"Phonelink Ring"},"e0de":{"name":"Phonelink Setup"},"e410":{"name":"Photo"},"e411":{"name":"Photo Album"},"e412":{"name":"Photo Camera"},"e413":{"name":"Photo Library"},"e432":{"name":"Photo Size Select Actual"},"e433":{"name":"Photo Size Select Large"},"e434":{"name":"Photo Size Select Small"},"e415":{"name":"Picture As Pdf"},"e8aa":{"name":"Picture In Picture"},"e55e":{"name":"Pin Drop"},"e55f":{"name":"Place"},"e037":{"name":"Play Arrow"},"e038":{"name":"Play Circle Filled"},"e039":{"name":"Play Circle Outline"},"e906":{"name":"Play For Work"},"e03b":{"name":"Playlist Add"},"e800":{"name":"Plus One"},"e801":{"name":"Poll"},"e8ab":{"name":"Polymer"},"e0ce":{"name":"Portable Wifi Off"},"e416":{"name":"Portrait"},"e63c":{"name":"Power"},"e336":{"name":"Power Input"},"e8ac":{"name":"Power Settings New"},"e0df":{"name":"Present To All"},"e8ad":{"name":"Print"},"e80b":{"name":"Public"},"e255":{"name":"Publish"},"e8ae":{"name":"Query Builder"},"e8af":{"name":"Question Answer"},"e03c":{"name":"Queue"},"e03d":{"name":"Queue Music"},"e03e":{"name":"Radio"},"e837":{"name":"Radio Button Checked"},"e836":{"name":"Radio Button Unchecked"},"e560":{"name":"Rate Review"},"e8b0":{"name":"Receipt"},"e03f":{"name":"Recent Actors"},"e8b1":{"name":"Redeem"},"e15a":{"name":"Redo"},"e5d5":{"name":"Refresh"},"e15b":{"name":"Remove"},"e15c":{"name":"Remove Circle"},"e15d":{"name":"Remove Circle Outline"},"e417":{"name":"Remove Red Eye"},"e8fe":{"name":"Reorder"},"e040":{"name":"Repeat"},"e041":{"name":"Repeat One"},"e042":{"name":"Replay"},"e059":{"name":"Replay 10"},"e05a":{"name":"Replay 30"},"e05b":{"name":"Replay 5"},"e15e":{"name":"Reply"},"e15f":{"name":"Reply All"},"e160":{"name":"Report"},"e8b2":{"name":"Report Problem"},"e561":{"name":"Restaurant Menu"},"e8b3":{"name":"Restore"},"e0d1":{"name":"Ring Volume"},"e8b4":{"name":"Room"},"e418":{"name":"Rotate 90 Degrees Ccw"},"e419":{"name":"Rotate Left"},"e41a":{"name":"Rotate Right"},"e328":{"name":"Router"},"e562":{"name":"Satellite"},"e161":{"name":"Save"},"e329":{"name":"Scanner"},"e8b5":{"name":"Schedule"},"e80c":{"name":"School"},"e1be":{"name":"Screen Lock Landscape"},"e1bf":{"name":"Screen Lock Portrait"},"e1c0":{"name":"Screen Lock Rotation"},"e1c1":{"name":"Screen Rotation"},"e623":{"name":"Sd Card"},"e1c2":{"name":"Sd Storage"},"e8b6":{"name":"Search"},"e32a":{"name":"Security"},"e162":{"name":"Select All"},"e163":{"name":"Send"},"e8b8":{"name":"Settings"},"e8b9":{"name":"Settings Applications"},"e8ba":{"name":"Settings Backup Restore"},"e8bb":{"name":"Settings Bluetooth"},"e8bd":{"name":"Settings Brightness"},"e8bc":{"name":"Settings Cell"},"e8be":{"name":"Settings Ethernet"},"e8bf":{"name":"Settings Input Antenna"},"e8c0":{"name":"Settings Input Component"},"e8c1":{"name":"Settings Input Composite"},"e8c2":{"name":"Settings Input Hdmi"},"e8c3":{"name":"Settings Input Svideo"},"e8c4":{"name":"Settings Overscan"},"e8c5":{"name":"Settings Phone"},"e8c6":{"name":"Settings Power"},"e8c7":{"name":"Settings Remote"},"e1c3":{"name":"Settings System Daydream"},"e8c8":{"name":"Settings Voice"},"e80d":{"name":"Share"},"e8c9":{"name":"Shop"},"e8ca":{"name":"Shop Two"},"e8cb":{"name":"Shopping Basket"},"e8cc":{"name":"Shopping Cart"},"e043":{"name":"Shuffle"},"e1c8":{"name":"Signal Cellular 4 Bar"},"e1cd":{"name":"Signal Cellular Connected No Internet 4 Bar"},"e1ce":{"name":"Signal Cellular No Sim"},"e1cf":{"name":"Signal Cellular Null"},"e1d0":{"name":"Signal Cellular Off"},"e1d8":{"name":"Signal Wifi 4 Bar"},"e1d9":{"name":"Signal Wifi 4 Bar Lock"},"e1da":{"name":"Signal Wifi Off"},"e32b":{"name":"Sim Card"},"e624":{"name":"Sim Card Alert"},"e044":{"name":"Skip Next"},"e045":{"name":"Skip Previous"},"e41b":{"name":"Slideshow"},"e32c":{"name":"Smartphone"},"e625":{"name":"Sms"},"e626":{"name":"Sms Failed"},"e046":{"name":"Snooze"},"e164":{"name":"Sort"},"e053":{"name":"Sort By Alpha"},"e256":{"name":"Space Bar"},"e32d":{"name":"Speaker"},"e32e":{"name":"Speaker Group"},"e8cd":{"name":"Speaker Notes"},"e0d2":{"name":"Speaker Phone"},"e8ce":{"name":"Spellcheck"},"e838":{"name":"Star"},"e83a":{"name":"Star Border"},"e839":{"name":"Star Half"},"e8d0":{"name":"Stars"},"e0d3":{"name":"Stay Current Landscape"},"e0d4":{"name":"Stay Current Portrait"},"e0d5":{"name":"Stay Primary Landscape"},"e0d6":{"name":"Stay Primary Portrait"},"e047":{"name":"Stop"},"e1db":{"name":"Storage"},"e8d1":{"name":"Store"},"e563":{"name":"Store Mall Directory"},"e41c":{"name":"Straighten"},"e257":{"name":"Strikethrough S"},"e41d":{"name":"Style"},"e8d2":{"name":"Subject"},"e048":{"name":"Subtitles"},"e8d3":{"name":"Supervisor Account"},"e049":{"name":"Surround Sound"},"e0d7":{"name":"Swap Calls"},"e8d4":{"name":"Swap Horiz"},"e8d5":{"name":"Swap Vert"},"e8d6":{"name":"Swap Vertical Circle"},"e41e":{"name":"Switch Camera"},"e41f":{"name":"Switch Video"},"e627":{"name":"Sync"},"e628":{"name":"Sync Disabled"},"e629":{"name":"Sync Problem"},"e62a":{"name":"System Update"},"e8d7":{"name":"System Update Alt"},"e8d8":{"name":"Tab"},"e8d9":{"name":"Tab Unselected"},"e32f":{"name":"Tablet"},"e330":{"name":"Tablet Android"},"e331":{"name":"Tablet Mac"},"e420":{"name":"Tag Faces"},"e62b":{"name":"Tap And Play"},"e564":{"name":"Terrain"},"e165":{"name":"Text Format"},"e0d8":{"name":"Textsms"},"e421":{"name":"Texture"},"e8da":{"name":"Theaters"},"e8db":{"name":"Thumb Down"},"e8dc":{"name":"Thumb Up"},"e8dd":{"name":"Thumbs Up Down"},"e62c":{"name":"Time To Leave"},"e422":{"name":"Timelapse"},"e425":{"name":"Timer"},"e423":{"name":"Timer 10"},"e424":{"name":"Timer 3"},"e426":{"name":"Timer Off"},"e8de":{"name":"Toc"},"e8df":{"name":"Today"},"e8e0":{"name":"Toll"},"e427":{"name":"Tonality"},"e332":{"name":"Toys"},"e8e1":{"name":"Track Changes"},"e565":{"name":"Traffic"},"e428":{"name":"Transform"},"e8e2":{"name":"Translate"},"e8e3":{"name":"Trending Down"},"e8e4":{"name":"Trending Flat"},"e8e5":{"name":"Trending Up"},"e429":{"name":"Tune"},"e8e6":{"name":"Turned In"},"e8e7":{"name":"Turned In Not"},"e333":{"name":"Tv"},"e166":{"name":"Undo"},"e5d6":{"name":"Unfold Less"},"e5d7":{"name":"Unfold More"},"e1e0":{"name":"Usb"},"e8e8":{"name":"Verified User"},"e258":{"name":"Vertical Align Bottom"},"e259":{"name":"Vertical Align Center"},"e25a":{"name":"Vertical Align Top"},"e62d":{"name":"Vibration"},"e04a":{"name":"Video Library"},"e04b":{"name":"Videocam"},"e04c":{"name":"Videocam Off"},"e8e9":{"name":"View Agenda"},"e8ea":{"name":"View Array"},"e8eb":{"name":"View Carousel"},"e8ec":{"name":"View Column"},"e42a":{"name":"View Comfy"},"e42b":{"name":"View Compact"},"e8ed":{"name":"View Day"},"e8ee":{"name":"View Headline"},"e8ef":{"name":"View List"},"e8f0":{"name":"View Module"},"e8f1":{"name":"View Quilt"},"e8f2":{"name":"View Stream"},"e8f3":{"name":"View Week"},"e435":{"name":"Vignette"},"e8f4":{"name":"Visibility"},"e8f5":{"name":"Visibility Off"},"e62e":{"name":"Voice Chat"},"e0d9":{"name":"Voicemail"},"e04d":{"name":"Volume Down"},"e04e":{"name":"Volume Mute"},"e04f":{"name":"Volume Off"},"e050":{"name":"Volume Up"},"e0da":{"name":"Vpn Key"},"e62f":{"name":"Vpn Lock"},"e1bc":{"name":"Wallpaper"},"e002":{"name":"Warning"},"e334":{"name":"Watch"},"e42c":{"name":"Wb Auto"},"e42d":{"name":"Wb Cloudy"},"e42e":{"name":"Wb Incandescent"},"e436":{"name":"Wb Iridescent"},"e430":{"name":"Wb Sunny"},"e63d":{"name":"Wc"},"e051":{"name":"Web"},"e80e":{"name":"Whatshot"},"e1bd":{"name":"Widgets"},"e63e":{"name":"Wifi"},"e1e1":{"name":"Wifi Lock"},"e1e2":{"name":"Wifi Tethering"},"e8f9":{"name":"Work"},"e25b":{"name":"Wrap Text"},"e8fa":{"name":"Youtube Searched For"},"e8ff":{"name":"Zoom In"},"e900":{"name":"Zoom Out"}}} \ No newline at end of file diff --git a/firstspot/fonts/MaterialIcons-Regular.ttf b/firstspot/fonts/MaterialIcons-Regular.ttf new file mode 100644 index 00000000..0768c78c Binary files /dev/null and b/firstspot/fonts/MaterialIcons-Regular.ttf differ diff --git a/firstspot/fonts/MaterialIcons-Regular.woff b/firstspot/fonts/MaterialIcons-Regular.woff new file mode 100644 index 00000000..3a08d45e Binary files /dev/null and b/firstspot/fonts/MaterialIcons-Regular.woff differ diff --git a/firstspot/fonts/MaterialIcons-Regular.woff2 b/firstspot/fonts/MaterialIcons-Regular.woff2 new file mode 100644 index 00000000..b1ffe8cf Binary files /dev/null and b/firstspot/fonts/MaterialIcons-Regular.woff2 differ diff --git a/firstspot/fonts/fl-bigmug-line.eot b/firstspot/fonts/fl-bigmug-line.eot new file mode 100644 index 00000000..7781397e Binary files /dev/null and b/firstspot/fonts/fl-bigmug-line.eot differ diff --git a/firstspot/fonts/fl-bigmug-line.svg b/firstspot/fonts/fl-bigmug-line.svg new file mode 100644 index 00000000..9a9e9419 --- /dev/null +++ b/firstspot/fonts/fl-bigmug-line.svg @@ -0,0 +1,3 @@ + + + diff --git a/firstspot/fonts/fl-bigmug-line.ttf b/firstspot/fonts/fl-bigmug-line.ttf new file mode 100644 index 00000000..26678a56 Binary files /dev/null and b/firstspot/fonts/fl-bigmug-line.ttf differ diff --git a/firstspot/fonts/fl-bigmug-line.woff b/firstspot/fonts/fl-bigmug-line.woff new file mode 100644 index 00000000..3b5f0a47 Binary files /dev/null and b/firstspot/fonts/fl-bigmug-line.woff differ diff --git a/firstspot/fonts/fontawesome-webfont.eot b/firstspot/fonts/fontawesome-webfont.eot new file mode 100644 index 00000000..e9f60ca9 Binary files /dev/null and b/firstspot/fonts/fontawesome-webfont.eot differ diff --git a/firstspot/fonts/fontawesome-webfont.svg b/firstspot/fonts/fontawesome-webfont.svg new file mode 100644 index 00000000..855c845e --- /dev/null +++ b/firstspot/fonts/fontawesome-webfont.svg @@ -0,0 +1,2671 @@ + + + + +Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016 + By ,,, +Copyright Dave Gandy 2016. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/firstspot/fonts/fontawesome-webfont.ttf b/firstspot/fonts/fontawesome-webfont.ttf new file mode 100644 index 00000000..35acda2f Binary files /dev/null and b/firstspot/fonts/fontawesome-webfont.ttf differ diff --git a/firstspot/fonts/fontawesome-webfont.woff b/firstspot/fonts/fontawesome-webfont.woff new file mode 100644 index 00000000..400014a4 Binary files /dev/null and b/firstspot/fonts/fontawesome-webfont.woff differ diff --git a/firstspot/fonts/fontawesome-webfont.woff2 b/firstspot/fonts/fontawesome-webfont.woff2 new file mode 100644 index 00000000..4d13fc60 Binary files /dev/null and b/firstspot/fonts/fontawesome-webfont.woff2 differ diff --git a/firstspot/fonts/lg.eot b/firstspot/fonts/lg.eot new file mode 100644 index 00000000..51264c4f Binary files /dev/null and b/firstspot/fonts/lg.eot differ diff --git a/firstspot/fonts/lg.svg b/firstspot/fonts/lg.svg new file mode 100644 index 00000000..22b1a1ff --- /dev/null +++ b/firstspot/fonts/lg.svg @@ -0,0 +1,47 @@ + + + + + + +{ + "fontFamily": "lg", + "majorVersion": 1, + "minorVersion": 0, + "fontURL": "https://github.com/sachinchoolur/lightGallery", + "copyright": "sachin", + "license": "MLT", + "licenseURL": "http://opensource.org/licenses/MIT", + "version": "Version 1.0", + "fontId": "lg", + "psName": "lg", + "subFamily": "Regular", + "fullName": "lg", + "description": "Font generated by IcoMoon." +} + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/firstspot/fonts/lg.ttf b/firstspot/fonts/lg.ttf new file mode 100644 index 00000000..8ad81996 Binary files /dev/null and b/firstspot/fonts/lg.ttf differ diff --git a/firstspot/fonts/lg.woff b/firstspot/fonts/lg.woff new file mode 100644 index 00000000..d98ff605 Binary files /dev/null and b/firstspot/fonts/lg.woff differ diff --git a/firstspot/fonts/materialdesignicons-webfont.eot b/firstspot/fonts/materialdesignicons-webfont.eot new file mode 100644 index 00000000..15fa0774 Binary files /dev/null and b/firstspot/fonts/materialdesignicons-webfont.eot differ diff --git a/firstspot/fonts/materialdesignicons-webfont.svg b/firstspot/fonts/materialdesignicons-webfont.svg new file mode 100644 index 00000000..2d9f0bad --- /dev/null +++ b/firstspot/fonts/materialdesignicons-webfont.svg @@ -0,0 +1,4383 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/firstspot/fonts/materialdesignicons-webfont.ttf b/firstspot/fonts/materialdesignicons-webfont.ttf new file mode 100644 index 00000000..1fc39318 Binary files /dev/null and b/firstspot/fonts/materialdesignicons-webfont.ttf differ diff --git a/firstspot/fonts/materialdesignicons-webfont.woff b/firstspot/fonts/materialdesignicons-webfont.woff new file mode 100644 index 00000000..554be394 Binary files /dev/null and b/firstspot/fonts/materialdesignicons-webfont.woff differ diff --git a/firstspot/fonts/materialdesignicons-webfont.woff2 b/firstspot/fonts/materialdesignicons-webfont.woff2 new file mode 100644 index 00000000..b2246e90 Binary files /dev/null and b/firstspot/fonts/materialdesignicons-webfont.woff2 differ diff --git a/firstspot/home.js b/firstspot/home.js new file mode 100644 index 00000000..150e22f5 --- /dev/null +++ b/firstspot/home.js @@ -0,0 +1,52 @@ +// Reference +const userlink = document.getElementById('user'); +const signoutlink = document.getElementById('signOut'); +const header = document.getElementById('hh'); +let currentUser = null; + +// Functions +function getUsername() { + currentUser = sessionStorage.getItem("user"); + return currentUser; +} + +function signOut() { + sessionStorage.removeItem("user"); + localStorage.removeItem("user"); + localStorage.removeItem("keepLoggedIn"); + window.location = "index.html"; +} + +// Window +window.onload = function() { + getUsername(); + + if (currentUser === null) { + userlink.innerText = "Create Account"; + userlink.classList.replace("rd-nav-link", "btn"); + userlink.classList.add("btn-primary"); + userlink.href = "../LoginOverView/index.html"; + + signoutlink.hidden = true; + signoutlink.innerText = "Login"; + signoutlink.classList.replace("rd-nav-link", "btn"); + signoutlink.classList.add("btn-success"); + signoutlink.href = "./pages/LoginOverView/index.html"; + } else { + userlink.innerText = currentUser; + header.innerText = "Sign In successfully"; + userlink.classList.replace("btn", "rd-nav-link"); + userlink.classList.add("btn-primary"); + userlink.href = "../loginOverview/index.html"; + + signoutlink.hidden = false; + signoutlink.innerText = "Sign Out"; + signoutlink.classList.replace("btn", "rd-nav-link"); + signoutlink.classList.add("btn-success"); + + // Check if signoutlink exists before adding event listener + if (signoutlink) { + signoutlink.addEventListener("click", signOut); + } + } +}; \ No newline at end of file diff --git a/firstspot/images/2122264.jpg b/firstspot/images/2122264.jpg new file mode 100644 index 00000000..676c663c Binary files /dev/null and b/firstspot/images/2122264.jpg differ diff --git a/firstspot/images/359648.jpg b/firstspot/images/359648.jpg new file mode 100644 index 00000000..e076d98c Binary files /dev/null and b/firstspot/images/359648.jpg differ diff --git a/firstspot/images/994b2761c13234efcb01851a58b024b7.jpg b/firstspot/images/994b2761c13234efcb01851a58b024b7.jpg new file mode 100644 index 00000000..6d617b51 Binary files /dev/null and b/firstspot/images/994b2761c13234efcb01851a58b024b7.jpg differ diff --git a/firstspot/images/Mauritius-Under-water-waterfall.jpg b/firstspot/images/Mauritius-Under-water-waterfall.jpg new file mode 100644 index 00000000..8ed23251 Binary files /dev/null and b/firstspot/images/Mauritius-Under-water-waterfall.jpg differ diff --git a/firstspot/images/Tourist-Attractions-in-Australia.webp b/firstspot/images/Tourist-Attractions-in-Australia.webp new file mode 100644 index 00000000..3496f9c6 Binary files /dev/null and b/firstspot/images/Tourist-Attractions-in-Australia.webp differ diff --git a/firstspot/images/_blank.png b/firstspot/images/_blank.png new file mode 100644 index 00000000..d4814fb7 Binary files /dev/null and b/firstspot/images/_blank.png differ diff --git a/firstspot/images/about-1-519x564.jpg b/firstspot/images/about-1-519x564.jpg new file mode 100644 index 00000000..8e7a9cd8 Binary files /dev/null and b/firstspot/images/about-1-519x564.jpg differ diff --git a/firstspot/images/ajax-loader.gif b/firstspot/images/ajax-loader.gif new file mode 100644 index 00000000..c122391f Binary files /dev/null and b/firstspot/images/ajax-loader.gif differ diff --git a/firstspot/images/ballon-wallpaper.jpg b/firstspot/images/ballon-wallpaper.jpg new file mode 100644 index 00000000..6d617b51 Binary files /dev/null and b/firstspot/images/ballon-wallpaper.jpg differ diff --git a/firstspot/images/beach-1.jpg b/firstspot/images/beach-1.jpg new file mode 100644 index 00000000..cf3b66b3 Binary files /dev/null and b/firstspot/images/beach-1.jpg differ diff --git a/firstspot/images/benimdorm.jpg b/firstspot/images/benimdorm.jpg new file mode 100644 index 00000000..d14f871a Binary files /dev/null and b/firstspot/images/benimdorm.jpg differ diff --git a/firstspot/images/bg-counter-2.jpg b/firstspot/images/bg-counter-2.jpg new file mode 100644 index 00000000..c67fa277 Binary files /dev/null and b/firstspot/images/bg-counter-2.jpg differ diff --git a/firstspot/images/bg-login.jpg b/firstspot/images/bg-login.jpg new file mode 100644 index 00000000..9ccb6ea9 Binary files /dev/null and b/firstspot/images/bg-login.jpg differ diff --git a/firstspot/images/bg-pattern-boxed.png b/firstspot/images/bg-pattern-boxed.png new file mode 100644 index 00000000..3a604634 Binary files /dev/null and b/firstspot/images/bg-pattern-boxed.png differ diff --git a/firstspot/images/breadcrumbs-bg.jpg b/firstspot/images/breadcrumbs-bg.jpg new file mode 100644 index 00000000..ac142eb1 Binary files /dev/null and b/firstspot/images/breadcrumbs-bg.jpg differ diff --git a/firstspot/images/cta-1-368x420.jpg b/firstspot/images/cta-1-368x420.jpg new file mode 100644 index 00000000..fb1c7432 Binary files /dev/null and b/firstspot/images/cta-1-368x420.jpg differ diff --git a/firstspot/images/cta-2-368x420.jpg b/firstspot/images/cta-2-368x420.jpg new file mode 100644 index 00000000..fb1c7432 Binary files /dev/null and b/firstspot/images/cta-2-368x420.jpg differ diff --git a/firstspot/images/cta-3-368x420.jpg b/firstspot/images/cta-3-368x420.jpg new file mode 100644 index 00000000..fb1c7432 Binary files /dev/null and b/firstspot/images/cta-3-368x420.jpg differ diff --git a/firstspot/images/disneyland.jpg b/firstspot/images/disneyland.jpg new file mode 100644 index 00000000..557f2d07 Binary files /dev/null and b/firstspot/images/disneyland.jpg differ diff --git a/firstspot/images/dubai.jpg b/firstspot/images/dubai.jpg new file mode 100644 index 00000000..cec4e002 Binary files /dev/null and b/firstspot/images/dubai.jpg differ diff --git a/firstspot/images/earth.jpg b/firstspot/images/earth.jpg new file mode 100644 index 00000000..1e66619d Binary files /dev/null and b/firstspot/images/earth.jpg differ diff --git a/firstspot/images/favicon.ico b/firstspot/images/favicon.ico new file mode 100644 index 00000000..fe247945 Binary files /dev/null and b/firstspot/images/favicon.ico differ diff --git a/firstspot/images/gallery-image-1-1200x800-original.jpg b/firstspot/images/gallery-image-1-1200x800-original.jpg new file mode 100644 index 00000000..209541f4 Binary files /dev/null and b/firstspot/images/gallery-image-1-1200x800-original.jpg differ diff --git a/firstspot/images/gallery-image-1-270x195.jpg b/firstspot/images/gallery-image-1-270x195.jpg new file mode 100644 index 00000000..0985df8a Binary files /dev/null and b/firstspot/images/gallery-image-1-270x195.jpg differ diff --git a/firstspot/images/gallery-image-11-1200x800-original.jpg b/firstspot/images/gallery-image-11-1200x800-original.jpg new file mode 100644 index 00000000..209541f4 Binary files /dev/null and b/firstspot/images/gallery-image-11-1200x800-original.jpg differ diff --git a/firstspot/images/gallery-image-11-420x308.jpg b/firstspot/images/gallery-image-11-420x308.jpg new file mode 100644 index 00000000..365214db Binary files /dev/null and b/firstspot/images/gallery-image-11-420x308.jpg differ diff --git a/firstspot/images/gallery-image-12-1200x800-original.jpg b/firstspot/images/gallery-image-12-1200x800-original.jpg new file mode 100644 index 00000000..209541f4 Binary files /dev/null and b/firstspot/images/gallery-image-12-1200x800-original.jpg differ diff --git a/firstspot/images/gallery-image-12-420x308.jpg b/firstspot/images/gallery-image-12-420x308.jpg new file mode 100644 index 00000000..365214db Binary files /dev/null and b/firstspot/images/gallery-image-12-420x308.jpg differ diff --git a/firstspot/images/gallery-image-13-1200x800-original.jpg b/firstspot/images/gallery-image-13-1200x800-original.jpg new file mode 100644 index 00000000..209541f4 Binary files /dev/null and b/firstspot/images/gallery-image-13-1200x800-original.jpg differ diff --git a/firstspot/images/gallery-image-13-420x308.jpg b/firstspot/images/gallery-image-13-420x308.jpg new file mode 100644 index 00000000..365214db Binary files /dev/null and b/firstspot/images/gallery-image-13-420x308.jpg differ diff --git a/firstspot/images/gallery-image-14-1200x800-original.jpg b/firstspot/images/gallery-image-14-1200x800-original.jpg new file mode 100644 index 00000000..209541f4 Binary files /dev/null and b/firstspot/images/gallery-image-14-1200x800-original.jpg differ diff --git a/firstspot/images/gallery-image-14-420x308.jpg b/firstspot/images/gallery-image-14-420x308.jpg new file mode 100644 index 00000000..365214db Binary files /dev/null and b/firstspot/images/gallery-image-14-420x308.jpg differ diff --git a/firstspot/images/gallery-image-15-1200x800-original.jpg b/firstspot/images/gallery-image-15-1200x800-original.jpg new file mode 100644 index 00000000..209541f4 Binary files /dev/null and b/firstspot/images/gallery-image-15-1200x800-original.jpg differ diff --git a/firstspot/images/gallery-image-15-420x308.jpg b/firstspot/images/gallery-image-15-420x308.jpg new file mode 100644 index 00000000..365214db Binary files /dev/null and b/firstspot/images/gallery-image-15-420x308.jpg differ diff --git a/firstspot/images/gallery-image-16-1200x800-original.jpg b/firstspot/images/gallery-image-16-1200x800-original.jpg new file mode 100644 index 00000000..209541f4 Binary files /dev/null and b/firstspot/images/gallery-image-16-1200x800-original.jpg differ diff --git a/firstspot/images/gallery-image-16-420x308.jpg b/firstspot/images/gallery-image-16-420x308.jpg new file mode 100644 index 00000000..365214db Binary files /dev/null and b/firstspot/images/gallery-image-16-420x308.jpg differ diff --git a/firstspot/images/gallery-image-2-1200x800-original.jpg b/firstspot/images/gallery-image-2-1200x800-original.jpg new file mode 100644 index 00000000..209541f4 Binary files /dev/null and b/firstspot/images/gallery-image-2-1200x800-original.jpg differ diff --git a/firstspot/images/gallery-image-2-270x195.jpg b/firstspot/images/gallery-image-2-270x195.jpg new file mode 100644 index 00000000..0985df8a Binary files /dev/null and b/firstspot/images/gallery-image-2-270x195.jpg differ diff --git a/firstspot/images/gallery-image-3-1200x800-original.jpg b/firstspot/images/gallery-image-3-1200x800-original.jpg new file mode 100644 index 00000000..209541f4 Binary files /dev/null and b/firstspot/images/gallery-image-3-1200x800-original.jpg differ diff --git a/firstspot/images/gallery-image-3-270x195.jpg b/firstspot/images/gallery-image-3-270x195.jpg new file mode 100644 index 00000000..0985df8a Binary files /dev/null and b/firstspot/images/gallery-image-3-270x195.jpg differ diff --git a/firstspot/images/gallery-image-3-330x240.jpg b/firstspot/images/gallery-image-3-330x240.jpg new file mode 100644 index 00000000..63ec398f Binary files /dev/null and b/firstspot/images/gallery-image-3-330x240.jpg differ diff --git a/firstspot/images/gallery-image-4-1200x800-original.jpg b/firstspot/images/gallery-image-4-1200x800-original.jpg new file mode 100644 index 00000000..209541f4 Binary files /dev/null and b/firstspot/images/gallery-image-4-1200x800-original.jpg differ diff --git a/firstspot/images/gallery-image-4-270x195.jpg b/firstspot/images/gallery-image-4-270x195.jpg new file mode 100644 index 00000000..0985df8a Binary files /dev/null and b/firstspot/images/gallery-image-4-270x195.jpg differ diff --git a/firstspot/images/gallery-image-5-1200x800-original.jpg b/firstspot/images/gallery-image-5-1200x800-original.jpg new file mode 100644 index 00000000..209541f4 Binary files /dev/null and b/firstspot/images/gallery-image-5-1200x800-original.jpg differ diff --git a/firstspot/images/gallery-image-5-270x195.jpg b/firstspot/images/gallery-image-5-270x195.jpg new file mode 100644 index 00000000..0985df8a Binary files /dev/null and b/firstspot/images/gallery-image-5-270x195.jpg differ diff --git a/firstspot/images/gallery-image-6-1200x800-original.jpg b/firstspot/images/gallery-image-6-1200x800-original.jpg new file mode 100644 index 00000000..209541f4 Binary files /dev/null and b/firstspot/images/gallery-image-6-1200x800-original.jpg differ diff --git a/firstspot/images/gallery-image-6-270x195.jpg b/firstspot/images/gallery-image-6-270x195.jpg new file mode 100644 index 00000000..0985df8a Binary files /dev/null and b/firstspot/images/gallery-image-6-270x195.jpg differ diff --git a/firstspot/images/gallery-image-7-1200x800-original.jpg b/firstspot/images/gallery-image-7-1200x800-original.jpg new file mode 100644 index 00000000..209541f4 Binary files /dev/null and b/firstspot/images/gallery-image-7-1200x800-original.jpg differ diff --git a/firstspot/images/gallery-image-7-270x195.jpg b/firstspot/images/gallery-image-7-270x195.jpg new file mode 100644 index 00000000..0985df8a Binary files /dev/null and b/firstspot/images/gallery-image-7-270x195.jpg differ diff --git a/firstspot/images/gmap_marker.png b/firstspot/images/gmap_marker.png new file mode 100644 index 00000000..dc8aa2e4 Binary files /dev/null and b/firstspot/images/gmap_marker.png differ diff --git a/firstspot/images/gmap_marker_active.png b/firstspot/images/gmap_marker_active.png new file mode 100644 index 00000000..54cc6782 Binary files /dev/null and b/firstspot/images/gmap_marker_active.png differ diff --git a/firstspot/images/home-icon.png b/firstspot/images/home-icon.png new file mode 100644 index 00000000..a14692f9 Binary files /dev/null and b/firstspot/images/home-icon.png differ diff --git a/firstspot/images/ie8-panel/DSC01015.jpg b/firstspot/images/ie8-panel/DSC01015.jpg new file mode 100644 index 00000000..513f9458 Binary files /dev/null and b/firstspot/images/ie8-panel/DSC01015.jpg differ diff --git a/firstspot/images/ie8-panel/DSC01652.jpg b/firstspot/images/ie8-panel/DSC01652.jpg new file mode 100644 index 00000000..80fd2436 Binary files /dev/null and b/firstspot/images/ie8-panel/DSC01652.jpg differ diff --git a/firstspot/images/ie8-panel/IMG_1317.jpg b/firstspot/images/ie8-panel/IMG_1317.jpg new file mode 100644 index 00000000..8348f81d Binary files /dev/null and b/firstspot/images/ie8-panel/IMG_1317.jpg differ diff --git a/firstspot/images/ie8-panel/IMG_1711.jpg b/firstspot/images/ie8-panel/IMG_1711.jpg new file mode 100644 index 00000000..b9ef3ae1 Binary files /dev/null and b/firstspot/images/ie8-panel/IMG_1711.jpg differ diff --git a/firstspot/images/ie8-panel/IMG_2022.jpg b/firstspot/images/ie8-panel/IMG_2022.jpg new file mode 100644 index 00000000..2f2772ad Binary files /dev/null and b/firstspot/images/ie8-panel/IMG_2022.jpg differ diff --git a/firstspot/images/ie8-panel/warning_bar_0000_us.jpg b/firstspot/images/ie8-panel/warning_bar_0000_us.jpg new file mode 100644 index 00000000..f24dff24 Binary files /dev/null and b/firstspot/images/ie8-panel/warning_bar_0000_us.jpg differ diff --git a/firstspot/images/index-3-556x382.jpg b/firstspot/images/index-3-556x382.jpg new file mode 100644 index 00000000..82a9a756 Binary files /dev/null and b/firstspot/images/index-3-556x382.jpg differ diff --git a/firstspot/images/india taj mahal.jpg b/firstspot/images/india taj mahal.jpg new file mode 100644 index 00000000..e3d5f78e Binary files /dev/null and b/firstspot/images/india taj mahal.jpg differ diff --git a/firstspot/images/intense_02.jpg b/firstspot/images/intense_02.jpg new file mode 100644 index 00000000..e3e3f0e8 Binary files /dev/null and b/firstspot/images/intense_02.jpg differ diff --git a/firstspot/images/intense_big_02.jpg b/firstspot/images/intense_big_02.jpg new file mode 100644 index 00000000..0618a78a Binary files /dev/null and b/firstspot/images/intense_big_02.jpg differ diff --git a/firstspot/images/italy-517522957.jpg b/firstspot/images/italy-517522957.jpg new file mode 100644 index 00000000..39e6f097 Binary files /dev/null and b/firstspot/images/italy-517522957.jpg differ diff --git a/firstspot/images/jayeshUserPic b/firstspot/images/jayeshUserPic new file mode 100644 index 00000000..f75eb54a Binary files /dev/null and b/firstspot/images/jayeshUserPic differ diff --git a/firstspot/images/loading.gif b/firstspot/images/loading.gif new file mode 100644 index 00000000..bbc3e713 Binary files /dev/null and b/firstspot/images/loading.gif differ diff --git a/firstspot/images/logo-default-450x37.png b/firstspot/images/logo-default-450x37.png new file mode 100644 index 00000000..2f9569dd Binary files /dev/null and b/firstspot/images/logo-default-450x37.png differ diff --git a/firstspot/images/london.jpg b/firstspot/images/london.jpg new file mode 100644 index 00000000..430987d8 Binary files /dev/null and b/firstspot/images/london.jpg differ diff --git a/firstspot/images/lotus.jpg b/firstspot/images/lotus.jpg new file mode 100644 index 00000000..1c4d6fb8 Binary files /dev/null and b/firstspot/images/lotus.jpg differ diff --git a/firstspot/images/mountains-wallpaper-240-x-320.jpg b/firstspot/images/mountains-wallpaper-240-x-320.jpg new file mode 100644 index 00000000..ff41539c Binary files /dev/null and b/firstspot/images/mountains-wallpaper-240-x-320.jpg differ diff --git a/firstspot/images/parallax-1-1920x850.jpg b/firstspot/images/parallax-1-1920x850.jpg new file mode 100644 index 00000000..6354305b Binary files /dev/null and b/firstspot/images/parallax-1-1920x850.jpg differ diff --git a/firstspot/images/paris tower.jpg b/firstspot/images/paris tower.jpg new file mode 100644 index 00000000..9ec1cc4a Binary files /dev/null and b/firstspot/images/paris tower.jpg differ diff --git a/firstspot/images/preloader.gif b/firstspot/images/preloader.gif new file mode 100644 index 00000000..03c09e14 Binary files /dev/null and b/firstspot/images/preloader.gif differ diff --git a/firstspot/images/preloader.png b/firstspot/images/preloader.png new file mode 100644 index 00000000..79ef86e0 Binary files /dev/null and b/firstspot/images/preloader.png differ diff --git a/firstspot/images/product-big-1-600x366.jpg b/firstspot/images/product-big-1-600x366.jpg new file mode 100644 index 00000000..1fc47399 Binary files /dev/null and b/firstspot/images/product-big-1-600x366.jpg differ diff --git a/firstspot/images/product-big-2-600x366.jpg b/firstspot/images/product-big-2-600x366.jpg new file mode 100644 index 00000000..1fc47399 Binary files /dev/null and b/firstspot/images/product-big-2-600x366.jpg differ diff --git a/firstspot/images/r0iSDF.jpg b/firstspot/images/r0iSDF.jpg new file mode 100644 index 00000000..8a372867 Binary files /dev/null and b/firstspot/images/r0iSDF.jpg differ diff --git a/firstspot/images/ranjanUserPic b/firstspot/images/ranjanUserPic new file mode 100644 index 00000000..6ac2ba41 Binary files /dev/null and b/firstspot/images/ranjanUserPic differ diff --git a/firstspot/images/rio.jpg b/firstspot/images/rio.jpg new file mode 100644 index 00000000..43a7e0bc Binary files /dev/null and b/firstspot/images/rio.jpg differ diff --git a/firstspot/images/rockyPlace.jpg b/firstspot/images/rockyPlace.jpg new file mode 100644 index 00000000..bace88e4 Binary files /dev/null and b/firstspot/images/rockyPlace.jpg differ diff --git a/firstspot/images/rome.jpg b/firstspot/images/rome.jpg new file mode 100644 index 00000000..178f97c2 Binary files /dev/null and b/firstspot/images/rome.jpg differ diff --git a/firstspot/images/signup-bg2.jpeg b/firstspot/images/signup-bg2.jpeg new file mode 100644 index 00000000..09d9611b Binary files /dev/null and b/firstspot/images/signup-bg2.jpeg differ diff --git a/firstspot/images/slider-4-slide-1-1920x678.jpg b/firstspot/images/slider-4-slide-1-1920x678.jpg new file mode 100644 index 00000000..ae174293 Binary files /dev/null and b/firstspot/images/slider-4-slide-1-1920x678.jpg differ diff --git a/firstspot/images/slider-4-slide-2-1920x678.jpg b/firstspot/images/slider-4-slide-2-1920x678.jpg new file mode 100644 index 00000000..ae174293 Binary files /dev/null and b/firstspot/images/slider-4-slide-2-1920x678.jpg differ diff --git a/firstspot/images/slider-4-slide-3-1920x678.jpg b/firstspot/images/slider-4-slide-3-1920x678.jpg new file mode 100644 index 00000000..ae174293 Binary files /dev/null and b/firstspot/images/slider-4-slide-3-1920x678.jpg differ diff --git a/firstspot/images/spain-1793466.jpg b/firstspot/images/spain-1793466.jpg new file mode 100644 index 00000000..6bc18962 Binary files /dev/null and b/firstspot/images/spain-1793466.jpg differ diff --git a/firstspot/images/summer-beach-boat-wallpaper-003.jpg b/firstspot/images/summer-beach-boat-wallpaper-003.jpg new file mode 100644 index 00000000..48706472 Binary files /dev/null and b/firstspot/images/summer-beach-boat-wallpaper-003.jpg differ diff --git a/firstspot/images/user-1-118x118.jpg b/firstspot/images/user-1-118x118.jpg new file mode 100644 index 00000000..cfd337bc Binary files /dev/null and b/firstspot/images/user-1-118x118.jpg differ diff --git a/firstspot/images/user-16-100x100.jpg b/firstspot/images/user-16-100x100.jpg new file mode 100644 index 00000000..a10805e7 Binary files /dev/null and b/firstspot/images/user-16-100x100.jpg differ diff --git a/firstspot/images/user-17-100x100.jpg b/firstspot/images/user-17-100x100.jpg new file mode 100644 index 00000000..a10805e7 Binary files /dev/null and b/firstspot/images/user-17-100x100.jpg differ diff --git a/firstspot/images/user-18-100x100.jpg b/firstspot/images/user-18-100x100.jpg new file mode 100644 index 00000000..a10805e7 Binary files /dev/null and b/firstspot/images/user-18-100x100.jpg differ diff --git a/firstspot/images/user-2-118x118.jpg b/firstspot/images/user-2-118x118.jpg new file mode 100644 index 00000000..cfd337bc Binary files /dev/null and b/firstspot/images/user-2-118x118.jpg differ diff --git a/firstspot/images/user-3-118x118.jpg b/firstspot/images/user-3-118x118.jpg new file mode 100644 index 00000000..cfd337bc Binary files /dev/null and b/firstspot/images/user-3-118x118.jpg differ diff --git a/firstspot/images/user-4-118x118.jpg b/firstspot/images/user-4-118x118.jpg new file mode 100644 index 00000000..cfd337bc Binary files /dev/null and b/firstspot/images/user-4-118x118.jpg differ diff --git a/firstspot/images/video-play.png b/firstspot/images/video-play.png new file mode 100644 index 00000000..9218a125 Binary files /dev/null and b/firstspot/images/video-play.png differ diff --git a/firstspot/images/vimeo-play.png b/firstspot/images/vimeo-play.png new file mode 100644 index 00000000..decbfab7 Binary files /dev/null and b/firstspot/images/vimeo-play.png differ diff --git a/firstspot/images/youtube-play.png b/firstspot/images/youtube-play.png new file mode 100644 index 00000000..c784fbda Binary files /dev/null and b/firstspot/images/youtube-play.png differ diff --git a/firstspot/index.html b/firstspot/index.html new file mode 100644 index 00000000..16087c6c --- /dev/null +++ b/firstspot/index.html @@ -0,0 +1,858 @@ + + + + + FirstSpot - Your Dream Tours Await! + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today. +
+
+
+
+
+
+

Loading...

+
+
+
+ + + +
+
+ +
+
+
+
+
+
+
+
+ Enjoy the Best Destinations with Our Travel Agency +
+

+ Explore The World +

+ + + + +
+
+
+
+
+
+
+
+
+
+
+ A team of professional Travel Experts +
+

+ Trust Our Experience +

+ + + + +
+
+
+
+
+
+
+
+
+
+
+ Build your Next Holiday Trip with Us +
+

+ Create Your Tour +

+ + + +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
    +
  • + +
    Balloon Flights
    +
  • +
+
+
+
    +
  • + +
    Mountain Holiday
    +
  • +
+
+
+
    +
  • + +
    Beach Holidays
    +
  • +
+
+
+
+
+ Other Tours + +
+
+ +
+
+
+
+ +
+
+
+

Discover New Horizons

+ +
+ + + +
+
+

+ Welcome to FirstSpot, your premier travel companion dedicated to crafting unforgettable journeys. At FirstSpot, we are driven by the passion for transforming each travel experience into a seamless blend of discovery and joy. Our commitment lies in being your comprehensive travel planning hub, offering a range of services that cater to every facet of your travel needs. +

+ +
+
+

+ Choose FirstSpot for an unparalleled travel experience. Our innovative matching system ensures personalized tours tailored to your preferences. With a diverse selection of handpicked destinations, highly qualified tour managers, and 24/7 support, we guarantee a seamless and enjoyable journey. Enjoy premium accommodations and our commitment to the best price, promising value for your adventure. Trust FirstSpot as your go-to travel companion for a memorable and stress-free exploration of the world. +

+ +
+
+

+ At FirstSpot, our mission is to be your premier travel facilitator, providing you with curated journeys that align seamlessly with your desires. From meticulously handpicked destinations to expertly crafted itineraries, we're dedicated to delivering more than just a service; we're your gateway to hassle-free, tailored adventures. FirstSpot is committed to providing a comprehensive suite of travel solutions, making every trip a fulfilling and enjoyable exploration. Join us as we pave the way for unforgettable travel experiences tailored to your needs. +

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

Our Services

+
+
+
+
+
+
+
+
+
+ Personalized Matching +
+

+ Our unique matching system lets you find just the tour you want for your next holiday. +

+
+
+
+
+
+
+
+
+
+
+
+
+ Wide Variety of Tours +
+

+ We offer a wide variety of personally picked tours with destinations all over the globe. +

+
+
+
+
+
+
+
+
+
+
+
+
+ Highly Qualified Service +
+

+ Our tour managers are qualified, skilled, and friendly to bring you the best service. +

+
+
+
+
+
+
+
+
+
+
+
+
+ 24/7 Support +
+

+ You can always get professional support from our staff 24/7 and ask any question you have. +

+
+
+
+
+
+
+
+
+
+
+
+
+ Handpicked Hotels +
+

+ Our team offers only the best selection of affordable and luxury hotels to our clients. +

+
+
+
+
+
+
+
+
+
+
+
+
+ Best Price Guarantee +
+

+ If you find tours that are cheaper than ours, we will compensate the difference. +

+
+
+
+
+
+
+
+ +
+
+

+ Hot Tours +

+
+
+ +
+
+
+ +
+
+
+
+ Benidorm, Spain +
+
+
+ +
+ 4 customer reviews +
+

+ Benidorm is a buzzing resort with a big reputation for + beach holidays. Situated in sunny Costa Blanca, the town + is one of the original Spanish beach resorts... +

+ Buy This Tour +
+ ₹12,000 +
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+ Mauritius Island, Africa +
+
+
+ +
+ 5 customer reviews +
+

+ The beautiful and inviting island nation of Mauritius is + an ideal ‘flop and drop’ at the conclusion of your + safari. Indulge in the delightful scents of the + fragrant... +

+ Buy This Tour +
+ ₹10,000 +
+
+
+
+
+
+
+
+
+ +
+
+

+ Our Team +

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

+ FirstSpotis Waiting for You! +

+

+ Our agency offers travelers various tours and excursions with + destinations all over the world. Browse our website to find your + dream tour! +

+ Book a Tour Now +
+
+
+
+ +
+
+ + + +
+
+ + +
+ +
+ + + + + + \ No newline at end of file diff --git a/firstspot/js/core.min.js b/firstspot/js/core.min.js new file mode 100644 index 00000000..bdf99013 --- /dev/null +++ b/firstspot/js/core.min.js @@ -0,0 +1,183 @@ +/** + * @module jQuery + * @author jQuery Foundation and other contributors + * @see https://code.jquery.com/jquery/ + * @license MIT (jquery.org/license) + * @version 3.2.1 + */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){"use strict";function n(e,t){var n=(t=t||te).createElement("script");n.text=e,t.head.appendChild(n).parentNode.removeChild(n)}function r(e){var t=!!e&&"length"in e&&e.length,n=he.type(e);return"function"!==n&&!he.isWindow(e)&&("array"===n||0===t||"number"==typeof t&&t>0&&t-1 in e)}function i(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}function o(e,t,n){return he.isFunction(t)?he.grep(e,function(e,r){return!!t.call(e,r,e)!==n}):t.nodeType?he.grep(e,function(e){return e===t!==n}):"string"!=typeof t?he.grep(e,function(e){return ae.call(t,e)>-1!==n}):Ee.test(t)?he.filter(t,e,n):(t=he.filter(t,e),he.grep(e,function(e){return ae.call(t,e)>-1!==n&&1===e.nodeType}))}function a(e,t){for(;(e=e[t])&&1!==e.nodeType;);return e}function s(e){var t={};return he.each(e.match(je)||[],function(e,n){t[n]=!0}),t}function u(e){return e}function l(e){throw e}function c(e,t,n,r){var i;try{e&&he.isFunction(i=e.promise)?i.call(e).done(t).fail(n):e&&he.isFunction(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}function f(){te.removeEventListener("DOMContentLoaded",f),e.removeEventListener("load",f),he.ready()}function p(){this.expando=he.expando+p.uid++}function d(e){return"true"===e||"false"!==e&&("null"===e?null:e===+e+""?+e:Pe.test(e)?JSON.parse(e):e)}function h(e,t,n){var r;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(Re,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n=d(n)}catch(e){}Oe.set(e,t,n)}else n=void 0;return n}function g(e,t,n,r){var i,o=1,a=20,s=r?function(){return r.cur()}:function(){return he.css(e,t,"")},u=s(),l=n&&n[3]||(he.cssNumber[t]?"":"px"),c=(he.cssNumber[t]||"px"!==l&&+u)&&Ie.exec(he.css(e,t));if(c&&c[3]!==l){l=l||c[3],n=n||[],c=+u||1;do{o=o||".5",c/=o,he.style(e,t,c+l)}while(o!==(o=s()/u)&&1!==o&&--a)}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}function v(e){var t,n=e.ownerDocument,r=e.nodeName,i=_e[r];return i||(t=n.body.appendChild(n.createElement(r)),i=he.css(t,"display"),t.parentNode.removeChild(t),"none"===i&&(i="block"),_e[r]=i,i)}function m(e,t){for(var n,r,i=[],o=0,a=e.length;o-1)i&&i.push(o);else if(l=he.contains(o.ownerDocument,o),a=y(f.appendChild(o),"script"),l&&x(a),n)for(c=0;o=a[c++];)Ue.test(o.type||"")&&n.push(o);return f}function w(){return!0}function T(){return!1}function C(){try{return te.activeElement}catch(e){}}function E(e,t,n,r,i,o){var a,s;if("object"==typeof t){"string"!=typeof n&&(r=r||n,n=void 0);for(s in t)E(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=T;else if(!i)return e;return 1===o&&(a=i,i=function(e){return he().off(e),a.apply(this,arguments)},i.guid=a.guid||(a.guid=he.guid++)),e.each(function(){he.event.add(this,t,i,r,n)})}function k(e,t){return i(e,"table")&&i(11!==t.nodeType?t:t.firstChild,"tr")?he(">tbody",e)[0]||e:e}function S(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function N(e){var t=nt.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function D(e,t){var n,r,i,o,a,s,u,l;if(1===t.nodeType){if(Fe.hasData(e)&&(o=Fe.access(e),a=Fe.set(t,o),l=o.events)){delete a.handle,a.events={};for(i in l)for(n=0,r=l[i].length;n1&&"string"==typeof h&&!pe.checkClone&&tt.test(h))return e.each(function(n){var o=e.eq(n);g&&(t[0]=h.call(this,n,o.html())),A(o,t,r,i)});if(p&&(o=b(t,e[0].ownerDocument,!1,e,i),a=o.firstChild,1===o.childNodes.length&&(o=a),a||i)){for(u=(s=he.map(y(o,"script"),S)).length;f=0&&nw.cacheLength&&delete e[t.shift()],e[n+" "]=r}var t=[];return e}function r(e){return e[M]=!0,e}function i(e){var t=q.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function o(e,t){for(var n=e.split("|"),r=n.length;r--;)w.attrHandle[n[r]]=t}function a(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)for(;n=n.nextSibling;)if(n===t)return-1;return e?1:-1}function s(e){return function(t){return"form"in t?t.parentNode&&!1===t.disabled?"label"in t?"label"in t.parentNode?t.parentNode.disabled===e:t.disabled===e:t.isDisabled===e||t.isDisabled!==!e&&Te(t)===e:t.disabled===e:"label"in t&&t.disabled===e}}function u(e){return r(function(t){return t=+t,r(function(n,r){for(var i,o=e([],n.length,t),a=o.length;a--;)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}function l(e){return e&&void 0!==e.getElementsByTagName&&e}function c(){}function f(e){for(var t=0,n=e.length,r="";t1?function(t,n,r){for(var i=e.length;i--;)if(!e[i](t,n,r))return!1;return!0}:e[0]}function h(e,n,r){for(var i=0,o=n.length;i-1&&(r[l]=!(a[l]=f))}}else x=g(x===a?x.splice(v,x.length):x),o?o(null,a,x,u):Q.apply(a,x)})}function m(e){for(var t,n,r,i=e.length,o=w.relative[e[0].type],a=o||w.relative[" "],s=o?1:0,u=p(function(e){return e===t},a,!0),l=p(function(e){return K(t,e)>-1},a,!0),c=[function(e,n,r){var i=!o&&(r||n!==N)||((t=n).nodeType?u(e,n,r):l(e,n,r));return t=null,i}];s1&&d(c),s>1&&f(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace(oe,"$1"),n,s0,o=e.length>0,a=function(r,a,s,u,l){var c,f,p,d=0,h="0",v=r&&[],m=[],y=N,x=r||o&&w.find.TAG("*",l),b=W+=null==y?1:Math.random()||.1,T=x.length;for(l&&(N=a===q||a||l);h!==T&&null!=(c=x[h]);h++){if(o&&c){for(f=0,a||c.ownerDocument===q||(A(c),s=!H);p=e[f++];)if(p(c,a||q,s)){u.push(c);break}l&&(W=b)}i&&((c=!p&&c)&&d--,r&&v.push(c))}if(d+=h,i&&h!==d){for(f=0;p=n[f++];)p(v,m,a,s);if(r){if(d>0)for(;h--;)v[h]||m[h]||(m[h]=G.call(u));m=g(m)}Q.apply(u,m),l&&!r&&m.length>0&&d+n.length>1&&t.uniqueSort(u)}return l&&(W=b,N=y),v};return i?r(a):a}var x,b,w,T,C,E,k,S,N,D,j,A,q,L,H,F,O,P,R,M="sizzle"+1*new Date,I=e.document,W=0,$=0,B=n(),_=n(),z=n(),X=function(e,t){return e===t&&(j=!0),0},U={}.hasOwnProperty,V=[],G=V.pop,Y=V.push,Q=V.push,J=V.slice,K=function(e,t){for(var n=0,r=e.length;n+~]|"+ee+")"+ee+"*"),ue=new RegExp("="+ee+"*([^\\]'\"]*?)"+ee+"*\\]","g"),le=new RegExp(re),ce=new RegExp("^"+te+"$"),fe={ID:new RegExp("^#("+te+")"),CLASS:new RegExp("^\\.("+te+")"),TAG:new RegExp("^("+te+"|[*])"),ATTR:new RegExp("^"+ne),PSEUDO:new RegExp("^"+re),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+ee+"*(even|odd|(([+-]|)(\\d*)n|)"+ee+"*(?:([+-]|)"+ee+"*(\\d+)|))"+ee+"*\\)|)","i"),bool:new RegExp("^(?:"+Z+")$","i"),needsContext:new RegExp("^"+ee+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+ee+"*((?:-\\d)?\\d*)"+ee+"*\\)|)(?=[^-]|$)","i")},pe=/^(?:input|select|textarea|button)$/i,de=/^h\d$/i,he=/^[^{]+\{\s*\[native \w/,ge=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ve=/[+~]/,me=new RegExp("\\\\([\\da-f]{1,6}"+ee+"?|("+ee+")|.)","ig"),ye=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},xe=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,be=function(e,t){return t?"\0"===e?"�":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},we=function(){A()},Te=p(function(e){return!0===e.disabled&&("form"in e||"label"in e)},{dir:"parentNode",next:"legend"});try{Q.apply(V=J.call(I.childNodes),I.childNodes),V[I.childNodes.length].nodeType}catch(e){Q={apply:V.length?function(e,t){Y.apply(e,J.call(t))}:function(e,t){for(var n=e.length,r=0;e[n++]=t[r++];);e.length=n-1}}}b=t.support={},C=t.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&"HTML"!==t.nodeName},A=t.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:I;return r!==q&&9===r.nodeType&&r.documentElement?(q=r,L=q.documentElement,H=!C(q),I!==q&&(n=q.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",we,!1):n.attachEvent&&n.attachEvent("onunload",we)),b.attributes=i(function(e){return e.className="i",!e.getAttribute("className")}),b.getElementsByTagName=i(function(e){return e.appendChild(q.createComment("")),!e.getElementsByTagName("*").length}),b.getElementsByClassName=he.test(q.getElementsByClassName),b.getById=i(function(e){return L.appendChild(e).id=M,!q.getElementsByName||!q.getElementsByName(M).length}),b.getById?(w.filter.ID=function(e){var t=e.replace(me,ye);return function(e){return e.getAttribute("id")===t}},w.find.ID=function(e,t){if(void 0!==t.getElementById&&H){var n=t.getElementById(e);return n?[n]:[]}}):(w.filter.ID=function(e){var t=e.replace(me,ye);return function(e){var n=void 0!==e.getAttributeNode&&e.getAttributeNode("id");return n&&n.value===t}},w.find.ID=function(e,t){if(void 0!==t.getElementById&&H){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];for(i=t.getElementsByName(e),r=0;o=i[r++];)if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),w.find.TAG=b.getElementsByTagName?function(e,t){return void 0!==t.getElementsByTagName?t.getElementsByTagName(e):b.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){for(;n=o[i++];)1===n.nodeType&&r.push(n);return r}return o},w.find.CLASS=b.getElementsByClassName&&function(e,t){if(void 0!==t.getElementsByClassName&&H)return t.getElementsByClassName(e)},O=[],F=[],(b.qsa=he.test(q.querySelectorAll))&&(i(function(e){L.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&F.push("[*^$]="+ee+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||F.push("\\["+ee+"*(?:value|"+Z+")"),e.querySelectorAll("[id~="+M+"-]").length||F.push("~="),e.querySelectorAll(":checked").length||F.push(":checked"),e.querySelectorAll("a#"+M+"+*").length||F.push(".#.+[+~]")}),i(function(e){e.innerHTML="";var t=q.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&F.push("name"+ee+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&F.push(":enabled",":disabled"),L.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&F.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),F.push(",.*:")})),(b.matchesSelector=he.test(P=L.matches||L.webkitMatchesSelector||L.mozMatchesSelector||L.oMatchesSelector||L.msMatchesSelector))&&i(function(e){b.disconnectedMatch=P.call(e,"*"),P.call(e,"[s!='']:x"),O.push("!=",re)}),F=F.length&&new RegExp(F.join("|")),O=O.length&&new RegExp(O.join("|")),t=he.test(L.compareDocumentPosition),R=t||he.test(L.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)for(;t=t.parentNode;)if(t===e)return!0;return!1},X=t?function(e,t){if(e===t)return j=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(n=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1,1&n||!b.sortDetached&&t.compareDocumentPosition(e)===n?e===q||e.ownerDocument===I&&R(I,e)?-1:t===q||t.ownerDocument===I&&R(I,t)?1:D?K(D,e)-K(D,t):0:4&n?-1:1)}:function(e,t){if(e===t)return j=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,s=[e],u=[t];if(!i||!o)return e===q?-1:t===q?1:i?-1:o?1:D?K(D,e)-K(D,t):0;if(i===o)return a(e,t);for(n=e;n=n.parentNode;)s.unshift(n);for(n=t;n=n.parentNode;)u.unshift(n);for(;s[r]===u[r];)r++;return r?a(s[r],u[r]):s[r]===I?-1:u[r]===I?1:0},q):q},t.matches=function(e,n){return t(e,null,null,n)},t.matchesSelector=function(e,n){if((e.ownerDocument||e)!==q&&A(e),n=n.replace(ue,"='$1']"),b.matchesSelector&&H&&!z[n+" "]&&(!O||!O.test(n))&&(!F||!F.test(n)))try{var r=P.call(e,n);if(r||b.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(e){}return t(n,q,null,[e]).length>0},t.contains=function(e,t){return(e.ownerDocument||e)!==q&&A(e),R(e,t)},t.attr=function(e,t){(e.ownerDocument||e)!==q&&A(e);var n=w.attrHandle[t.toLowerCase()],r=n&&U.call(w.attrHandle,t.toLowerCase())?n(e,t,!H):void 0;return void 0!==r?r:b.attributes||!H?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},t.escape=function(e){return(e+"").replace(xe,be)},t.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},t.uniqueSort=function(e){var t,n=[],r=0,i=0;if(j=!b.detectDuplicates,D=!b.sortStable&&e.slice(0),e.sort(X),j){for(;t=e[i++];)t===e[i]&&(r=n.push(i));for(;r--;)e.splice(n[r],1)}return D=null,e},T=t.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=T(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r++];)n+=T(t);return n},(w=t.selectors={cacheLength:50,createPseudo:r,match:fe,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(me,ye),e[3]=(e[3]||e[4]||e[5]||"").replace(me,ye),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||t.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&t.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return fe.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&le.test(n)&&(t=E(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(me,ye).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=B[e+" "];return t||(t=new RegExp("(^|"+ee+")"+e+"("+ee+"|$)"))&&B(e,function(e){return t.test("string"==typeof e.className&&e.className||void 0!==e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(e,n,r){return function(i){var o=t.attr(i,e);return null==o?"!="===n:!n||(o+="","="===n?o===r:"!="===n?o!==r:"^="===n?r&&0===o.indexOf(r):"*="===n?r&&o.indexOf(r)>-1:"$="===n?r&&o.slice(-r.length)===r:"~="===n?(" "+o.replace(ie," ")+" ").indexOf(r)>-1:"|="===n&&(o===r||o.slice(0,r.length+1)===r+"-"))}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,f,p,d,h,g=o!==a?"nextSibling":"previousSibling",v=t.parentNode,m=s&&t.nodeName.toLowerCase(),y=!u&&!s,x=!1;if(v){if(o){for(;g;){for(p=t;p=p[g];)if(s?p.nodeName.toLowerCase()===m:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?v.firstChild:v.lastChild],a&&y){for(x=(d=(l=(c=(f=(p=v)[M]||(p[M]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===W&&l[1])&&l[2],p=d&&v.childNodes[d];p=++d&&p&&p[g]||(x=d=0)||h.pop();)if(1===p.nodeType&&++x&&p===t){c[e]=[W,d,x];break}}else if(y&&(p=t,f=p[M]||(p[M]={}),c=f[p.uniqueID]||(f[p.uniqueID]={}),l=c[e]||[],d=l[0]===W&&l[1],x=d),!1===x)for(;(p=++d&&p&&p[g]||(x=d=0)||h.pop())&&((s?p.nodeName.toLowerCase()!==m:1!==p.nodeType)||!++x||(y&&(f=p[M]||(p[M]={}),c=f[p.uniqueID]||(f[p.uniqueID]={}),c[e]=[W,x]),p!==t)););return(x-=i)===r||x%r==0&&x/r>=0}}},PSEUDO:function(e,n){var i,o=w.pseudos[e]||w.setFilters[e.toLowerCase()]||t.error("unsupported pseudo: "+e);return o[M]?o(n):o.length>1?(i=[e,e,"",n],w.setFilters.hasOwnProperty(e.toLowerCase())?r(function(e,t){for(var r,i=o(e,n),a=i.length;a--;)r=K(e,i[a]),e[r]=!(t[r]=i[a])}):function(e){return o(e,0,i)}):o}},pseudos:{not:r(function(e){var t=[],n=[],i=k(e.replace(oe,"$1"));return i[M]?r(function(e,t,n,r){for(var o,a=i(e,null,r,[]),s=e.length;s--;)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,r,o){return t[0]=e,i(t,null,o,n),t[0]=null,!n.pop()}}),has:r(function(e){return function(n){return t(e,n).length>0}}),contains:r(function(e){return e=e.replace(me,ye),function(t){return(t.textContent||t.innerText||T(t)).indexOf(e)>-1}}),lang:r(function(e){return ce.test(e||"")||t.error("unsupported lang: "+e),e=e.replace(me,ye).toLowerCase(),function(t){var n;do{if(n=H?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return(n=n.toLowerCase())===e||0===n.indexOf(e+"-")}while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===L},focus:function(e){return e===q.activeElement&&(!q.hasFocus||q.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:s(!1),disabled:s(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!w.pseudos.empty(e)},header:function(e){return de.test(e.nodeName)},input:function(e){return pe.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:u(function(){return[0]}),last:u(function(e,t){return[t-1]}),eq:u(function(e,t,n){return[n<0?n+t:n]}),even:u(function(e,t){for(var n=0;n=0;)e.push(r);return e}),gt:u(function(e,t,n){for(var r=n<0?n+t:n;++r2&&"ID"===(a=o[0]).type&&9===t.nodeType&&H&&w.relative[o[1].type]){if(!(t=(w.find.ID(a.matches[0].replace(me,ye),t)||[])[0]))return n;c&&(t=t.parentNode),e=e.slice(o.shift().value.length)}for(i=fe.needsContext.test(e)?0:o.length;i--&&(a=o[i],!w.relative[s=a.type]);)if((u=w.find[s])&&(r=u(a.matches[0].replace(me,ye),ve.test(o[0].type)&&l(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&f(o)))return Q.apply(n,r),n;break}}return(c||k(e,p))(r,t,!H,n,!t||ve.test(e)&&l(t.parentNode)||t),n},b.sortStable=M.split("").sort(X).join("")===M,b.detectDuplicates=!!j,A(),b.sortDetached=i(function(e){return 1&e.compareDocumentPosition(q.createElement("fieldset"))}),i(function(e){return e.innerHTML="","#"===e.firstChild.getAttribute("href")})||o("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),b.attributes&&i(function(e){return e.innerHTML="",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||o("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),i(function(e){return null==e.getAttribute("disabled")})||o(Z,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),t}(e);he.find=xe,he.expr=xe.selectors,he.expr[":"]=he.expr.pseudos,he.uniqueSort=he.unique=xe.uniqueSort,he.text=xe.getText,he.isXMLDoc=xe.isXML,he.contains=xe.contains,he.escapeSelector=xe.escape;var be=function(e,t,n){for(var r=[],i=void 0!==n;(e=e[t])&&9!==e.nodeType;)if(1===e.nodeType){if(i&&he(e).is(n))break;r.push(e)}return r},we=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},Te=he.expr.match.needsContext,Ce=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i,Ee=/^.[^:#\[\.,]*$/;he.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?he.find.matchesSelector(r,e)?[r]:[]:he.find.matches(e,he.grep(t,function(e){return 1===e.nodeType}))},he.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(he(e).filter(function(){for(t=0;t1?he.uniqueSort(n):n},filter:function(e){return this.pushStack(o(this,e||[],!1))},not:function(e){return this.pushStack(o(this,e||[],!0))},is:function(e){return!!o(this,"string"==typeof e&&Te.test(e)?he(e):e||[],!1).length}});var ke,Se=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(he.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||ke,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&e.length>=3?[null,e,null]:Se.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof he?t[0]:t,he.merge(this,he.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:te,!0)),Ce.test(r[1])&&he.isPlainObject(t))for(r in t)he.isFunction(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=te.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):he.isFunction(e)?void 0!==n.ready?n.ready(e):e(he):he.makeArray(e,this)}).prototype=he.fn,ke=he(te);var Ne=/^(?:parents|prev(?:Until|All))/,De={children:!0,contents:!0,next:!0,prev:!0};he.fn.extend({has:function(e){var t=he(e,this),n=t.length;return this.filter(function(){for(var e=0;e-1:1===n.nodeType&&he.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(o.length>1?he.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?ae.call(he(e),this[0]):ae.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(he.uniqueSort(he.merge(this.get(),he(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),he.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return be(e,"parentNode")},parentsUntil:function(e,t,n){return be(e,"parentNode",n)},next:function(e){return a(e,"nextSibling")},prev:function(e){return a(e,"previousSibling")},nextAll:function(e){return be(e,"nextSibling")},prevAll:function(e){return be(e,"previousSibling")},nextUntil:function(e,t,n){return be(e,"nextSibling",n)},prevUntil:function(e,t,n){return be(e,"previousSibling",n)},siblings:function(e){return we((e.parentNode||{}).firstChild,e)},children:function(e){return we(e.firstChild)},contents:function(e){return i(e,"iframe")?e.contentDocument:(i(e,"template")&&(e=e.content||e),he.merge([],e.childNodes))}},function(e,t){he.fn[e]=function(n,r){var i=he.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=he.filter(r,i)),this.length>1&&(De[e]||he.uniqueSort(i),Ne.test(e)&&i.reverse()),this.pushStack(i)}});var je=/[^\x20\t\r\n\f]+/g;he.Callbacks=function(e){e="string"==typeof e?s(e):he.extend({},e);var t,n,r,i,o=[],a=[],u=-1,l=function(){for(i=i||e.once,r=t=!0;a.length;u=-1)for(n=a.shift();++u-1;)o.splice(n,1),n<=u&&u--}),this},has:function(e){return e?he.inArray(e,o)>-1:o.length>0},empty:function(){return o&&(o=[]),this},disable:function(){return i=a=[],o=n="",this},disabled:function(){return!o},lock:function(){return i=a=[],n||t||(o=n=""),this},locked:function(){return!!i},fireWith:function(e,n){return i||(n=n||[],n=[e,n.slice?n.slice():n],a.push(n),t||l()),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!r}};return c},he.extend({Deferred:function(t){var n=[["notify","progress",he.Callbacks("memory"),he.Callbacks("memory"),2],["resolve","done",he.Callbacks("once memory"),he.Callbacks("once memory"),0,"resolved"],["reject","fail",he.Callbacks("once memory"),he.Callbacks("once memory"),1,"rejected"]],r="pending",i={state:function(){return r},always:function(){return o.done(arguments).fail(arguments),this},catch:function(e){return i.then(null,e)},pipe:function(){var e=arguments;return he.Deferred(function(t){he.each(n,function(n,r){var i=he.isFunction(e[r[4]])&&e[r[4]];o[r[1]](function(){var e=i&&i.apply(this,arguments);e&&he.isFunction(e.promise)?e.promise().progress(t.notify).done(t.resolve).fail(t.reject):t[r[0]+"With"](this,i?[e]:arguments)})}),e=null}).promise()},then:function(t,r,i){function o(t,n,r,i){return function(){var s=this,c=arguments,f=function(){var e,f;if(!(t=a&&(r!==l&&(s=void 0,c=[e]),n.rejectWith(s,c))}};t?p():(he.Deferred.getStackHook&&(p.stackTrace=he.Deferred.getStackHook()),e.setTimeout(p))}}var a=0;return he.Deferred(function(e){n[0][3].add(o(0,e,he.isFunction(i)?i:u,e.notifyWith)),n[1][3].add(o(0,e,he.isFunction(t)?t:u)),n[2][3].add(o(0,e,he.isFunction(r)?r:l))}).promise()},promise:function(e){return null!=e?he.extend(e,i):i}},o={};return he.each(n,function(e,t){var a=t[2],s=t[5];i[t[1]]=a.add,s&&a.add(function(){r=s},n[3-e][2].disable,n[0][2].lock),a.add(t[3].fire),o[t[0]]=function(){return o[t[0]+"With"](this===o?void 0:this,arguments),this},o[t[0]+"With"]=a.fireWith}),i.promise(o),t&&t.call(o,o),o},when:function(e){var t=arguments.length,n=t,r=Array(n),i=re.call(arguments),o=he.Deferred(),a=function(e){return function(n){r[e]=this,i[e]=arguments.length>1?re.call(arguments):n,--t||o.resolveWith(r,i)}};if(t<=1&&(c(e,o.done(a(n)).resolve,o.reject,!t),"pending"===o.state()||he.isFunction(i[n]&&i[n].then)))return o.then();for(;n--;)c(i[n],a(n),o.reject);return o.promise()}});var Ae=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;he.Deferred.exceptionHook=function(t,n){e.console&&e.console.warn&&t&&Ae.test(t.name)&&e.console.warn("jQuery.Deferred exception: "+t.message,t.stack,n)},he.readyException=function(t){e.setTimeout(function(){throw t})};var qe=he.Deferred();he.fn.ready=function(e){return qe.then(e).catch(function(e){he.readyException(e)}),this},he.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--he.readyWait:he.isReady)||(he.isReady=!0,!0!==e&&--he.readyWait>0||qe.resolveWith(te,[he]))}}),he.ready.then=qe.then,"complete"===te.readyState||"loading"!==te.readyState&&!te.documentElement.doScroll?e.setTimeout(he.ready):(te.addEventListener("DOMContentLoaded",f),e.addEventListener("load",f));var Le=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===he.type(n)){i=!0;for(s in n)Le(e,t,s,n[s],!0,o,a)}else if(void 0!==r&&(i=!0,he.isFunction(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(he(e),n)})),t))for(;s1,null,!0)},removeData:function(e){return this.each(function(){Oe.remove(this,e)})}}),he.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=Fe.get(e,t),n&&(!r||Array.isArray(n)?r=Fe.access(e,t,he.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=he.queue(e,t),r=n.length,i=n.shift(),o=he._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){he.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return Fe.get(e,n)||Fe.access(e,n,{empty:he.Callbacks("once memory").add(function(){Fe.remove(e,[t+"queue",n])})})}}),he.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),arguments.length\x20\t\r\n\f]+)/i,Ue=/^$|\/(?:java|ecma)script/i,Ve={option:[1,""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};Ve.optgroup=Ve.option,Ve.tbody=Ve.tfoot=Ve.colgroup=Ve.caption=Ve.thead,Ve.th=Ve.td;var Ge=/<|&#?\w+;/;!function(){var e=te.createDocumentFragment().appendChild(te.createElement("div")),t=te.createElement("input");t.setAttribute("type","radio"),t.setAttribute("checked","checked"),t.setAttribute("name","t"),e.appendChild(t),pe.checkClone=e.cloneNode(!0).cloneNode(!0).lastChild.checked,e.innerHTML="",pe.noCloneChecked=!!e.cloneNode(!0).lastChild.defaultValue}();var Ye=te.documentElement,Qe=/^key/,Je=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ke=/^([^.]*)(?:\.(.+)|)/;he.event={global:{},add:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Fe.get(e);if(v)for(n.handler&&(o=n,n=o.handler,i=o.selector),i&&he.find.matchesSelector(Ye,i),n.guid||(n.guid=he.guid++),(u=v.events)||(u=v.events={}),(a=v.handle)||(a=v.handle=function(t){return void 0!==he&&he.event.triggered!==t.type?he.event.dispatch.apply(e,arguments):void 0}),l=(t=(t||"").match(je)||[""]).length;l--;)s=Ke.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d&&(f=he.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=he.event.special[d]||{},c=he.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&he.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||(p=u[d]=[],p.delegateCount=0,f.setup&&!1!==f.setup.call(e,r,h,a)||e.addEventListener&&e.addEventListener(d,a)),f.add&&(f.add.call(e,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),he.event.global[d]=!0)},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Fe.hasData(e)&&Fe.get(e);if(v&&(u=v.events)){for(l=(t=(t||"").match(je)||[""]).length;l--;)if(s=Ke.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){for(f=he.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;o--;)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||he.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)he.event.remove(e,d+t[l],n,r,!0);he.isEmptyObject(u)&&Fe.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=he.event.fix(e),u=new Array(arguments.length),l=(Fe.get(this,"events")||{})[s.type]||[],c=he.event.special[s.type]||{};for(u[0]=s,t=1;t=1))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n-1:he.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u\x20\t\r\n\f]*)[^>]*)\/>/gi,et=/\s*$/g;he.extend({htmlPrefilter:function(e){return e.replace(Ze,"<$1>")},clone:function(e,t,n){var r,i,o,a,s=e.cloneNode(!0),u=he.contains(e.ownerDocument,e);if(!(pe.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||he.isXMLDoc(e)))for(a=y(s),o=y(e),r=0,i=o.length;r0&&x(a,!u&&y(e,"script")),s},cleanData:function(e){for(var t,n,r,i=he.event.special,o=0;void 0!==(n=e[o]);o++)if(He(n)){if(t=n[Fe.expando]){if(t.events)for(r in t.events)i[r]?he.event.remove(n,r):he.removeEvent(n,r,t.handle);n[Fe.expando]=void 0}n[Oe.expando]&&(n[Oe.expando]=void 0)}}}),he.fn.extend({detach:function(e){return q(this,e,!0)},remove:function(e){return q(this,e)},text:function(e){return Le(this,function(e){return void 0===e?he.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return A(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||k(this,e).appendChild(e)})},prepend:function(){return A(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=k(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return A(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return A(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(he.cleanData(y(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return he.clone(this,e,t)})},html:function(e){return Le(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!et.test(e)&&!Ve[(Xe.exec(e)||["",""])[1].toLowerCase()]){e=he.htmlPrefilter(e);try{for(;n1)}}),he.Tween=I,I.prototype={constructor:I,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||he.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(he.cssNumber[n]?"":"px")},cur:function(){var e=I.propHooks[this.prop];return e&&e.get?e.get(this):I.propHooks._default.get(this)},run:function(e){var t,n=I.propHooks[this.prop];return this.options.duration?this.pos=t=he.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):I.propHooks._default.set(this),this}},I.prototype.init.prototype=I.prototype,I.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=he.css(e.elem,e.prop,""),t&&"auto"!==t?t:0)},set:function(e){he.fx.step[e.prop]?he.fx.step[e.prop](e):1!==e.elem.nodeType||null==e.elem.style[he.cssProps[e.prop]]&&!he.cssHooks[e.prop]?e.elem[e.prop]=e.now:he.style(e.elem,e.prop,e.now+e.unit)}}},I.propHooks.scrollTop=I.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},he.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},he.fx=I.prototype.init,he.fx.step={};var dt,ht,gt=/^(?:toggle|show|hide)$/,vt=/queueHooks$/;he.Animation=he.extend(X,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return g(n.elem,e,Ie.exec(t),n),n}]},tweener:function(e,t){he.isFunction(e)?(t=e,e=["*"]):e=e.match(je);for(var n,r=0,i=e.length;r1)},removeAttr:function(e){return this.each(function(){he.removeAttr(this,e)})}}),he.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return void 0===e.getAttribute?he.prop(e,t,n):(1===o&&he.isXMLDoc(e)||(i=he.attrHooks[t.toLowerCase()]||(he.expr.match.bool.test(t)?mt:void 0)),void 0!==n?null===n?void he.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:(r=he.find.attr(e,t),null==r?void 0:r))},attrHooks:{type:{set:function(e,t){if(!pe.radioValue&&"radio"===t&&i(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(je);if(i&&1===e.nodeType)for(;n=i[r++];)e.removeAttribute(n)}}),mt={set:function(e,t,n){return!1===t?he.removeAttr(e,n):e.setAttribute(n,n),n}},he.each(he.expr.match.bool.source.match(/\w+/g),function(e,t){var n=yt[t]||he.find.attr;yt[t]=function(e,t,r){var i,o,a=t.toLowerCase();return r||(o=yt[a],yt[a]=i,i=null!=n(e,t,r)?a:null,yt[a]=o),i}});var xt=/^(?:input|select|textarea|button)$/i,bt=/^(?:a|area)$/i;he.fn.extend({prop:function(e,t){return Le(this,he.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[he.propFix[e]||e]})}}),he.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&he.isXMLDoc(e)||(t=he.propFix[t]||t,i=he.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=he.find.attr(e,"tabindex");return t?parseInt(t,10):xt.test(e.nodeName)||bt.test(e.nodeName)&&e.href?0:-1}}},propFix:{for:"htmlFor",class:"className"}}),pe.optSelected||(he.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),he.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){he.propFix[this.toLowerCase()]=this}),he.fn.extend({addClass:function(e){var t,n,r,i,o,a,s,u=0;if(he.isFunction(e))return this.each(function(t){he(this).addClass(e.call(this,t,V(this)))});if("string"==typeof e&&e)for(t=e.match(je)||[];n=this[u++];)if(i=V(n),r=1===n.nodeType&&" "+U(i)+" "){for(a=0;o=t[a++];)r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=U(r))&&n.setAttribute("class",s)}return this},removeClass:function(e){var t,n,r,i,o,a,s,u=0;if(he.isFunction(e))return this.each(function(t){he(this).removeClass(e.call(this,t,V(this)))});if(!arguments.length)return this.attr("class","");if("string"==typeof e&&e)for(t=e.match(je)||[];n=this[u++];)if(i=V(n),r=1===n.nodeType&&" "+U(i)+" "){for(a=0;o=t[a++];)for(;r.indexOf(" "+o+" ")>-1;)r=r.replace(" "+o+" "," ");i!==(s=U(r))&&n.setAttribute("class",s)}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):he.isFunction(e)?this.each(function(n){he(this).toggleClass(e.call(this,n,V(this),t),t)}):this.each(function(){var t,r,i,o;if("string"===n)for(r=0,i=he(this),o=e.match(je)||[];t=o[r++];)i.hasClass(t)?i.removeClass(t):i.addClass(t);else void 0!==e&&"boolean"!==n||((t=V(this))&&Fe.set(this,"__className__",t),this.setAttribute&&this.setAttribute("class",t||!1===e?"":Fe.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;for(t=" "+e+" ";n=this[r++];)if(1===n.nodeType&&(" "+U(V(n))+" ").indexOf(t)>-1)return!0;return!1}});var wt=/\r/g;he.fn.extend({val:function(e){var t,n,r,i=this[0];return arguments.length?(r=he.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,he(this).val()):e,null==i?i="":"number"==typeof i?i+="":Array.isArray(i)&&(i=he.map(i,function(e){return null==e?"":e+""})),(t=he.valHooks[this.type]||he.valHooks[this.nodeName.toLowerCase()])&&"set"in t&&void 0!==t.set(this,i,"value")||(this.value=i))})):i?(t=he.valHooks[i.type]||he.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&void 0!==(n=t.get(i,"value"))?n:(n=i.value,"string"==typeof n?n.replace(wt,""):null==n?"":n)):void 0}}),he.extend({valHooks:{option:{get:function(e){var t=he.find.attr(e,"value");return null!=t?t:U(he.text(e))}},select:{get:function(e){var t,n,r,o=e.options,a=e.selectedIndex,s="select-one"===e.type,u=s?null:[],l=s?a+1:o.length;for(r=a<0?l:s?a:0;r-1)&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),he.each(["radio","checkbox"],function(){he.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=he.inArray(he(e).val(),t)>-1}},pe.checkOn||(he.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var Tt=/^(?:focusinfocus|focusoutblur)$/;he.extend(he.event,{trigger:function(t,n,r,i){var o,a,s,u,l,c,f,p=[r||te],d=le.call(t,"type")?t.type:t,h=le.call(t,"namespace")?t.namespace.split("."):[];if(a=s=r=r||te,3!==r.nodeType&&8!==r.nodeType&&!Tt.test(d+he.event.triggered)&&(d.indexOf(".")>-1&&(h=d.split("."),d=h.shift(),h.sort()),l=d.indexOf(":")<0&&"on"+d,t=t[he.expando]?t:new he.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=h.join("."),t.rnamespace=t.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=void 0,t.target||(t.target=r),n=null==n?[t]:he.makeArray(n,[t]),f=he.event.special[d]||{},i||!f.trigger||!1!==f.trigger.apply(r,n))){if(!i&&!f.noBubble&&!he.isWindow(r)){for(u=f.delegateType||d,Tt.test(u+d)||(a=a.parentNode);a;a=a.parentNode)p.push(a),s=a;s===(r.ownerDocument||te)&&p.push(s.defaultView||s.parentWindow||e)}for(o=0;(a=p[o++])&&!t.isPropagationStopped();)t.type=o>1?u:f.bindType||d,(c=(Fe.get(a,"events")||{})[t.type]&&Fe.get(a,"handle"))&&c.apply(a,n),(c=l&&a[l])&&c.apply&&He(a)&&(t.result=c.apply(a,n),!1===t.result&&t.preventDefault());return t.type=d,i||t.isDefaultPrevented()||f._default&&!1!==f._default.apply(p.pop(),n)||!He(r)||l&&he.isFunction(r[d])&&!he.isWindow(r)&&((s=r[l])&&(r[l]=null),he.event.triggered=d,r[d](),he.event.triggered=void 0,s&&(r[l]=s)),t.result}},simulate:function(e,t,n){var r=he.extend(new he.Event,n,{type:e,isSimulated:!0});he.event.trigger(r,null,t)}}),he.fn.extend({trigger:function(e,t){return this.each(function(){he.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return he.event.trigger(e,t,n,!0)}}),he.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,t){he.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),he.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),pe.focusin="onfocusin"in e,pe.focusin||he.each({focus:"focusin",blur:"focusout"},function(e,t){var n=function(e){he.event.simulate(t,e.target,he.event.fix(e))};he.event.special[t]={setup:function(){var r=this.ownerDocument||this,i=Fe.access(r,t);i||r.addEventListener(e,n,!0),Fe.access(r,t,(i||0)+1)},teardown:function(){var r=this.ownerDocument||this,i=Fe.access(r,t)-1;i?Fe.access(r,t,i):(r.removeEventListener(e,n,!0),Fe.remove(r,t))}}});var Ct=e.location,Et=he.now(),kt=/\?/;he.parseXML=function(t){var n;if(!t||"string"!=typeof t)return null;try{n=(new e.DOMParser).parseFromString(t,"text/xml")}catch(e){n=void 0}return n&&!n.getElementsByTagName("parsererror").length||he.error("Invalid XML: "+t),n};var St=/\[\]$/,Nt=/\r?\n/g,Dt=/^(?:submit|button|image|reset|file)$/i,jt=/^(?:input|select|textarea|keygen)/i;he.param=function(e,t){var n,r=[],i=function(e,t){var n=he.isFunction(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(Array.isArray(e)||e.jquery&&!he.isPlainObject(e))he.each(e,function(){i(this.name,this.value)});else for(n in e)G(n,e[n],t,i);return r.join("&")},he.fn.extend({serialize:function(){return he.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=he.prop(this,"elements");return e?he.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!he(this).is(":disabled")&&jt.test(this.nodeName)&&!Dt.test(e)&&(this.checked||!ze.test(e))}).map(function(e,t){var n=he(this).val();return null==n?null:Array.isArray(n)?he.map(n,function(e){return{name:t.name,value:e.replace(Nt,"\r\n")}}):{name:t.name,value:n.replace(Nt,"\r\n")}}).get()}});var At=/%20/g,qt=/#.*$/,Lt=/([?&])_=[^&]*/,Ht=/^(.*?):[ \t]*([^\r\n]*)$/gm,Ft=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Ot=/^(?:GET|HEAD)$/,Pt=/^\/\//,Rt={},Mt={},It="*/".concat("*"),Wt=te.createElement("a");Wt.href=Ct.href,he.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ct.href,type:"GET",isLocal:Ft.test(Ct.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":It,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":he.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?J(J(e,he.ajaxSettings),t):J(he.ajaxSettings,e)},ajaxPrefilter:Y(Rt),ajaxTransport:Y(Mt),ajax:function(t,n){function r(t,n,r,s){var l,p,d,b,w,T=n;c||(c=!0,u&&e.clearTimeout(u),i=void 0,a=s||"",C.readyState=t>0?4:0,l=t>=200&&t<300||304===t,r&&(b=K(h,C,r)),b=Z(h,b,C,l),l?(h.ifModified&&((w=C.getResponseHeader("Last-Modified"))&&(he.lastModified[o]=w),(w=C.getResponseHeader("etag"))&&(he.etag[o]=w)),204===t||"HEAD"===h.type?T="nocontent":304===t?T="notmodified":(T=b.state,p=b.data,d=b.error,l=!d)):(d=T,!t&&T||(T="error",t<0&&(t=0))),C.status=t,C.statusText=(n||T)+"",l?m.resolveWith(g,[p,T,C]):m.rejectWith(g,[C,T,d]),C.statusCode(x),x=void 0,f&&v.trigger(l?"ajaxSuccess":"ajaxError",[C,h,l?p:d]),y.fireWith(g,[C,T]),f&&(v.trigger("ajaxComplete",[C,h]),--he.active||he.event.trigger("ajaxStop")))}"object"==typeof t&&(n=t,t=void 0),n=n||{};var i,o,a,s,u,l,c,f,p,d,h=he.ajaxSetup({},n),g=h.context||h,v=h.context&&(g.nodeType||g.jquery)?he(g):he.event,m=he.Deferred(),y=he.Callbacks("once memory"),x=h.statusCode||{},b={},w={},T="canceled",C={readyState:0,getResponseHeader:function(e){var t;if(c){if(!s)for(s={};t=Ht.exec(a);)s[t[1].toLowerCase()]=t[2];t=s[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return c?a:null},setRequestHeader:function(e,t){return null==c&&(e=w[e.toLowerCase()]=w[e.toLowerCase()]||e,b[e]=t),this},overrideMimeType:function(e){return null==c&&(h.mimeType=e),this},statusCode:function(e){var t;if(e)if(c)C.always(e[C.status]);else for(t in e)x[t]=[x[t],e[t]];return this},abort:function(e){var t=e||T;return i&&i.abort(t),r(0,t),this}};if(m.promise(C),h.url=((t||h.url||Ct.href)+"").replace(Pt,Ct.protocol+"//"),h.type=n.method||n.type||h.method||h.type,h.dataTypes=(h.dataType||"*").toLowerCase().match(je)||[""],null==h.crossDomain){l=te.createElement("a");try{l.href=h.url,l.href=l.href,h.crossDomain=Wt.protocol+"//"+Wt.host!=l.protocol+"//"+l.host}catch(e){h.crossDomain=!0}}if(h.data&&h.processData&&"string"!=typeof h.data&&(h.data=he.param(h.data,h.traditional)),Q(Rt,h,n,C),c)return C;(f=he.event&&h.global)&&0==he.active++&&he.event.trigger("ajaxStart"),h.type=h.type.toUpperCase(),h.hasContent=!Ot.test(h.type),o=h.url.replace(qt,""),h.hasContent?h.data&&h.processData&&0===(h.contentType||"").indexOf("application/x-www-form-urlencoded")&&(h.data=h.data.replace(At,"+")):(d=h.url.slice(o.length),h.data&&(o+=(kt.test(o)?"&":"?")+h.data,delete h.data),!1===h.cache&&(o=o.replace(Lt,"$1"),d=(kt.test(o)?"&":"?")+"_="+Et+++d),h.url=o+d),h.ifModified&&(he.lastModified[o]&&C.setRequestHeader("If-Modified-Since",he.lastModified[o]),he.etag[o]&&C.setRequestHeader("If-None-Match",he.etag[o])),(h.data&&h.hasContent&&!1!==h.contentType||n.contentType)&&C.setRequestHeader("Content-Type",h.contentType),C.setRequestHeader("Accept",h.dataTypes[0]&&h.accepts[h.dataTypes[0]]?h.accepts[h.dataTypes[0]]+("*"!==h.dataTypes[0]?", "+It+"; q=0.01":""):h.accepts["*"]);for(p in h.headers)C.setRequestHeader(p,h.headers[p]);if(h.beforeSend&&(!1===h.beforeSend.call(g,C,h)||c))return C.abort();if(T="abort",y.add(h.complete),C.done(h.success),C.fail(h.error),i=Q(Mt,h,n,C)){if(C.readyState=1,f&&v.trigger("ajaxSend",[C,h]),c)return C;h.async&&h.timeout>0&&(u=e.setTimeout(function(){C.abort("timeout")},h.timeout));try{c=!1,i.send(b,r)}catch(e){if(c)throw e;r(-1,e)}}else r(-1,"No Transport");return C},getJSON:function(e,t,n){return he.get(e,t,n,"json")},getScript:function(e,t){return he.get(e,void 0,t,"script")}}),he.each(["get","post"],function(e,t){he[t]=function(e,n,r,i){return he.isFunction(n)&&(i=i||r,r=n,n=void 0),he.ajax(he.extend({url:e,type:t,dataType:i,data:n,success:r},he.isPlainObject(e)&&e))}}),he._evalUrl=function(e){return he.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,throws:!0})},he.fn.extend({wrapAll:function(e){var t;return this[0]&&(he.isFunction(e)&&(e=e.call(this[0])),t=he(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){for(var e=this;e.firstElementChild;)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(e){return he.isFunction(e)?this.each(function(t){he(this).wrapInner(e.call(this,t))}):this.each(function(){var t=he(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=he.isFunction(e);return this.each(function(n){he(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(e){return this.parent(e).not("body").each(function(){he(this).replaceWith(this.childNodes)}),this}}),he.expr.pseudos.hidden=function(e){return!he.expr.pseudos.visible(e)},he.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},he.ajaxSettings.xhr=function(){try{return new e.XMLHttpRequest}catch(e){}};var $t={0:200,1223:204},Bt=he.ajaxSettings.xhr();pe.cors=!!Bt&&"withCredentials"in Bt,pe.ajax=Bt=!!Bt,he.ajaxTransport(function(t){var n,r;if(pe.cors||Bt&&!t.crossDomain)return{send:function(i,o){var a,s=t.xhr();if(s.open(t.type,t.url,t.async,t.username,t.password),t.xhrFields)for(a in t.xhrFields)s[a]=t.xhrFields[a];t.mimeType&&s.overrideMimeType&&s.overrideMimeType(t.mimeType),t.crossDomain||i["X-Requested-With"]||(i["X-Requested-With"]="XMLHttpRequest");for(a in i)s.setRequestHeader(a,i[a]);n=function(e){return function(){n&&(n=r=s.onload=s.onerror=s.onabort=s.onreadystatechange=null,"abort"===e?s.abort():"error"===e?"number"!=typeof s.status?o(0,"error"):o(s.status,s.statusText):o($t[s.status]||s.status,s.statusText,"text"!==(s.responseType||"text")||"string"!=typeof s.responseText?{binary:s.response}:{text:s.responseText},s.getAllResponseHeaders()))}},s.onload=n(),r=s.onerror=n("error"),void 0!==s.onabort?s.onabort=r:s.onreadystatechange=function(){4===s.readyState&&e.setTimeout(function(){n&&r()})},n=n("abort");try{s.send(t.hasContent&&t.data||null)}catch(e){if(n)throw e}},abort:function(){n&&n()}}}),he.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),he.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return he.globalEval(e),e}}}),he.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),he.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(r,i){t=he(" + + + + \ No newline at end of file diff --git a/firstspot/pages/Create_Route_Ex/backcontent.html b/firstspot/pages/Create_Route_Ex/backcontent.html new file mode 100644 index 00000000..09c6e6fb --- /dev/null +++ b/firstspot/pages/Create_Route_Ex/backcontent.html @@ -0,0 +1,21 @@ + + + + + + + Document + + +

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. + Lorem Ipsum has been the industry's standard dummy text ever since the + 1500s, when an unknown printer took a galley of type and scrambled it to + make a type specimen book. It has survived not only five centuries, but + also the leap into electronic typesetting, remaining essentially + unchanged. It was popularised in the 1960s with the release of Letraset + sheets containing Lorem Ipsum passages, and more recently with desktop + publishing software like Aldus PageMaker including versions of Lorem Ipsum +

+ + diff --git a/firstspot/pages/Create_Route_Ex/createRoute.css b/firstspot/pages/Create_Route_Ex/createRoute.css new file mode 100644 index 00000000..9cd0802d --- /dev/null +++ b/firstspot/pages/Create_Route_Ex/createRoute.css @@ -0,0 +1,273 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +/* NAV BAR */ + +.navigation { + background: linear-gradient( + 90deg, + rgba(235, 235, 235, 1) 0%, + rgba(202, 255, 250, 1) 100% + ); + height: 60px; + width: 100%; + display: flex; + border-bottom: 3px solid rgb(0, 0, 0); + /* box-shadow: 0px 1px 5px #5e5e5e; */ + /* position: fixed; */ + justify-content: space-between; +} + +.back_logo::marker { + content: none; +} + +li::marker { + content: none; +} + +.back_logo_img { + height: 60px; + margin-left: 20px; +} + +.nav_web_name { + margin-left: 30px; + font-size: 30px; + font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif; + color: rgb(48, 235, 225); + letter-spacing: 10px; +} + +/* +.web_logo { + height: 60px; + padding: 5px; + margin-left: 10px; +} */ + +.back_logo { + display: flex; + align-items: center; +} + +a { + text-decoration: none; +} + +.nav_home { + display: flex; + + align-items: center; + margin-right: 40px; +} + +.nav_guides { + font-size: 20px; + font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", + "Lucida Sans Unicode", Geneva, Verdana, sans-serif; + color: rgb(0, 0, 0); + background-color: rgb(255, 255, 255); + box-shadow: 0px 1px 5px #5e5e5e; + padding: 3px 10px; + margin-right: 30px; + border-radius: 20px; +} + +.nav_aboutUs { + font-size: 20px; + font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", + "Lucida Sans Unicode", Geneva, Verdana, sans-serif; + color: rgb(235, 235, 235); + background-color: rgb(59, 232, 177); + box-shadow: 0px 1px 5px #5e5e5e; + padding: 3px 10px; + margin-right: 30px; + border-radius: 20px; +} + +/* ACTUAL BODY */ + +.main_page { + /* background-color: green; */ + width: 100%; + height: 725px; + display: grid; + grid-template-columns: 4fr 1fr; + grid-template-rows: 1fr 150px; +} + +.map { + /* background-color: red; */ + border: 2px solid rgb(0, 0, 0); +} + +/* CREATE PATH SECTION */ + +.create_path { + border: 10px solid green; + grid-column: 2 / 3; + grid-row: 1 / -1; + border: 2px solid rgb(0, 0, 0); +} + +.create_path_here { + font-size: 15px; + font-family: Arial, Helvetica, sans-serif; + margin: 10px 0 0 10px; + color: rgb(73, 73, 73); +} + +.path_overview { + border: 2px solid rgb(0, 0, 0); +} + +.create_path_box { + background-color: rgb(231, 231, 231); + width: 90%; + height: 125px; + margin-top: 10px; + /* border: 2px solid rgb(0, 0, 0); */ + border-radius: 8px; + margin-left: 15px; +} + +.create_path_spot { + font-family: Arial, Helvetica, sans-serif; + margin-top: 10px; + padding: 20px 5px 5px 10px; + color: rgb(90, 90, 90); + font-weight: bold; +} + +.create_path_placeholder_spot { + width: 80%; + margin: 2px 0px 2px 10px; +} + +.create_path_details { + display: flex; + align-items: center; +} + +.create_path_spot_icon { + height: 25px; + margin: 20px 0px 0px 10px; + /* margin-top: 10px; + padding: 20px 5px 5px 10px; */ +} + +.create_path_help { + height: 18px; + margin: 25px 0px 0px 5px; +} + +.create_path_droppin { + margin: 25px 0px 0px 15px; + padding: 0 5px 0 5px; + font-family: Arial, Helvetica, sans-serif; + border-radius: 8px; +} + +.create_path_placeholder_spot { + height: 20px; + /* border-radius: 5px; */ +} + +.create_path_date { + font-family: Arial, Helvetica, sans-serif; + color: rgb(77, 77, 77); + font-size: 12px; + margin: 2px 0 0 15px; +} + +.plus_path { + float: right; + margin: 5px 20px 0 0; + border: none; + padding: 5px 10px; + font-family: Arial, Helvetica, sans-serif; +} + +.create_path_select { + display: none; +} + +.create_path_details li:hover .create_path_select { + display: block; + position: absolute; + background-color: rgb(240, 233, 223); + margin-top: -10px; + margin-left: 15px; +} + +.create_path_select { + height: 80px; + width: 120px; + border-radius: 5px; + border: 1px solid black; +} + +.create_path_select ul li { + margin-top: 6px; + /* margin-bottom: 5px; */ + margin-left: 8px; + font-family: Arial, Helvetica, sans-serif; +} + +.create_path_select ul li a img { + margin-right: 3px; + height: 15px; +} + +.create_path_select ul li a { + text-decoration: none; + color: black; + font-size: 14px; +} + +/* .create_path_select_dropdown_icon { + height: 15px; +} */ + +/* OVERVIEW DISPLAY */ + +.path_overview { + background-color: rgb(248, 248, 248); +} + +.path_overview_cont { + display: flex; + align-items: center; + margin-left: 30px; +} + +.path_overview_title { + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + margin: 5px 0 0 10px; +} + +.path_overview_display1 { + height: 85px; + align-items: center; + width: 65px; + margin-left: 15px; +} + +.overview_icons { + height: 40px; +} + +.overview_smalldots { + height: 8px; + margin-left: 10px; +} + +.overview_bigdot { + height: 15px; + margin-left: 10px; +} diff --git a/firstspot/pages/Create_Route_Ex/createRoute.html b/firstspot/pages/Create_Route_Ex/createRoute.html new file mode 100644 index 00000000..dcc3c7b2 --- /dev/null +++ b/firstspot/pages/Create_Route_Ex/createRoute.html @@ -0,0 +1,159 @@ + + + + + + + + + + + + + + + + Firstspot | Explore + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/firstspot/pages/Create_Route_Ex/createRoute.js b/firstspot/pages/Create_Route_Ex/createRoute.js new file mode 100644 index 00000000..2ddd8bb2 --- /dev/null +++ b/firstspot/pages/Create_Route_Ex/createRoute.js @@ -0,0 +1,12 @@ +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': 'df06079815msh4215d90aa2d29aap1214f2jsn2c88284cca9b', + 'X-RapidAPI-Host': 'travel-advisor.p.rapidapi.com' + } +}; + +fetch('https://travel-advisor.p.rapidapi.com/hotels/list-by-latlng?latitude=12.91285&longitude=100.87808&lang=en_US&hotel_class=1%2C2%2C3&limit=30&adults=1&amenities=beach%2Cbar_lounge%2Cairport_transportation&rooms=1&child_rm_ages=7%2C10¤cy=USD&checkin=2022-03-08&zff=4%2C6&subcategory=hotel%2Cbb%2Cspecialty&nights=2', options) + .then(response => response.json()) + .then(response => console.log(response)) + .catch(err => console.error(err)); \ No newline at end of file diff --git a/firstspot/pages/Create_Route_Ex/images/icons8-back-96.png b/firstspot/pages/Create_Route_Ex/images/icons8-back-96.png new file mode 100644 index 00000000..84ee70ed Binary files /dev/null and b/firstspot/pages/Create_Route_Ex/images/icons8-back-96.png differ diff --git a/firstspot/pages/Create_Route_Ex/images/logo2.png b/firstspot/pages/Create_Route_Ex/images/logo2.png new file mode 100644 index 00000000..74f3284a Binary files /dev/null and b/firstspot/pages/Create_Route_Ex/images/logo2.png differ diff --git a/firstspot/pages/Create_Route_Ex/images/spot_icon.png b/firstspot/pages/Create_Route_Ex/images/spot_icon.png new file mode 100644 index 00000000..2b5b511c Binary files /dev/null and b/firstspot/pages/Create_Route_Ex/images/spot_icon.png differ diff --git a/firstspot/pages/Create_Route_Ex/mapDisplay.js b/firstspot/pages/Create_Route_Ex/mapDisplay.js new file mode 100644 index 00000000..e046a4f6 --- /dev/null +++ b/firstspot/pages/Create_Route_Ex/mapDisplay.js @@ -0,0 +1,77 @@ +if (navigator.geolocation) + navigator.geolocation.getCurrentPosition( + function (position) { + const { latitude } = position.coords; + const { longitude } = position.coords; + console.log(`https://www.google.pt/maps/@${latitude},${longitude}`); + + const coords = [latitude, longitude]; + + const map = L.map("map").setView(coords, 13); + + L.tileLayer("https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png", { + attribution: + '© OpenStreetMap contributors', + }).addTo(map); + + map.on("click", function (mapEvent) { + console.log(mapEvent); + const { lat, lng } = mapEvent.latlng; + console.log(lat, lng); + + const spotIcon = L.icon({ + iconUrl: "images/spot_icon.png", + iconSize: [40, 45], + iconAnchor: [20, 50], + popupAnchor: [0, -45], + }); + + L.marker({ lat, lng }, { icon: spotIcon }) + .addTo(map) + .bindPopup( + L.popup({ + maxWidth: 250, + minWidth: 100, + autoClose: false, + closeOnClick: false, + }) + ) + .setPopupContent("Destination 1 | Spot 1") + .openPopup(); + }); + }, + function () { + alert("Could not get your position"); + } + ); + +addPath = document.querySelector(".plus_path"); +createPath = document.querySelector(".create_path"); + +addPath.addEventListener("click", function () { + // createPath.removeChild(".path_plus"); + createPath.insertAdjacentHTML( + "beforeEnd", + `
+
+ +

Spot 1

+ + +
+ +

15 Jan 2022 | 22:00

+
+
` + ); +}); diff --git a/firstspot/pages/Create_Route_Ex/package-lock.json b/firstspot/pages/Create_Route_Ex/package-lock.json new file mode 100644 index 00000000..cad64cfd --- /dev/null +++ b/firstspot/pages/Create_Route_Ex/package-lock.json @@ -0,0 +1,24 @@ +{ + "name": "Create Route", + "lockfileVersion": 2, + "requires": true, + "packages": { + "": { + "dependencies": { + "css.gg": "^2.0.0" + } + }, + "node_modules/css.gg": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/css.gg/-/css.gg-2.0.0.tgz", + "integrity": "sha512-8qO59kSXLbewo7xaUM4eC8328MTdGmb8atpmw6PRzeDGsZrCkAVjJzKeFDIntagl1/aCee+NG1OQtIvWAjgG/A==" + } + }, + "dependencies": { + "css.gg": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/css.gg/-/css.gg-2.0.0.tgz", + "integrity": "sha512-8qO59kSXLbewo7xaUM4eC8328MTdGmb8atpmw6PRzeDGsZrCkAVjJzKeFDIntagl1/aCee+NG1OQtIvWAjgG/A==" + } + } +} diff --git a/firstspot/pages/Create_Route_Ex/package.json b/firstspot/pages/Create_Route_Ex/package.json new file mode 100644 index 00000000..88c0eb7a --- /dev/null +++ b/firstspot/pages/Create_Route_Ex/package.json @@ -0,0 +1,5 @@ +{ + "dependencies": { + "css.gg": "^2.0.0" + } +} diff --git a/firstspot/pages/FAQs/FAQ.md b/firstspot/pages/FAQs/FAQ.md new file mode 100644 index 00000000..2255acbf --- /dev/null +++ b/firstspot/pages/FAQs/FAQ.md @@ -0,0 +1,3 @@ +The FAQs are managed by the "faq.json" file. + +# To add new FAQ or delete a previous one go to the faq.json file and edit it according to your needs diff --git a/firstspot/pages/FAQs/faq.css b/firstspot/pages/FAQs/faq.css new file mode 100644 index 00000000..4bdc5280 --- /dev/null +++ b/firstspot/pages/FAQs/faq.css @@ -0,0 +1,35 @@ +#question{ + width: 40vw; + display: flex; + flex-direction: row; + justify-content: space-between; + font-size: large; +} +#question p{ + color: black; + font-weight: 400; +} +.answer{ + display: none; + width: 40vw; + color:rgb(114, 110, 110); +} +h3{ + font-size: 30px; +} +#faq{ + margin: 30px; + padding: 3px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +#faq span{ + cursor: pointer; +} +@media screen and (max-width:420px) { + #question, .answer{ + width:80vw; + } +} \ No newline at end of file diff --git a/firstspot/pages/FAQs/faq.html b/firstspot/pages/FAQs/faq.html new file mode 100644 index 00000000..1806f836 --- /dev/null +++ b/firstspot/pages/FAQs/faq.html @@ -0,0 +1,207 @@ + + + + + + + + FAQs + + + + + + + + + + +
+

+ Frequently Asked Questions +

+
+
+

+ Your Question Goes Here +

+
+ + + expand_more + +
+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/firstspot/pages/FAQs/faq.json b/firstspot/pages/FAQs/faq.json new file mode 100644 index 00000000..dd5fd5f2 --- /dev/null +++ b/firstspot/pages/FAQs/faq.json @@ -0,0 +1,30 @@ +[ + { + "question": "What types of tours do you offer?", + "answer": "We offer a variety of tours, including city tours, adventure tours, cultural tours, and more." + }, + { + "question": "How do I book a tour?", + "answer": "You can easily book a tour through our website" + }, + { + "question": "What is included in the tour package?", + "answer": "The tour package includes transportation, meals, entrance fees, and other relevant amenities. Check the specific tour details for more information." + }, + { + "question": "What should I bring on the tour?", + "answer": "We recommend bringing comfortable clothing, walking shoes, sunscreen, and any other items specified in the tour details." + }, + { + "question": "Can I cancel or reschedule my tour?", + "answer": "You can cancel or reschedule your tour according to our policies. Visit our cancellation and rescheduling page for more details." + }, + { + "question": "Are your tours suitable for children?", + "answer": "Some tours may have age restrictions, and discounts may be available for children. Check the specific tour information for details." + }, + { + "question": "Do you offer group discounts?", + "answer": "Yes, we offer group discounts. Contact our customer support for more information and to inquire about group rates." + } +] diff --git a/firstspot/pages/Filter/ahemdabad_tour.jpg b/firstspot/pages/Filter/ahemdabad_tour.jpg new file mode 100644 index 00000000..0bc725a9 Binary files /dev/null and b/firstspot/pages/Filter/ahemdabad_tour.jpg differ diff --git a/firstspot/pages/Filter/bengaluru_tour.jpg b/firstspot/pages/Filter/bengaluru_tour.jpg new file mode 100644 index 00000000..4099bf72 Binary files /dev/null and b/firstspot/pages/Filter/bengaluru_tour.jpg differ diff --git a/firstspot/pages/Filter/delhi_tour.jpg b/firstspot/pages/Filter/delhi_tour.jpg new file mode 100644 index 00000000..9b16f992 Binary files /dev/null and b/firstspot/pages/Filter/delhi_tour.jpg differ diff --git a/firstspot/pages/Filter/filter.css b/firstspot/pages/Filter/filter.css new file mode 100644 index 00000000..f3911f1e --- /dev/null +++ b/firstspot/pages/Filter/filter.css @@ -0,0 +1,168 @@ +* { + padding: 0; + margin: 0; + /* box-sizing: border-box; + border: none; + outline: none; */ + font-family: "Poppins", sans-serif; +} + +body { + background-color: #f5f8ff; + display: flex; + align-items:center; + justify-content:center; +} + +#search:hover{ + background-color:bisque; + color:#110f29; + text-transform: uppercase; + cursor: pointer; +} + +.wrapper { + width: 95%; + margin: 0 auto; +} + +#search-container { + margin: 1em 0; + transition: all .3s ease; + text-align:center; +} + +#search-container input { + background-color: transparent; + border: none; + width: 40%; + padding: 1em 0.3em; +} + +#search-container input:hover{ + background-color: rgb(199, 236, 235); +} + + +#search-container input:focus { + border-bottom-color: #6759ff; +} + +#search-container button { + padding: 1em 2em; + margin-left: 1em; + background-color: #6759ff; + color: #ffffff; + border-radius: 5px; + margin-top: 0.5em; +} + +.button-value { + + text-transform: uppercase; + padding: 0.5em 2em; + margin-top:2rem; + border-radius: 1em; + font-size:1rem; + background-color: transparent; + color: #010108; + cursor: pointer; + border:none; +} + +.button-value:hover{ + background-color: #6759ff; + color: white; +} + +.active { + border: 2px solid #070521; + background-color: #6759ff; + color: #ffffff; +} + +#places { + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items:center; + padding: 2em 0; + transition: all .3s ease; +} + +.card { + margin-left: 4rem; + flex: 0 0 300px; + background-color: #ffffff; + max-width: 18em; + margin-top: 2em; + padding: 1em; + border-radius: 25px; + box-shadow: 1em 2em 2.5em rgba(1, 2, 68, 0.3); +} + +.card:hover{ + transition-delay:0.5s; + height:420px; + transition: ease-out; + /* background:#110f29; */ + /* border: 3px solid black;*/ + border: black 2px solid; + +} + + +.image-container { + text-align: center; +} + +img { + max-width: 100%; + object-fit: contain; + height: 300px; +} +/* +.card:hover img{ + height:20em;; +} */ + +.container { + padding-top: 1em; + color: #110f29; +} + +.card:hover .container { + background-color: #f5f8ff; + color:#110f29; +} + + +.container h5 { + font-weight: 500; +} + +.hide { + display: none; +} + +#buttons{ + text-align:center; + border-radius:50%; + transition: all .3s easy; +} + +@media screen and (max-width: 720px) { + img { + max-width: 100%; + object-fit: contain; + height: 10em; + } + .card { + max-width: 10em; + margin-top: 1em; + } + #places { + grid-template-columns: auto auto; + grid-column-gap: 1em; + } +} \ No newline at end of file diff --git a/firstspot/pages/Filter/filter.html b/firstspot/pages/Filter/filter.html new file mode 100644 index 00000000..d3f6242a --- /dev/null +++ b/firstspot/pages/Filter/filter.html @@ -0,0 +1,36 @@ + + + + + + + Search and Filter + + + + + +
+
+ + +
+
+ + + + + + +
+
+ + + +
+ + + diff --git a/firstspot/pages/Filter/filter.js b/firstspot/pages/Filter/filter.js new file mode 100644 index 00000000..58f7e05d --- /dev/null +++ b/firstspot/pages/Filter/filter.js @@ -0,0 +1,197 @@ +// import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.11/firebase-app.js"; + + +// const firebaseConfig = { +// apiKey: "AIzaSyAHLP7isomKx1zKwle0PpydCYdhHA1ctM4", +// authDomain: "firstspot-b7b7b.firebaseapp.com", +// databaseURL: "https://firstspot-b7b7b-default-rtdb.firebaseio.com", +// projectId: "firstspot-b7b7b", +// storageBucket: "firstspot-b7b7b.appspot.com", +// messagingSenderId: "781962837914", +// appId: "1:781962837914:web:6662ae66f885e764e2c423" +// }; + +// // Initialize Firebase + +// const app = initializeApp(firebaseConfig); + +// import { getDatabase, ref, set, child, get } from "https://www.gstatic.com/firebasejs/9.6.11/firebase-database.js"; + +// // const db = getDatabase(); + +// // ////////////////////////// +// var stdNo = 0; + +// function addItemsToList(tourname, catagory, price) { +// var ul = document.getElementById("places"); +// var _tourname = document.createElement("li"); +// var _catagory = document.createElement("li"); +// var _price = document.createElement("li"); + +// _tourname.innerHTML = "Name: " + tourname; +// _catagory.innerHTML = "catagory: " + catagory; +// _price.innerHTML = "price: " + price; + +// ul.appendChild(_tourname); +// ul.appendChild(_catagory); +// ul.appendChild(_price); +// } + +// function FetchAllData() { +// firebase.database().ref("Tours").ounce("value", function(snapshot) { +// snapshot.forEach( +// function(childSnapshot) { +// let name = childSnapshot.value().TourName; +// let catagory = childSnapshot.value().catagory; +// let price = childSnapshot.value().price; +// addItemsToList(name, catagory, price); +// } +// ) +// }) +// } +// window.onload(FetchAllData()); + +// ///////////////////////////////////////////////////// +let places = { + data: [{ + placeName: "Mumbai", + category: "South", + price: "15,000", + image: "mumbai_tour.jpg", + link : "/firstspot/pages/cities/mumbai/mumbai.html", + + }, + { + placeName: "Delhi", + category: "North", + price: "12,000", + image: "delhi_tour.jpg", + }, + { + placeName: "Indore", + category: "Center", + price: "8,000", + image: "indore_tour.jpg", + }, + { + placeName: "Kolkata", + category: "East", + price: "12,000", + image: "kolkata_tour.jpg", + link : "/firstspot/pages/cities/kolkata/kolkata.html", + }, + { + placeName: "Ahmedabad", + category: "West", + price: "11,000", + image: "ahemdabad_tour.jpg", + }, + { + placeName: "Pune", + category: "South", + price: "15,000", + image: "pune_tour.jpg", + }, + { + placeName: "Bengaluru", + category: "South", + price: "15,000", + image: "mumbai_tour.jpg", + }, + { + placeName: "Haridwar", + category: "North", + price: "15,000", + image: "mumbai_tour.jpg", + }, + ], +}; + +for (let i of places.data) { + //Create Card + let card = document.createElement("div"); + //Card should have category and should stay hidden initially + card.classList.add("card", i.category, "hide"); + //image div + let imgContainer = document.createElement("div"); + imgContainer.classList.add("img-container"); + let link = document.createElement("a") ; + link.setAttribute("href",i.link); + + //img tag + let image = document.createElement("img"); + image.setAttribute("src", i.image); + imgContainer.appendChild(image); + card.appendChild(imgContainer); + link.appendChild(image); + imgContainer.appendChild(link); + card.appendChild(imgContainer); + + //container + let container = document.createElement("div"); + container.classList.add("container"); + //product name + let name = document.createElement("h5"); + name.classList.add("place-name"); + name.innerText = i.placeName.toUpperCase(); + container.appendChild(name); + //price + let price = document.createElement("h6"); + price.innerText = "$" + i.price; + container.appendChild(price); + card.appendChild(container); + document.getElementById("places").appendChild(card) +} +//Parameter passed from button (Parameter same as category) +function filterPlace(value) { + //Button class code + let buttons = document.querySelectorAll(".button-value"); + buttons.forEach((button) => { + //check if value equals innerText + if (value.toUpperCase() == button.innerText.toUpperCase()) { + button.classList.add("active"); + } else { + button.classList.remove("active"); + } + }); + //select all cards + let elements = document.querySelectorAll(".card"); + //loop through all cards + elements.forEach((element) => { + //display all cards on 'all' button click + if (value == "all") { + element.classList.remove("hide"); + } else { + //check if element contains category + if (element.classList.contains(value)) { + //display element based on category + element.classList.remove("hide"); + } else { + //hide other elements + element.classList.add("hide"); + } + } + }); +} +//Search button click +document.getElementById("search").addEventListener("click", () => { + //initializations + let searchInput = document.getElementById("search-input").value; + let elements = document.querySelectorAll(".place-name"); + let cards = document.querySelectorAll(".card"); + //loop through all elements + elements.forEach((element, index) => { + //check if text includes the search value + if (element.innerText.includes(searchInput.toUpperCase())) { + //display matching card + cards[index].classList.remove("hide"); + } else { + //hide others + cards[index].classList.add("hide"); + } + }); +}); +//Initially display all places +window.onload = () => { + filterPlace("all"); +}; \ No newline at end of file diff --git a/firstspot/pages/Filter/haridwar_tour.jpg b/firstspot/pages/Filter/haridwar_tour.jpg new file mode 100644 index 00000000..a4b62359 Binary files /dev/null and b/firstspot/pages/Filter/haridwar_tour.jpg differ diff --git a/firstspot/pages/Filter/indore_tour.jpg b/firstspot/pages/Filter/indore_tour.jpg new file mode 100644 index 00000000..9cda9b1f Binary files /dev/null and b/firstspot/pages/Filter/indore_tour.jpg differ diff --git a/firstspot/pages/Filter/kolapur_tour.jpg b/firstspot/pages/Filter/kolapur_tour.jpg new file mode 100644 index 00000000..1d2b5d85 Binary files /dev/null and b/firstspot/pages/Filter/kolapur_tour.jpg differ diff --git a/firstspot/pages/Filter/kolkata_tour.jpg b/firstspot/pages/Filter/kolkata_tour.jpg new file mode 100644 index 00000000..6b3e4957 Binary files /dev/null and b/firstspot/pages/Filter/kolkata_tour.jpg differ diff --git a/firstspot/pages/Filter/mumbai_tour.jpg b/firstspot/pages/Filter/mumbai_tour.jpg new file mode 100644 index 00000000..792c51e9 Binary files /dev/null and b/firstspot/pages/Filter/mumbai_tour.jpg differ diff --git a/firstspot/pages/Filter/pune_tour.jpg b/firstspot/pages/Filter/pune_tour.jpg new file mode 100644 index 00000000..cf7860cc Binary files /dev/null and b/firstspot/pages/Filter/pune_tour.jpg differ diff --git a/firstspot/pages/Filter/roorkee_tour.jpg b/firstspot/pages/Filter/roorkee_tour.jpg new file mode 100644 index 00000000..52d0034e Binary files /dev/null and b/firstspot/pages/Filter/roorkee_tour.jpg differ diff --git a/firstspot/pages/LoginOverView/index.css b/firstspot/pages/LoginOverView/index.css new file mode 100644 index 00000000..22aafa87 --- /dev/null +++ b/firstspot/pages/LoginOverView/index.css @@ -0,0 +1,56 @@ +.main_login_page { + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 700px; +} + +.Tourist_login { + background-image: linear-gradient( + to right top, + #d16ba5, + #c777b9, + #ba83ca, + #aa8fd8, + #9a9ae1, + #8aa7ec, + #79b3f4, + #69bff8, + #52cffe, + #41dfff, + #46eefa, + #5ffbf1 + ); + border-radius: 10px; +} + +.Guide_login { + background-image: linear-gradient( + to right top, + #051937, + #004d7a, + #008793, + #00bf72, + #a8eb12 + ); + border-radius: 10px; +} + +.Tourist_login_button { + height: 50px; + width: 200px; + margin: 300px 50px 50px 250px; + border: none; + border-radius: 10px; + background-color: rgb(220, 255, 252); + font-size: 15px; +} + +.Guide_login_button { + height: 50px; + width: 200px; + margin: 300px 50px 50px 250px; + border: none; + border-radius: 10px; + background-color: rgb(213, 255, 219); + font-size: 15px; +} diff --git a/firstspot/pages/LoginOverView/index.html b/firstspot/pages/LoginOverView/index.html new file mode 100644 index 00000000..60be3691 --- /dev/null +++ b/firstspot/pages/LoginOverView/index.html @@ -0,0 +1,29 @@ + + + + + + + + + Document + + + + + + + \ No newline at end of file diff --git a/firstspot/pages/Profile/guidesGigs/gigIndex.html b/firstspot/pages/Profile/guidesGigs/gigIndex.html new file mode 100644 index 00000000..1a0b991a --- /dev/null +++ b/firstspot/pages/Profile/guidesGigs/gigIndex.html @@ -0,0 +1,165 @@ + + + + + + + Page Title + + + + + + + + + + + + + + + +
+
+ +
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/firstspot/pages/Profile/guidesGigs/gigLogic.js b/firstspot/pages/Profile/guidesGigs/gigLogic.js new file mode 100644 index 00000000..e69de29b diff --git a/firstspot/pages/Profile/guidesGigs/gigStyle.css b/firstspot/pages/Profile/guidesGigs/gigStyle.css new file mode 100644 index 00000000..e69de29b diff --git a/firstspot/pages/Profile/profile.css b/firstspot/pages/Profile/profile.css new file mode 100644 index 00000000..de986ddc --- /dev/null +++ b/firstspot/pages/Profile/profile.css @@ -0,0 +1,80 @@ + + +#tbody{ + display: flex; + justify-content: center; + flex-wrap: wrap; + margin-top: 1.1%; +} + +#tbody .cardGuide { + text-align: center; + flex: 0 0 180mm; + margin-left: 4rem; + background-color: #ecd4d4; + min-width: 180mm; + margin-top: 1em; + margin-bottom: 10mm; + border-radius: 25px; + box-shadow: 10px 25px 30px rgb(99, 96, 96); + max-height: 50mm; +} + +#tbody .image-containerGuide { + text-align: left; +} + +#tbody .image-containerGuide { + text-align: center; + height: 20px; +} + +#tbody .img-containerGuide { + text-align: center; + display: inline-block; +} + +#tbody .img-containerGuide img { + max-width: 100%; + object-fit: contain; + height: 100px; + width: 100px; + border-radius: 75%; + margin-bottom: 100px; + +} + +#tbody .containerGuide { + padding-right: 1em; + color: #110f29; + text-align: center; + display: inline-block; + margin-left: 22px; + margin-bottom: 27px; +} + +#tbody .containerGuide h5 { + display: flex; + margin-top: 18px; + font-size: 33px; +} + +.hide { + display: none; +} + +@media screen and (max-width: 720px) { + /* img { + max-width: 100%; + object-fit: contain; + height: 10em; + } */ + .cardGuide { + max-width: 10em; + margin-top: 1em; + } + #names { + grid-template-columns: auto auto; + grid-column-gap: 1em; + } +} \ No newline at end of file diff --git a/firstspot/pages/Profile/profile.html b/firstspot/pages/Profile/profile.html new file mode 100644 index 00000000..6464dc7b --- /dev/null +++ b/firstspot/pages/Profile/profile.html @@ -0,0 +1,161 @@ + + + + + + + + Profile + + + + + + + + + + + +
+ +
+ + + + + + + + + + + \ No newline at end of file diff --git a/firstspot/pages/Profile/profile.js b/firstspot/pages/Profile/profile.js new file mode 100644 index 00000000..bb0149fd --- /dev/null +++ b/firstspot/pages/Profile/profile.js @@ -0,0 +1,71 @@ +var stdno = 0; +var tbody = document.getElementById("tbody"); + +function AddItemToTable(name, email, phone) { + let data = "" + data =` +
+
+ guide PFP +
+ +
+
${name}
+
${email}
+
Price
+
Description and ${phone}
+
+
+ ` + tbody.innerHTML+=data + +} + +function AddAllItemsToTable(Guide) { + stdno = 0; + // tbody.innerHTML = ""; + Guide.forEach(element => { + AddItemToTable(element.fullname, element.email, element.phone); + }); +} + +import { + initializeApp +} from "https://www.gstatic.com/firebasejs/9.11.0/firebase-app.js"; +const firebaseConfig = { + apiKey: "AIzaSyAHLP7isomKx1zKwle0PpydCYdhHA1ctM4", + authDomain: "firstspot-b7b7b.firebaseapp.com", + databaseURL: "https://firstspot-b7b7b-default-rtdb.firebaseio.com", + projectId: "firstspot-b7b7b", + storageBucket: "firstspot-b7b7b.appspot.com", + messagingSenderId: "781962837914", + appId: "1:781962837914:web:6662ae66f885e764e2c423" +}; + +const app = initializeApp(firebaseConfig); + +import { + getDatabase, + ref, + child, + onValue, + get +} +from "https://www.gstatic.com/firebasejs/9.11.0/firebase-database.js"; + +const db = getDatabase(); + + +function GetAllDataOunce() { + const dbRef = ref(db); + get(child(dbRef, "Guide")).then((snapshot) => { + var Guide = []; + snapshot.forEach(childSnapshot => { + Guide.push(childSnapshot.val()); + }) + + AddAllItemsToTable(Guide); + }) +} + +window.onload = GetAllDataOunce; \ No newline at end of file diff --git a/firstspot/pages/Profile/profile.png b/firstspot/pages/Profile/profile.png new file mode 100644 index 00000000..31dc9315 Binary files /dev/null and b/firstspot/pages/Profile/profile.png differ diff --git a/firstspot/pages/Signup/Signup_as_tourist_guide.html b/firstspot/pages/Signup/Signup_as_tourist_guide.html new file mode 100644 index 00000000..592feda1 --- /dev/null +++ b/firstspot/pages/Signup/Signup_as_tourist_guide.html @@ -0,0 +1,78 @@ + + + + + + + + Registeration + + + + +
+
+

Tourist Guide Registeration

+
+
+
+
+

Full Name

+ +
+
+

User Name

+ +
+
+

Email ID

+ +
+
+

Phone Number

+ +
+
+

Password

+ +
+
+

Confirm Password

+ +
+
+ +
+
+ +
+
+ Already have an account? + +
+ + + + \ No newline at end of file diff --git a/firstspot/pages/Signup/guide.js b/firstspot/pages/Signup/guide.js new file mode 100644 index 00000000..a677f94f --- /dev/null +++ b/firstspot/pages/Signup/guide.js @@ -0,0 +1,108 @@ +import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.11/firebase-app.js"; + + +const firebaseConfig = { + apiKey: "AIzaSyAHLP7isomKx1zKwle0PpydCYdhHA1ctM4", + authDomain: "firstspot-b7b7b.firebaseapp.com", + databaseURL: "https://firstspot-b7b7b-default-rtdb.firebaseio.com", + projectId: "firstspot-b7b7b", + storageBucket: "firstspot-b7b7b.appspot.com", + messagingSenderId: "781962837914", + appId: "1:781962837914:web:6662ae66f885e764e2c423" +}; + +// Initialize Firebase + +const app = initializeApp(firebaseConfig); + +import { getDatabase, ref, set, child, get } from "https://www.gstatic.com/firebasejs/9.6.11/firebase-database.js"; + +const db = getDatabase(); + +// ////////The refrences//////////////////////////////////////////////// + +const name = document.getElementById("nameInp"); +const email = document.getElementById("emailInp"); +const username = document.getElementById("userInp"); +const pass = document.getElementById("passInp"); +const phone = document.getElementById("phoneInp"); +const gender = document.getElementById("genderInp"); +const submit = document.getElementById("sub_btn"); + +// ///////////////////////validation////////////////////////////////// + +function isEmptyOrSpaces(str) { + return str === null || str.match(/^ *$/) !== null; +} + + +function validation() { + let nameregex = /^[a-zA-Z\s]+$/; + let emailregex = /^[a-zA-Z0-9]+@(gmail|yahoo|outlook)\.com$/; + let userregex = /^[a-zA-Z0-9]{5,}$/; + let phoneregex = /^\d{10}$/; + if (isEmptyOrSpaces(name.value) || isEmptyOrSpaces(email.value) || isEmptyOrSpaces(username.value) || isEmptyOrSpaces(pass.value)) { + alert("you cannot left any fields empty") + return false; + } + + if (!nameregex.test(name.value)) { + alert("The name should only contain alphabets!"); + return false; + } + if (!emailregex.test(email.value)) { + alert("Enter a valid email"); + return false; + } + if (!userregex.test(username.value)) { + alert("-username can only be alphanumeric\n-username must be atleast 5 characters\n"); + return false; + } + if (!phoneregex.test(phone.value)) { + alert("Enter a valid phone number"); + return false; + } + + return true; +} + +// ------------------------register user to firebase----------------------------// +function RegisterUser() { + if (!validation()) { + return; + }; + const dbRef = ref(db); + + get(child(dbRef, "Guide/" + username.value)).then((snapshot) => { + if (snapshot.exists()) { + alert("Account already exixts!"); + } else { + set(ref(db, "Guide/" + username.value), { + fullname: name.value, + username: username.value, + email: email.value, + phone: phone.value, + password: pass.value, + // gender: gender.value + }) + .then(() => { + alert("user added successfully!"); + }).catch((error) => { + alert("error" + error); + }) + } + }) +} + +// /////////////////encript ////////////////////////////////// +// function encPass() { +// var pass12 = CryptoJS.AES.encrypt(pass.value, pass.value); +// return pass12.toString(); +// } + + + + +// --------------------------------Assign the events-------------------------///// + +submit.addEventListener("click", RegisterUser); \ No newline at end of file diff --git a/firstspot/pages/Signup/guidelogin..css b/firstspot/pages/Signup/guidelogin..css new file mode 100644 index 00000000..10cfef0f --- /dev/null +++ b/firstspot/pages/Signup/guidelogin..css @@ -0,0 +1,45 @@ +body{ + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + background-color: #01b3a7 !important; + background-image: url(/images/benimdorm.jpg); + background-repeat: no-repeat; + background-attachment: fixed; +} +.mb-5{ + background-color: rgba(255, 255, 255, 0.805); + padding: 4%; + width: 30vw; + height: 65vh; +} +h3{ + text-align: center; + /* font-family: "Montserrat", sans-serif, Arial, sans-serif; + */ + font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important; + +} +.form-control{ + border-color: black !important; + height: 6vh !important; +} +.w-100{ + height: 6vh !important; +} +.py-1{ + height: 6vh !important; + /* background-color: #01b3a7 !important; */ + background-color: rgb(22, 46, 68) !important; + text-align: center !important; +} +.mb-3{ + border-radius: 0% !important; + border-width: 0.1rem !important; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + font-weight: 500; +} +.btn{ + font-weight: bolder !important; +} \ No newline at end of file diff --git a/firstspot/pages/Signup/guidelogin.html b/firstspot/pages/Signup/guidelogin.html new file mode 100644 index 00000000..d00aa85f --- /dev/null +++ b/firstspot/pages/Signup/guidelogin.html @@ -0,0 +1,37 @@ + + + + + + + Login and Registration Form in HTML | CodingNepal + + + + + + + + + + + + + +
+

Tourist Guide Login

+ + +
+ + +
+ +
Create a new account?
+
+ + + + + + \ No newline at end of file diff --git a/firstspot/pages/Signup/guidelogin.js b/firstspot/pages/Signup/guidelogin.js new file mode 100644 index 00000000..786462d5 --- /dev/null +++ b/firstspot/pages/Signup/guidelogin.js @@ -0,0 +1,80 @@ +import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.11/firebase-app.js"; +// import { initializeApp } from "firebase"; + +const firebaseConfig = { + apiKey: "AIzaSyAHLP7isomKx1zKwle0PpydCYdhHA1ctM4", + authDomain: "firstspot-b7b7b.firebaseapp.com", + databaseURL: "https://firstspot-b7b7b-default-rtdb.firebaseio.com", + projectId: "firstspot-b7b7b", + storageBucket: "firstspot-b7b7b.appspot.com", + messagingSenderId: "781962837914", + appId: "1:781962837914:web:6662ae66f885e764e2c423" +}; + +// Initialize Firebase +//const app = initializeApp(firebaseConfig); +const app = initializeApp(firebaseConfig); + +import { getDatabase, ref, set, child, get } +from "https://www.gstatic.com/firebasejs/9.6.11/firebase-database.js"; +// import { validation } from "uuid"; +const db = getDatabase(); +// ////////The refrences//////////////////////////////////////////////// + + +const username = document.getElementById("userInp"); +const pass = document.getElementById("passInp"); +const submit = document.getElementById("sub_btn"); + +////////////////// + +function AuthenticateUser() { + const dbref = ref(db); + console.log(username.value); + get(child(dbref, "Guide/" + username.value)).then((snapshot) => { + // console.log(snapshot.val()); + if (snapshot.exists()) { + // let dbpass = decPass(snapshot.val().password); + // console.log(dbpass, pass.value, "here"); + let dbpass = snapshot.val().password; + if (dbpass == pass.value) { + login(username.value); + } else { + alert("user does not exist"); + } + } else { + + alert("username or password is invalid"); + } + + }); +} + +// ////////////decript process +// function decPass(dbpass) { +// var pass12 = CryptoJS.AES.decrypt(dbpass, pass.value); +// return pass12.toString(CryptoJS.enc.utf8); +// } + +//////////////////login + +function login(user) { + // let keepLoggedIn = document.getElementById("customSwitch1").checked; + // if (!keepLoggedIn) { + // sessionStorage.setItem("user", user); + // window.location = "../home.html"; + // // console.log(sessionStorage.getItem("user")); + // } else { + // localStorage.setItem("keepLoggedIn", "yes"); + // localStorage.setItem("user", user); + // window.location = "../home.html"; + // // console.log(localStorage.getItem("user")); + // } + + sessionStorage.setItem("user", user); + window.location = "../../index.html"; + +} +// ////////////////////submit + +submit.addEventListener("click", AuthenticateUser); \ No newline at end of file diff --git a/firstspot/pages/Signup/guidesignup.css b/firstspot/pages/Signup/guidesignup.css new file mode 100644 index 00000000..d27223e6 --- /dev/null +++ b/firstspot/pages/Signup/guidesignup.css @@ -0,0 +1,168 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} + +body { + display: flex; + height: 100vh; + justify-content: center; + align-items: center; + padding: 10px; + /* background-image: url(/images/benimdorm.jpg); */ + background: linear-gradient(145deg, #237bb5, #8b30b0) +} + +.container { + max-width: 700px; + width: 100%; + background-color: rgba(255, 255, 255, 0.244); + padding: 25px 30px; + border-radius: 5px; +} + +.container .title { + font-size: 25px; + font-weight: 500; + color: black;; + position: relative; + font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important; + +} + +.container .title::before { + content: ''; + position: absolute; + left: 0; + bottom: 0; + height: 3px; + width: 300px; + background: linear-gradient(135deg, #4fabe8, #ab4ecf) +} + +.container form .user-details { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + margin: 20px 0 12px 0; +} + +form .user-details .input-box { + margin-bottom: 15px; + width: calc(100% / 2 -20px); + color: rgb(59, 58, 58); +} + +.user-details .input-box .details { + display: block; + font-weight: 500; + margin-bottom: 5px; + color: black; +} + +.user-details .input-box input { + height: 45px; + width: 100%; + outline: none; + border-radius: 5px; + border: 1px solid #3f3a3a; + box-shadow: 1px 1px 2px black, 1px 1px 1px white; + padding-left: 15px; + font-size: 16px; + border-bottom-width: 2px; + transition: all 0.3s ease; +} + +.user-details .input-box input:focus, +.user-details .input-box input:valid { + border-color: #76199b; +} + +form .gender-details .gender-title { + font-size: 20px; + font-weight: 500; +} + +form .gender-details .category { + display: flex; + width: 80%; + margin: 14px 0; + justify-content: space-between; +} + +.gender-details .category label { + display: flex; + align-items: center; +} + +.gender-details .category .dot { + height: 18px; + width: 18px; + background: #d9d9d9; + border-radius: 50%; + margin-right: 10px; + border: 5px solid transparent; + transition: all 0.3 ease; +} + +#dot-1:checked~.category label .one, +#dot-2:checked~.category label .two, +#dot-3:checked~.category label .three { + border-color: #d9d9d9; + background: #9b59b6; +} + +form input[type="radio"] { + display: none; +} + +.button input { + height: 100%; + padding: 10px; + margin-left: 20%; + margin-bottom: 2%; + width: 60%; + outline: none; + color: #fff; + border: none; + font-size: 18px; + font-weight: 500; + border-radius: 5px; + letter-spacing: 1px; + background: linear-gradient(135deg, #4fabe8, #ab4ecf); +} + +.button input:hover { + background: linear-gradient(135deg, #ab4ecf, #4fabe8); +} + +.w-100{ + text-align: center; + margin-left: 34%; +} +.w-100:hover{ + color: rgb(252, 252, 252); +} + +@media (max-width:584px) { + .container { + max-width: 100%; + } + form .user-details .input-box { + margin-bottom: 15px; + width: 100%; + } + form .gender-details .category { + width: 100%; + } + .container form .user-details { + max-height: 300px; + overflow-y: scroll; + } + .user-details::-webkit-scrollbar { + width: 0; + } +} \ No newline at end of file diff --git a/firstspot/pages/blogs/blog.css b/firstspot/pages/blogs/blog.css new file mode 100644 index 00000000..ec5bf479 --- /dev/null +++ b/firstspot/pages/blogs/blog.css @@ -0,0 +1,105 @@ + +body { + font-family: 'Arial', sans-serif; + margin: 0; + padding: 0; + background-color: #4158D0; +background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); + +} + +.head{ + background-color:#555; + color: white; + text-align: center; + padding: 1em; +} + +#blog-list { + display: flex; + flex-wrap: wrap; + justify-content: space-around; + padding: 20px; +} + +.blog-post { + width: 300px; + margin: 20px; + padding: 15px; + border: 1px solid #ddd; + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + transition: transform 0.3s; +} + +.blog-post:hover { + transform: translateY(-5px); +} + +.blog-post h2 { + font-size: 1.5rem; + margin-bottom: 10px; + color: #333; +} + +.blog-post img { + width: 100%; + height: auto; + border-radius: 6px; + margin-bottom: 10px; +} + +.blog-post p { + font-size: 0.9rem; + color: #555; +} + +#add-blog { + background-color: #fff; + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + padding: 20px; + margin: 20px; +} + +#add-blog h2 { + font-size: 1.5rem; + color: #333; + margin-bottom: 15px; +} + +#blog-form { + display: grid; + grid-gap: 15px; +} + +label { + display: block; + font-size: 1rem; + margin-bottom: 5px; + color: #555; +} + +input, +textarea { + width: 100%; + padding: 10px; + font-size: 1rem; + border: 1px solid #ddd; + border-radius: 4px; +} + +button { + background-color: #333; + color: white; + padding: 10px 15px; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 1rem; + transition: background-color 0.3s; +} + +button:hover { + background-color: #555; +} diff --git a/firstspot/pages/blogs/blog.html b/firstspot/pages/blogs/blog.html new file mode 100644 index 00000000..d370842f --- /dev/null +++ b/firstspot/pages/blogs/blog.html @@ -0,0 +1,40 @@ + + + + + + Document + + + + + +
+

Travel Blog

+
+ +
+ + +
+ +
+

Add a Blog

+
+ + + + + + + + + + +
+
+ + + + + diff --git a/firstspot/pages/blogs/blog.js b/firstspot/pages/blogs/blog.js new file mode 100644 index 00000000..95a42dea --- /dev/null +++ b/firstspot/pages/blogs/blog.js @@ -0,0 +1,49 @@ +document.addEventListener('DOMContentLoaded', function () { + const blogList = document.getElementById('blog-list'); + const blogForm = document.getElementById('blog-form'); + + // Simulated data for demonstration purposes + let blogData = [ + { title: 'Exploring Paradise Island', content: 'Paradise Island is known for powder soft beaches and crystal clear, turquoise water, great for diving and snorkeling. Visitors can try their luck at the Atlantis Casino and dine “around the world” at celebrity chef restaurants. Spend the day at Aquaventure Water Park or swim with dolphins at Dolphin Cay.', imageUrl: 'https://media.istockphoto.com/id/690506986/es/foto/fondo-de-playa-para%C3%ADso.webp?b=1&s=170667a&w=0&k=20&c=VdyIjJWA3aZqX7E48hNL6qYndIkGg77fEuv9-Jgdwtg='}, + { title: 'City Lights: A Night in Metropolis', content: 'Lorem ipsum dolor sit amet...', imageUrl: 'https://img.freepik.com/premium-photo/mesmerizing-cityscape-night-with-countless-lights-illuminating-urban-landscape_523886-2456.jpg?size=338&ext=jpg&ga=GA1.1.44546679.1699488000&semt=ais' }, + // Add more blog entries as needed + ]; + + function renderBlogList() { + blogList.innerHTML = ''; + blogData.forEach(blog => { + const blogPost = document.createElement('div'); + blogPost.classList.add('blog-post'); + blogPost.innerHTML = ` +

${blog.title}

+ ${blog.title} +

${blog.content}

+ `; + blogList.appendChild(blogPost); + }); + } + + function addBlog(event) { + event.preventDefault(); + const title = document.getElementById('title').value; + const content = document.getElementById('content').value; + const imageUrl = document.getElementById('image-url').value; + + // Validate the input (you can add more validation as needed) + + // Add the new blog to the data array + blogData.push({ title, content, imageUrl }); + + // Clear the form + blogForm.reset(); + + // Update the displayed blog list + renderBlogList(); + } + + // Event listener for form submission + blogForm.addEventListener('submit', addBlog); + + // Initial rendering of blog list + renderBlogList(); +}); diff --git a/firstspot/pages/cities/kolkata/Belur-Math.jpg b/firstspot/pages/cities/kolkata/Belur-Math.jpg new file mode 100644 index 00000000..6319fd53 Binary files /dev/null and b/firstspot/pages/cities/kolkata/Belur-Math.jpg differ diff --git a/firstspot/pages/cities/kolkata/Birla-Mandir.jpg b/firstspot/pages/cities/kolkata/Birla-Mandir.jpg new file mode 100644 index 00000000..3a29533c Binary files /dev/null and b/firstspot/pages/cities/kolkata/Birla-Mandir.jpg differ diff --git a/firstspot/pages/cities/kolkata/Birla-Planetarium.jpg b/firstspot/pages/cities/kolkata/Birla-Planetarium.jpg new file mode 100644 index 00000000..6ffe3a40 Binary files /dev/null and b/firstspot/pages/cities/kolkata/Birla-Planetarium.jpg differ diff --git a/firstspot/pages/cities/kolkata/Chinatown.jpg b/firstspot/pages/cities/kolkata/Chinatown.jpg new file mode 100644 index 00000000..5a01cd82 Binary files /dev/null and b/firstspot/pages/cities/kolkata/Chinatown.jpg differ diff --git a/firstspot/pages/cities/kolkata/Dakshineswar.jpg b/firstspot/pages/cities/kolkata/Dakshineswar.jpg new file mode 100644 index 00000000..c0c95213 Binary files /dev/null and b/firstspot/pages/cities/kolkata/Dakshineswar.jpg differ diff --git a/firstspot/pages/cities/kolkata/Howrah-Bridge.jpg b/firstspot/pages/cities/kolkata/Howrah-Bridge.jpg new file mode 100644 index 00000000..fe773f89 Binary files /dev/null and b/firstspot/pages/cities/kolkata/Howrah-Bridge.jpg differ diff --git a/firstspot/pages/cities/kolkata/Indian-Museum.jpg b/firstspot/pages/cities/kolkata/Indian-Museum.jpg new file mode 100644 index 00000000..fd77b4d9 Binary files /dev/null and b/firstspot/pages/cities/kolkata/Indian-Museum.jpg differ diff --git a/firstspot/pages/cities/kolkata/Marble-Palace-Mansion.jpg b/firstspot/pages/cities/kolkata/Marble-Palace-Mansion.jpg new file mode 100644 index 00000000..9983c7c7 Binary files /dev/null and b/firstspot/pages/cities/kolkata/Marble-Palace-Mansion.jpg differ diff --git a/firstspot/pages/cities/kolkata/Victoria-Memorial-Night-View.jpg b/firstspot/pages/cities/kolkata/Victoria-Memorial-Night-View.jpg new file mode 100644 index 00000000..f81551ce Binary files /dev/null and b/firstspot/pages/cities/kolkata/Victoria-Memorial-Night-View.jpg differ diff --git a/firstspot/pages/cities/kolkata/kolkata.html b/firstspot/pages/cities/kolkata/kolkata.html new file mode 100644 index 00000000..d7772dc5 --- /dev/null +++ b/firstspot/pages/cities/kolkata/kolkata.html @@ -0,0 +1,159 @@ + + + + + + Kolkata + + + + +
+

Exploring Kolkata - The City of Joy

+ Kolkata +
+
+

The History

+

+ Kolkata, formerly known as Calcutta in English, is the capital of the Indian state of West Bengal and is located in eastern India on the east bank of the River Hooghly. The city was a colonial city developed by the British East India Company and then by the British Empire. Kolkata was the capital of the British Indian empire until 1911 when the capital was relocated to Delhi. Kolkata grew rapidly in the 19th century to become the second city of the British Empire. This was accompanied by the development of a culture that fused European philosophies with Indian tradition. The city is also noted for its revolutionary history, ranging from the Indian struggle for independence to the leftist and trade union movements.Despite its problems, Kolkata remains the dominant urban area of eastern India and a major educational and cultural centre.Now let's dive deeper into some of its tourist attractions.

+

10 tourist attraction of Kolkata

+

1.Victoria Memorial

+

Victoria Memorial

+

+ The Victoria Memorial is a large marble building in Kolkata, West Bengal, India, which was built between 1906 and 1921. It is dedicated to the memory of Queen Victoria (1819–1901) and is now a museum and tourist destination under the auspices of the Ministry of Culture. The memorial lies on the Maidan (grounds) by the bank of the Hooghly River, near Jawaharlal Nehru Road (better known as Chowringhee Road). Every year thousands of people come to visit this place. It is one of the most popular tourist attractions in Kolkata.

+ +

2.Howrah Bridge

+

Howrah Bridge

+

+ Howrah Bridge is a bridge with a suspended span over the Hooghly River in West Bengal, India. Commissioned in 1943, the bridge was originally named the New Howrah Bridge, because it replaced a pontoon bridge at the same location linking the two cities of Howrah and Kolkata (Calcutta). On 14 June 1965 it was renamed Rabindra Setu after the great Bengali poet Rabindranath Tagore, who was the first Indian and Asian Nobel laureate. It is still popularly known as the Howrah Bridge. The bridge is one of four on the Hooghly River and is a famous symbol of Kolkata and West Bengal. The other bridges are the Vidyasagar Setu (popularly called the Second Hooghly Bridge), the Vivekananda Setu, and the newly built Nivedita Setu. It weathers the storms of the Bay of Bengal region, carrying a daily traffic of approximately 100,000 vehicles and possibly more than 150,000 pedestrians, easily making it the busiest cantilever bridge in the world. The third-longest cantilever bridge at the time of its construction, the Howrah Bridge is currently the sixth-longest bridge of its type in the world. +

+

3.Indian Museum

+

Indian Museum

+

The Indian Museum (formerly called Imperial Museum of Calcutta before independence) is a massive museum in Central Kolkata, West Bengal, India. It is the ninth oldest museum in the world and the oldest and largest museum in India and Asia, by size of collection.It has rare collections of antiques, armour and ornaments, fossils, skeletons, mummies and Mughal paintings. It was founded by the Asiatic Society of Bengal in Kolkata (Calcutta), India, in 1814. The founder curator was Nathaniel Wallich, a Danish botanist. + + It has six sections comprising thirty five galleries of cultural and scientific artifacts namely Indian art, archaeology, anthropology, geology, zoology and economic botany. Many rare and unique specimens, both Indian and trans-Indian, relating to humanities and natural sciences, are preserved and displayed in the galleries of these sections. In particular the art and archaeology sections hold collections of international importance. +

+

4.Dakshineswar Kali Temple

+

Dakshineswar Kali Temple

+

+ Dakshineswar Kali Temple is a Hindu temple located in Dakshineswar near Kolkata. Situated on the eastern bank of the Hooghly River, the presiding deity of the temple is Bhavatarini, an aspect of Kali, meaning, 'She who liberates Her devotees from the ocean of existence i.e. Saṃsāra'. The temple was built in 1855 by Rani Rashmoni, a philanthropist and a devotee of Kali. The temple is famous for its association with Ramakrishna, a mystic of 19th Century Bengal.

+

5.Birla Planetarium

+

Birla Planetarium

+

+ Birla Planetarium in Kolkata, West Bengal, India, is a single-storeyed circular structure designed in the typical Indian style, whose architecture is loosely styled on the Buddhist Stupa at Sanchi. Situated at Chowringhee Road adjacent to the Victoria Memorial, St. Paul's Cathedral, and the Maidan in South Kolkata, it is the largest planetarium in Asia and the second largest planetarium in the world. It is one of the two Birla Planetariums in India, the other being the B.M. Birla Planetarium in Chennai. It was inaugurated on 2 July 1963 by the then Prime Minister of India, Jawaharlal Nehru. The planetarium has an electronics laboratory for design and fabrication of science equipment. The planetarium has an astronomy gallery that maintains a huge collection of fine paintings and celestial models of renowned astronomers. It also houses a well-equipped library containing a large collection of books on astronomy and astrophysics. +

+

6.Belur Math

+

Belur Math

+

+ Beluṛ Maṭh (Bengali: বেলুড় মঠ) is the headquarters of the Ramakrishna Math and Mission, founded by Swami Vivekananda, the chief disciple of Ramakrishna Paramahamsa. It is located on the west bank of Hooghly River, Belur, West Bengal, India and is one of the significant institutions in Calcutta. This temple is the heart of the Ramakrishna Movement. The temple is notable for its architecture that fuses Hindu, Christian and Islamic motifs as a symbol of unity of all religions. The temple was built in 1938 and the architecture was done by the architect Nandalal Bose and the principal founder was Swami Vijnanananda, a direct disciple of Ramakrishna. The temple is considered as a prime example of the importance of material dimension of religion. +

+

7.Birla Mandir

+

Birla Mandir

+

+ Birla Mandir in Kolkata, India, is a Hindu temple on Asutosh Chowdhury Avenue, Ballygunge, built by the industrialist Birla family. This temple is open in the morning from 5.30 A.M. to 11 A.M. and in the evening from 4 .30 P.M. to 9 P.M. On Janmashtami, the birthday of Krishna, devotees come from far away places to pay their respect to the deities. The temple is one of the popular tourist attractions of Kolkata. The temple is one of the many Birla Mandirs built by the industrialist Birla family in India. The funds for the construction of the temple were donated by the Birla family of industrialists, headed by G.D. Birla and his brother B.M. Birla. The temple is dedicated to the deities Krishna and Radha. The temple is maintained by the Laxmi Narayan Temple Trust headed by Birla family. The construction of the temple started in 1970s and it was inaugurated by Swami Ranganathananda of Ramakrishna Mission in 1996 on Janmashtami. +

+

8.Kumortuli

+

Kumortuli

+

+ Kumortuli (also spelt Kumartuli, or the archaic spelling Coomartolly) is a traditional potters’ quarter in northern Kolkata (previously known as Calcutta), the capital of the east Indian state of West Bengal. The city is famous as a sculpting hot-spot which not only manufactures clay idols for various festivals but also regularly exports them. A locality with a rich cultural heritage, it has been the potters’ quarter since the days of the British East India Company. Kumortuli is located in Ward No. 9 of Kolkata Municipal Corporation (KMC) and has an area of 4.6 acres (18,000 m2) with more than 350 workshops employing approximately 1500 potters. The workshops here produce clay idols of Hindu gods and goddesses, particularly of Durga, Lakshmi, Saraswati, Kali, Kartikeya, Ganesha, Shiva, and Vishnu, during the festival season of Durga Puja. +

+

9.Chinatown

+

Chinatown

+

The only Chinatown in all of India, this place is a haven for people who want to taste the delicacies of this Asian country. The place evolved after Chinese traders who came to work on the ports settled here. While the place may have lost its authenticity, there are some stalls that still serve authentic Chinese appetizers like pork sausage, prawn crackers, momos and fish ball soup.

+

10.Marble Palace Mansion

+

Marble Palace Mansion

+

+ Located in North Kolkata, the Marble Palace Mansion was built in the year 1835. This property houses very rare paintings and also has a zoo that is filled with rare and exotic species of birds and animals. You can visit the property for its beautiful architecture and paintings.

+
+
+

So, these are the top 10 tourist attractions of Kolkata. Hope you will enjoy your visit to Kolkata. + Kolkata, the spirit of the city can only be fully embraced by stepping onto its lively streets, immersing oneself in its vibrant culture, and witnessing the tales that unfold around every corner.

+
+
+ + + diff --git a/firstspot/pages/cities/kolkata/kolkata2.jpg b/firstspot/pages/cities/kolkata/kolkata2.jpg new file mode 100644 index 00000000..66460626 Binary files /dev/null and b/firstspot/pages/cities/kolkata/kolkata2.jpg differ diff --git a/firstspot/pages/cities/kolkata/kumortuli.jpg b/firstspot/pages/cities/kolkata/kumortuli.jpg new file mode 100644 index 00000000..51644f96 Binary files /dev/null and b/firstspot/pages/cities/kolkata/kumortuli.jpg differ diff --git a/firstspot/pages/cities/mumbai/Bandra-Worli-Sea-Link.jpg b/firstspot/pages/cities/mumbai/Bandra-Worli-Sea-Link.jpg new file mode 100644 index 00000000..faf63e4a Binary files /dev/null and b/firstspot/pages/cities/mumbai/Bandra-Worli-Sea-Link.jpg differ diff --git a/firstspot/pages/cities/mumbai/Chhatrapati-Shivaji-Terminus.jpg b/firstspot/pages/cities/mumbai/Chhatrapati-Shivaji-Terminus.jpg new file mode 100644 index 00000000..1a8ba147 Binary files /dev/null and b/firstspot/pages/cities/mumbai/Chhatrapati-Shivaji-Terminus.jpg differ diff --git a/firstspot/pages/cities/mumbai/Elephanta-Caves.jpg b/firstspot/pages/cities/mumbai/Elephanta-Caves.jpg new file mode 100644 index 00000000..c509ec1d Binary files /dev/null and b/firstspot/pages/cities/mumbai/Elephanta-Caves.jpg differ diff --git a/firstspot/pages/cities/mumbai/Gateway-Of-India.jpg b/firstspot/pages/cities/mumbai/Gateway-Of-India.jpg new file mode 100644 index 00000000..9cfa160a Binary files /dev/null and b/firstspot/pages/cities/mumbai/Gateway-Of-India.jpg differ diff --git a/firstspot/pages/cities/mumbai/Global-Vipassana-Pagoda.jpg b/firstspot/pages/cities/mumbai/Global-Vipassana-Pagoda.jpg new file mode 100644 index 00000000..4d6c967b Binary files /dev/null and b/firstspot/pages/cities/mumbai/Global-Vipassana-Pagoda.jpg differ diff --git a/firstspot/pages/cities/mumbai/Haji-Ali-Dargah.jpg b/firstspot/pages/cities/mumbai/Haji-Ali-Dargah.jpg new file mode 100644 index 00000000..83be6274 Binary files /dev/null and b/firstspot/pages/cities/mumbai/Haji-Ali-Dargah.jpg differ diff --git a/firstspot/pages/cities/mumbai/Juhu-Beach.jpg b/firstspot/pages/cities/mumbai/Juhu-Beach.jpg new file mode 100644 index 00000000..61d4ef61 Binary files /dev/null and b/firstspot/pages/cities/mumbai/Juhu-Beach.jpg differ diff --git a/firstspot/pages/cities/mumbai/KidZania-mumbai.jpg b/firstspot/pages/cities/mumbai/KidZania-mumbai.jpg new file mode 100644 index 00000000..f66b1f77 Binary files /dev/null and b/firstspot/pages/cities/mumbai/KidZania-mumbai.jpg differ diff --git a/firstspot/pages/cities/mumbai/Marine-Drive.jpg b/firstspot/pages/cities/mumbai/Marine-Drive.jpg new file mode 100644 index 00000000..281a043a Binary files /dev/null and b/firstspot/pages/cities/mumbai/Marine-Drive.jpg differ diff --git a/firstspot/pages/cities/mumbai/Siddhivinayak-Temple.jpg b/firstspot/pages/cities/mumbai/Siddhivinayak-Temple.jpg new file mode 100644 index 00000000..8a8f527e Binary files /dev/null and b/firstspot/pages/cities/mumbai/Siddhivinayak-Temple.jpg differ diff --git a/firstspot/pages/cities/mumbai/mumbai.html b/firstspot/pages/cities/mumbai/mumbai.html new file mode 100644 index 00000000..56e79c98 --- /dev/null +++ b/firstspot/pages/cities/mumbai/mumbai.html @@ -0,0 +1,189 @@ + + + + + + Mumbai + + + + +
+

Exploring Mumbai - The City Of Dreams

+ Kolkata +
+
+

The History

+

Mumbai, formerly Bombay, city, capital of Maharashtra state, southwestern India. It is the country’s financial and commercial centre and its principal port on the Arabian Sea. + Located on Maharashtra’s coast, Mumbai is India’s most-populous city, and it is one of the largest and most densely populated urban areas in the world. + It was built on a site of ancient settlement, and it took its name from the local goddess Mumba—a form of Parvati, the consort of Shiva, one of the principal deities of Hinduism—whose temple once stood in what is now the southeastern section of the city. + It became known as Bombay during the British colonial period, the name possibly an Anglicized corruption of Mumbai or perhaps of Bom Baim (“Good Harbour”), supposedly a Portuguese name for the locale. + The name Mumbai was restored officially in 1995, although Bombay remained in common usage.

+

The Culture

+

Mumbai is the birthplace of Indian cinema—Dadasaheb Phalke laid the foundations with silent movies followed by Marathi talkies—and the oldest film broadcast took place in the early 20th century. + The city is also home to the Marathi film industry, which releases films in the Marathi language. Mumbai also has a large number of cinema halls that feature Bollywood, Marathi and Hollywood movies. + Mumbai is home to the Marathi-speaking Koli people, who are the original inhabitants of the seven islands of Mumbai. The Koli dance is a popular folk dance, and the music that accompanies it is played with a string instrument called tumbi. + The city is also home to the Marathi-speaking Koli people, who are the original inhabitants of the seven islands of Mumbai. The Koli dance is a popular folk dance, and the music that accompanies it is played with a string instrument called tumbi. + Mumbai is home to the Marathi-speaking Koli people, who are the original inhabitants of the seven islands of Mumbai.

+

Top 10 Tourist Attractions in Mumbai

+

1. Gateway of India

+

Gateway Of India

+

The Gateway of India is one of India’s most unique landmarks situated in the city of Mumbai. The colossal structure was constructed in 1924. Located at the tip of Apollo Bunder, the gateway overlooks the Mumbai harbor, bordered by the Arabian Sea in the Colaba district. + The Gateway of India is a monument that marks India’s chief ports and is a major tourist attraction for visitors who arrive in India for the first time. At one point of time, this monument represented the grandeur of the British Raj in India. + The total construction cost of this monument was approximately 21 lakhs and the whole expense was borne by the Indian government. A favorite spot for tourists, nowadays, this monument attracts vendors, food stalls and photographers galore. + Another popular activity here is to take a motorboat ride from the Gateway of India to Mandwa, a scenic beachfront town about 20 minutes from Mumbai.

+

2. Marine Drive

+

Marine Drive

+

Marine Drive is a 3.6-kilometre-long boulevard in South Mumbai in the city of Mumbai. The road was constructed by late philanthropist Bhagojisheth Keer & Pallonji Mistry. It is a 'C'-shaped six-lane concrete road along the coast, which is a natural bay. + The road links Nariman Point to Babulnath and Malabar Hill. Marine Drive is situated over reclaimed land facing west-south-west. A promenade lies parallel to this road. Marine Drive is also known as the Queen's Necklace because, if viewed at night from an elevated point anywhere along the drive, the street lights resemble a string of pearls in a necklace. + In 2012, the Municipal Corporation of Greater Mumbai announced that the entire road would be resurfaced, 72 years after it was originally laid. The official name for this road, though rarely used, is Netaji Subhash Chandra Bose Road. The promenade is lined with palm trees. At the northern end of Marine Drive is Chowpatty Beach. This is a popular beach famed for its Bhel puri (local fast food). Many restaurants also line this stretch of the road. Further down this road lies Walkeshwar, a wealthy neighbourhood of the city, also home to the Governor of Maharashtra.

+

3. Juhu Beach

+

Juhu Beach

+

Juhu Beach is one of the most famous beaches in Mumbai. It may be accessed from the suburbs of Vile Parle, Santacruz and Andheri. Many tourists make it a point to visit the beach when they come to Mumbai, as it is a relatively uncrowded free space in the city, although it does get crowded in the evenings and weekends. + Juhu Beach is located in the central suburb of Mumbai. It is one of the most visited beaches in India. It is situated on the shores of the Arabian Sea in Juhu suburb. It stretches for about 6 km up to Versova. The beach is bordered by the Arabian Sea to the west, Versova to the north, Santacruz and Vile Parle to the east, and Khar to the south. Juhu Beach is a popular tourist attraction throughout the year and is also a sought after destination for shooting films. The beach generally gets more crowded on weekends and public holidays. The food court at its main entrance is famous for its 'Mumbai style' street food, notably bhelpuri, pani puri and sevpuri. Horse pulled carriages offer joyrides to tourists for a small fee while acrobats, dancing monkeys, cricket matches, toy sellers vie for tourist's attention. The beach is also a popular spot for watching aircraft as planes from Chhatrapati Shivaji International Airport usually take off directly over the beach towards the sea.

+

4. Haji Ali Dargah

+

Haji Ali Dargah

+

The Haji Ali Dargah is a mosque and dargah (tomb) or the monument of Pir Haji Ali Shah Bukhari located on an islet off the coast of Worli in the southern part of Mumbai. Pir Haji Ali Shah Bukhari was a kind Sufi saint with a wealthy merchant from Uzbekistan. He was a popular saint of Muslims and Hindus. The Haji Ali Dargah is one of India's most famous and prestigious landmarks situated about 500 yards from the Mumbai shoreline in the middle of the Arabian Sea off Lala Lajpatrai Marg. The structure was erected on a set of high rising rocks and was given its present day shape in the early 19th century after the Trust was legally formed as an entity in 1916. The Haji Ali Dargah is managed by the Haji Ali Dargah Trust, a public charitable trust registered under the Maharashtra Public Trust Act. + The Haji Ali Dargah is a mosque and dargah (tomb) or the monument of Pir Haji Ali Shah Bukhari located on an islet off the coast of Worli in the southern part of Mumbai. Pir Haji Ali Shah Bukhari was a kind Sufi saint with a wealthy merchant from Uzbekistan. He was a popular saint of Muslims and Hindus. The Haji Ali Dargah is one of India's most famous and prestigious landmarks situated about 500 yards from the Mumbai shoreline in the middle of the Arabian Sea off Lala Lajpatrai Marg. The structure was erected on a set of high rising rocks and was given its present day shape in the early 19th century after the Trust was legally formed as an entity in 1916. The Haji Ali Dargah is managed by the Haji Ali Dargah Trust, a public charitable trust registered under the Maharashtra Public Trust Act.

+

5. Siddhivinayak Temple

+

Siddhivinayak Temple

+

The Shree Siddhivinayak Ganapati Mandir is a Hindu temple dedicated to Lord Shri Ganesh. It is located in Prabhadevi, Mumbai, Maharashtra. It was originally built by Laxman Vithu and Deubai Patil on 19 November 1801. It is one of the richest temples in Mumbai. + The temple has a small mandap with the shrine for Siddhi Vinayak ("Ganesha who grants your wish"). The wooden doors to the sanctum are carved with images of the Ashtavinayak (the eight manifestations of Ganesha in Maharashtra). The inner roof of the sanctum is plated with gold, and the central statue is of Ganesha. In the periphery, there is a Hanuman temple as well. + The Shree Siddhivinayak Ganapati Mandir is a Hindu temple dedicated to Lord Shri Ganesh. It is located in Prabhadevi, Mumbai, Maharashtra. It was originally built by Laxman Vithu and Deubai Patil on 19 November 1801. It is one of the richest temples in Mumbai. + The temple has a small mandap with the shrine for Siddhi Vinayak ("Ganesha who grants your wish"). The wooden doors to the sanctum are carved with images of the Ashtavinayak (the eight manifestations of Ganesha in Maharashtra). The inner roof of the sanctum is plated with gold, and the central statue is of Ganesha. In the periphery, there is a Hanuman temple as well.

+

6. Chhatrapati Shivaji Terminus

+

Chhatrapati Shivaji Terminus

+

Chhatrapati Shivaji Maharaj Terminus (CSMT) formerly known as Victoria Terminus is a historic railway station and a UNESCO World Heritage Site in Mumbai, Maharashtra, India which serves as the headquarters of the Central Railways. The station was designed by Frederick William Stevens according to the concept of Victorian Italianate Gothic Revival architecture and meant to be a similar revival of Indian Goth (classical era) architecture. The station was built in 1887 in the Bori Bunder area of Mumbai to commemorate the Golden Jubilee of Queen Victoria. The new railway station was built to the south of the old Bori Bunder railway station. It is one of the busiest railway stations in India, serving as a terminal for both long-distance trains and commuter trains of the Mumbai Suburban Railway. The station's name was changed from Victoria Terminus (with code BB) to Chhatrapati Shivaji Terminus (woth code CSTM) in March 1996 in honour of Emperor Chhatrapati Shivaji, founder of the Maratha Empire. In 2017, the station was again renamed Chhatrapati Shivaji Maharaj Terminus (with code CSMT). + The station is also a stop for several UNESCO World Heritage Site listed trains including the Deccan Odyssey, India's first luxury tourist train. CST is the headquarters of the Central Railway zone of Indian Railways. The station is designed in the High Victorian Gothic style of architecture. The building exhibits a fusion of influences from Victorian Italianate Gothic Revival architecture and classical Indian architecture. The skyline, turrets, pointed arches, and eccentric ground plan are close to classical Indian palace architecture. The station stands as an example of 19th-century railway architectural marvels for its advanced structural and technical solutions. The CST was constructed using high level of engineering both in terms of civil and mechanical engineering. The building was designed by Frederick William Stevens, a consulting architect in 1887-1888 for the princely sum of 16.14 lakh (US$24,000), including the cost of the building and the railway station. Stevens earned the commission to construct the station after a masterpiece watercolour sketch by draughtsman Axel Haig. The final design bears some resemblance to St Pancras railway station in London. GG Scott's plans for Berlin's parliament building had been published four years before, and also has marked similarities to the station. The station took ten + years to complete, the longest for any building of that era in Bombay. This famous architectural landmark in a Gothic-revival style was built as the headquarters of the Great Indian Peninsular Railway. Since then, the station came to be known as Bombay VT. The original platforms were from 1-9. The original building is still in use to handle suburban traffic and is used by over three million commuters daily. It is also the administrative headquarters of the Central Railways. The station was built in 1887 to commemorate the Golden Jubilee of Queen Victoria. The new railway station was built to the south of the old Bori Bunder railway station. It is one of the busiest railway stations in India, serving as a terminal for both long-distance trains and commuter trains of the Mumbai Suburban Railway. The station's name was changed from Victoria Terminus (with code BB) to Chhatrapati Shivaji Terminus (woth code CSTM) in March 1996 in honour of Emperor Chhatrapati Shivaji, founder of the Maratha Empire. In 2017, the station was again renamed Chhatrapati Shivaji Maharaj Terminus (with code CSMT).

+

7. Global Vipassana Pagoda

+

Global Vipassana Pagoda

+

The Global Vipassana Pagoda is a Meditation Dome Hall with a capacity to seat around 8,000 Vipassana meditators near Gorai, North-west of Mumbai, India. The Pagoda was inaugurated by Pratibha Patil, then President of India on 8 February 2009. It is built on donated land on a peninsula between Gorai creek and the Arabian Sea. The pagoda is to serve as a monument of peace and harmony. The Global Vipassana Pagoda has been built out of gratitude to Sayagyi U Ba Khin (1899 - 1971), Vipassana teacher and the first Accountant-General of Independent Burma, who was instrumental in Vipassana returning to India, the country of its origin. It is also built as a tribute to the Vipassana teacher S. N. Goenka (1924 - 2013), as well as to spread awareness about Vipassana. The Global Vipassana Pagoda complex is located amidst 13 acres of tropical gardens called the Global Pagoda Meditation Park. The foundation for the dome was completed on 21 November 2006. The inauguration stone was laid on 31 October 2008 by Pratibha Patil, President of India. It was inaugurated on 8 February 2009. The pagoda was built entirely through voluntary donations. The Global Vipassana Pagoda is built out of gratitude to the Buddha, his teaching and the community of monks practicing his teaching. Its traditional Burmese design is an expression of gratitude towards the country of Myanmar for preserving the practice of Vipassana. The shape of the pagoda is a copy of the Shwedagon Pagoda (Golden Pagoda) in Yangon, Myanmar. It was built combining ancient Indian and modern technology to enable it to last for a thousand years. The center of the Global Vipassana Pagoda contains the world's largest stone dome built without any supporting pillars. The height of the dome is approximately 29 metres, while the height of the building is 96.12 meters, which is twice the size of the previously largest hollow stone monument in the world, the Gol Gumbaz Dome in Bijapur, India. External diameter of the largest section of the dome is 97.46m and the shorter sections is 94.82m. Internal diameter of the +

+

8. Elephanta Caves

+

Elephanta Caves

+

Elephanta Caves are a UNESCO World Heritage Site and a collection of cave temples predominantly dedicated to the Hindu god Shiva. They are located on Elephanta Island, or Gharapuri (literally "the city of caves") in Mumbai Harbour, 10 kilometres (6.2 mi) to the east of the city of Mumbai in the Indian state of Mahārāshtra. The island, located on an arm of the Arabian Sea, consists of two groups of caves—the first is a large group of five Hindu caves, the second, a smaller group of two Buddhist caves. The Hindu caves contain rock cut stone sculptures, representing the Shaiva Hindu sect, dedicated to the Lord Shiva. The rock cut architecture of the caves has been dated to between the 5th and 8th centuries, although the identity of the original builders is still a subject of debate. The caves are hewn from solid basalt rock. All the caves were also originally painted in the past, but now only traces remain. The main cave (Cave 1, or the Great Cave) was a Hindu place of worship until Portuguese rule began in 1534, after which the caves suffered severe damage. This cave was renovated in the 1970s after years of neglect, and was designated a UNESCO World Heritage Site in 1987 to preserve the artwork. It is currently maintained by the Archaeological Survey of India (ASI). Elephanta Island, or Gharapuri, is about 11 km (6.8 mi) east of the Apollo Bunder on the Mumbai Harbour and 10 km (6.2 mi) south of Pir Pal in Trombay. The island covers about 10 km2 (3.9 sq mi) at high tide and about 16 km2 (6.2 sq mi) at low tide. Gharapuri is small village on the south side of the island. The Elephanta Caves can be reached by a ferry from the Gateway of India, Mumbai, which takes about 1 hour to reach the island. The cave is closed on Monday. The island is 2.4 km (1.5 mi) in length with two hills that rise to a height of about 150 m (490 ft). A narrow deep ravine separates the two hills and runs from north to south. On the west, the hill rises gently from the sea and stretches east across the +

+

9. KidZania Mumbai

+

KidZania Mumbai

+

KidZania Mumbai is an interactive indoor theme park that inspires, educates & empowers kids, helping them understand & manage their world better. KidZania is a privately held Mexican chain of indoor family entertainment centers currently operating in 24 locations worldwide, allowing children to role play adult jobs and earn currency. KidZania has received more than 68 million visitors since its opening, making it one of the fastest growing global edutainment brands in the world. KidZania Mumbai is an interactive indoor theme park that inspires, educates & empowers kids, helping them understand & manage their world better. KidZania is a privately held Mexican chain of indoor family entertainment centers currently operating in 24 locations worldwide, allowing children to role play adult jobs and earn currency. KidZania has received more than 68 million visitors since its opening, making it one of the fastest growing global edutainment brands in the world.

+

10. Bandra-Worli Sea Link

+

Bandra-Worli Sea Link

+

The Bandra–Worli Sea Link, officially called Rajiv Gandhi Sea Link, is a cable-stayed bridge with pre-stressed concrete-steel viaducts on either side that links Bandra in the Western Suburbs of Mumbai with Worli in South Mumbai. The bridge is a part of the proposed Western Freeway that will link the Western Suburbs to Nariman Point in Mumbai's main business district. The ₹16 billion (US$220 million) bridge was commissioned by the Maharashtra State Road Development Corporation (MSRDC), and built by the Hindustan Construction Company. The first four of the eight lanes of the bridge were opened to the public on 30 June 2009. All eight lanes were opened on 24 March 2010. The sea-link reduces travel time between Bandra and Worli during peak hours from 60–90 minutes to 20–30 minutes. As of October 2009, BWSL had an average daily traffic of around 37,500 vehicles. The sea-link's website reported that in first eleven months since its opening, 8.33 million vehicles had used the sea-link. The sea-link has been featured in several Bollywood films, such as Jaane Tu... Ya Jaane Na, The Great Gambler, Kites, Don 2, Chennai Express, and many more. The Bandra–Worli Sea Link is a cable-stayed bridge with pre-stressed concrete-steel viaducts on either side that links Bandra in the Western Suburbs of Mumbai with Worli in South Mumbai. The bridge is a part of the proposed Western Freeway that will link the Western Suburbs to Nariman Point in Mumbai's main business district. The ₹16 billion (US$220 million) bridge was commissioned by the Maharashtra State Road Development Corporation (MSRDC), and built by the Hindustan Construction Company. The first four of the eight lanes of the bridge were opened to the public on 30 June 2009. All eight lanes were opened on 24 March 2010. The sea-link reduces travel time between Bandra and Worli during peak hours from 60–90 minutes to 20–30 minutes. As of October 2009, BWSL had an average daily traffic of around 37,500 vehicles. The sea-link's website reported that in first eleven months since its opening, 8.33 + .

+ +
+
+

So, these are the top 10 tourist attractions of Mumbai. Hope you will enjoy your visit to Mumbai. + However the spirit of the city, Mumbai can only be fully embraced by stepping onto its lively streets, immersing oneself in its vibrant culture, and witnessing the tales that unfold around every corner.

+
+
+ + + diff --git a/firstspot/pages/cities/mumbai/mumbai.jpg b/firstspot/pages/cities/mumbai/mumbai.jpg new file mode 100644 index 00000000..31d3b868 Binary files /dev/null and b/firstspot/pages/cities/mumbai/mumbai.jpg differ diff --git a/firstspot/pages/contact/contact.css b/firstspot/pages/contact/contact.css new file mode 100644 index 00000000..1274f9a9 --- /dev/null +++ b/firstspot/pages/contact/contact.css @@ -0,0 +1,321 @@ +@use postcss-nested; +@import url(https://fonts.googleapis.com/css?family=Dancing+Script:400,700); +* { + box-sizing: border-box; +} + +body { + margin: 0; + padding: 0; + background-color: #c8e7d8; + color: #4e5e72; + text-align: center; + font-family: monospace; + overflow: hidden; +} + +h1, +p { + margin: 0; + padding: 0; +} + +h1 { + font-size: 2rem; + font-family: 'Dancing Script'; +} + +small { + display: block; + padding: 1rem 0; + font-size: 0.8rem; + transition: opacity 0.33s; +} + +textarea, +input, +button { + line-height: 1.5rem; + border: 0; + outline: none; + font-family: inherit; + appearance: none; +} + +textarea, +input { + color: #4e5e72; + background-color: transparent; + background-image: url("data:image/svg+xml;utf8,"); +} + +textarea { + width: 100%; + height: 8rem; + resize: none; +} + +input { + width: 50%; + margin-bottom: 1rem; + +} + +input[type=text]:invalid, +[type=email]:invalid { + box-shadow: none; + background-image: url("data:image/svg+xml;utf8,"); +} + +.button { + padding: 0.5rem 1rem; + border-radius: 0.25rem; + background-color: rgba(78, 94, 114, 0.5); + color: white; + font-size: 1rem; + transition: background-color 0.2s; +} + +.button:hover, .button:focus{ + outline: none; + background-color: rgba(78, 94, 114, 1); +} + +input[type=text]:focus, +input[type=email]:focus, +textarea:focus { + background-image: url("data:image/svg+xml;utf8,"); + outline: none; +} + +.wrapper { + width: 35rem; + background-color: white; +} + +.letter { + position: absolute; + left: 0; + right: 0; + top: 0; + width: 30rem; + margin: auto; + perspective: 60rem; +} + +.side { + height: 12rem; + background-color: #fcfcf8; + outline: 1px solid transparent; + +} + +.side:nth-of-type(1) { + padding: 2rem 2rem 0; + border-radius: 1rem 1rem 0 0; + box-shadow: inset 0 0.75rem 2rem rgba(229, 225, 187, 0.5); +} + +.side:nth-of-type(2) { + padding: 2rem; + border-radius: 0 0 1rem 1rem; + box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05), inset 0 -0.57rem 2rem rgba(229, 225, 187, 0.5); + text-align: right; +} + +.envelope { + position: absolute; + left: 0; + right: 0; + top: 0; + margin: auto; +} + +.envelope.front { + width: 10rem; + height: 6rem; + border-radius: 0 0 1rem 1rem; + overflow: hidden; + z-index: 9999; + opacity: 0; +} + +.envelope.front::before, +.envelope.front::after { + position: absolute; + display: block; + width: 12rem; + height: 6rem; + background-color: #e9dc9d; + transform: rotate(30deg); + transform-origin: 0 0; + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); + content: ''; +} + +.envelope.front::after { + right: 0; + transform: rotate(-30deg); + transform-origin: 100% 0; +} + +.envelope.back { + top: -4rem; + width: 10rem; + height: 10rem; + overflow: hidden; + z-index: -9998; + opacity: 0; + transform: translateY(-6rem); + +} + +.envelope.back::before { + display: block; + width: 10rem; + height: 10rem; + background-color: #e9dc9d; + border-radius: 1rem; + content: ''; + transform: scaleY(0.6) rotate(45deg) +} + +.result-message { + opacity: 0; + transition: all 0.3s 2s; + transform: translateY(9rem); + z-index: 9999; +} + +.sent { + animation: scaleLetter 1s forwards ease-in/*, + pushLetter 0.5s 1.33s forwards ease-out*/ + ; +} + +.sent .side:nth-of-type(1) { + transform-origin: 0 100%; + animation: closeLetter 0.66s forwards ease-in; +} + +.sent .side:nth-of-type(1) h1, +.sent .side:nth-of-type(1) textarea { + animation: fadeOutText 0.66s forwards linear; +} + +button { + background-color: rgba(78, 94, 114, 0.2); +} + +.sent .envelope { + animation: fadeInEnvelope 0.5s 1.33s forwards ease-out; +} + +.sent .result-message { + opacity: 1; + transform: translateY(16rem); +} + +small { + opacity: 0; +} + + +.centered { + position: absolute; + left: 0; + right: 0; + margin: 1rem auto; +} +@keyframes closeLetter { + 50% { + transform: rotateX(-90deg); + } + + 100% { + transform: rotateX(-180deg); + } +} +@keyframes fadeOutText { + 49% { + opacity: 1; + } + + 50% { + opacity: 0; + } + + 100% { + opacity: 0; + } +} +@keyframes fadeInEnvelope { + 0% { + opacity: 0; + transform: translateY(8rem); + } + /*90% {opacity: 1; transform: translateY(4rem);}*/ + + 100% { + opacity: 1; + transform: translateY(4.5rem); + } +} +@keyframes scaleLetter { + /* 0%{ + transform: translate(0, 0); + } + 50%{ + transform: translate(0, 0) scale(0, 0); + } + 66% { + transform: translateY(-8rem) scale(0.5, 0.5); + } + + 75% { + transform: translateY(-8rem) scale(0.5, 0.5); + } + + 90% { + transform: translateY(-8rem) scale(0.3, 0.5); + } + + 97% { + transform: translateY(-8rem) scale(0.33, 0.5); + } + + 100% { + transform: translateY(-8rem) scale(0.3, 0.5); + } */ +} + +/* +@keyframes pushLetter { + 0% {transform: translateY(-8rem) scale(0.3, 0.5);} + 50% {transform: translateY(-8rem) scale(0.3, 0.5);} + 90% {transform: translateY(-8.5rem) scale(0.3, 0.5);} + 100% {transform: translateY(-8rem) scale(0.3, 0.5);} +} +*/ +.home-button { + position: fixed; + top: 1rem; + right: 1rem; /* Adjust the right distance as needed */ + padding: 0.5rem; + display: flex; + align-items: center; + cursor: pointer; + transition: transform 0.3s ease, filter 0.3s ease; +} + +.home-button img { + width: 30px; /* Adjust the size as needed */ + height: 30px; + margin-left: 0.5rem; /* Adjust the left margin as needed */ +} + +.home-button:hover { + transform: scale(1.2); + filter: brightness(1.2); +} + diff --git a/firstspot/pages/contact/contact.html b/firstspot/pages/contact/contact.html new file mode 100644 index 00000000..bdf2c71e --- /dev/null +++ b/firstspot/pages/contact/contact.html @@ -0,0 +1,46 @@ + + + + + + + + FirstSpot | Contact us + + + + + Enter message (optional) and click button "Send" +
+
+
+

Contact us

+

+ +

+
+
+

+ +

+

+ +

+

+ +

+
+
+ +
+

Thank you for your message

+
+ Home +
+ + + + + + \ No newline at end of file diff --git a/firstspot/pages/contact/contact.js b/firstspot/pages/contact/contact.js new file mode 100644 index 00000000..6aae1168 --- /dev/null +++ b/firstspot/pages/contact/contact.js @@ -0,0 +1,36 @@ +const sendLetter = document.getElementById("sendLetter"); +const emailInput = document.getElementById("emailInput"); + + +function addClass() { + document.body.classList.add("sent"); +} + +sendLetter.addEventListener("click", addClass); + +function goToHome() { + window.location.href = "../../index.html"; +} + +function addClass(event) { + event.preventDefault(); // Prevents the default form submission behavior + + // Validate email format + const emailValue = emailInput.value.trim(); + if (!isValidEmail(emailValue)) { + alert("Invalid email address"); + return; + } + + // Add the "sent" class if the email is valid + document.body.classList.add("sent"); +} + +function isValidEmail(email) { + // Regular expression for a simple email validation + const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + return emailRegex.test(email); +} + +sendLetter.addEventListener("click", addClass); + diff --git a/firstspot/pages/create/create.css b/firstspot/pages/create/create.css new file mode 100644 index 00000000..46619380 --- /dev/null +++ b/firstspot/pages/create/create.css @@ -0,0 +1,17 @@ +/* ////////////////////////jayesh new work css/////////////////// */ + +body { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + width: 100vw; + margin: 0; +} + +.test { + background: black; +} + + +/* //////////////////////////////////////////////////////////////////////// */ \ No newline at end of file diff --git a/firstspot/pages/create/create.html b/firstspot/pages/create/create.html new file mode 100644 index 00000000..7de3f4b9 --- /dev/null +++ b/firstspot/pages/create/create.html @@ -0,0 +1,32 @@ + + + + + + Firstspot | New Tours + + + + + + + + + + + + +
+

Add New tours

+ + + + + + +
+ + + + + \ No newline at end of file diff --git a/firstspot/pages/create/create.js b/firstspot/pages/create/create.js new file mode 100644 index 00000000..e2835fd7 --- /dev/null +++ b/firstspot/pages/create/create.js @@ -0,0 +1,99 @@ +import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.11/firebase-app.js"; + + +const firebaseConfig = { + apiKey: "AIzaSyAHLP7isomKx1zKwle0PpydCYdhHA1ctM4", + authDomain: "firstspot-b7b7b.firebaseapp.com", + databaseURL: "https://firstspot-b7b7b-default-rtdb.firebaseio.com", + projectId: "firstspot-b7b7b", + storageBucket: "firstspot-b7b7b.appspot.com", + messagingSenderId: "781962837914", + appId: "1:781962837914:web:6662ae66f885e764e2c423" +}; + +// Initialize Firebase + +const app = initializeApp(firebaseConfig); + +import { getDatabase, ref, set, child, get } from "https://www.gstatic.com/firebasejs/9.6.11/firebase-database.js"; + +const db = getDatabase(); + +// ////////The refrences//////////////////////////////////////////////// + +const name = document.getElementById("nameInp"); +const email = document.getElementById("emailInp"); +const username = document.getElementById("userInp"); +// const pass = document.getElementById("passInp"); +const submit = document.getElementById("sub_btn"); + +// ///////////////////////validation////////////////////////////////// + +function isEmptyOrSpaces(str) { + return str === null || str.match(/^ *$/) !== null; +} + + +function validation() { + let nameregex = /^[a-zA-Z\s]+$/; + let emailregex = /^[a-zA-Z\s]+$/; + let userregex = /^[a-zA-Z0-9]{5,}$/; + + if (isEmptyOrSpaces(name.value) || isEmptyOrSpaces(email.value) || isEmptyOrSpaces(username.value)) { + alert("you cannot left any fields empty") + return false; + } + + if (!nameregex.test(name.value)) { + alert("The Tour Name should only contain alphabets!"); + return false; + } + if (!emailregex.test(email.value)) { + alert("Enter a valid catagory"); + return false; + } + if (!userregex.test(username.value)) { + alert("-Price can only be alphanumeric\n-price must be atleast 5 characters\n"); + return false; + } + return true; +} + +// ------------------------register user to firebase----------------------------// +function RegisterUser() { + if (!validation()) { + return; + }; + const dbRef = ref(db); + + get(child(dbRef, "Tours/" + username.value)).then((snapshot) => { + if (snapshot.exists()) { + alert("Tour already exixts!"); + } else { + set(ref(db, "Tours/" + username.value), { + TourName: name.value, + catagory: email.value, + price: username.value, + // password: pass.value + }) + .then(() => { + alert("Tour added successfully!"); + }).catch((error) => { + alert("error" + error); + }) + } + }) +} + +// /////////////////encript ////////////////////////////////// +// function encPass() { +// var pass12 = CryptoJS.AES.encrypt(pass.value, pass.value); +// return pass12.toString(); +// } + + + + +// --------------------------------Assign the events-------------------------///// + +submit.addEventListener("click", RegisterUser); \ No newline at end of file diff --git a/firstspot/pages/login/index.html b/firstspot/pages/login/index.html new file mode 100644 index 00000000..86fb1021 --- /dev/null +++ b/firstspot/pages/login/index.html @@ -0,0 +1,37 @@ + + + + + + Firstspot | SignUp + + + + + + + + + + + + + +
+

Tourist Sign Up

+ + + +
+ +
Already have an account?
+
+ + + + + \ No newline at end of file diff --git a/firstspot/pages/login/login.css b/firstspot/pages/login/login.css new file mode 100644 index 00000000..ce675454 --- /dev/null +++ b/firstspot/pages/login/login.css @@ -0,0 +1,49 @@ +body{ + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + background-color: #01b3a7 !important; + /* background-image: url(/images/bg-login.jpg); */ + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; + background-position: 50% 50%; +} +.mb-5{ + background-color: rgba(255, 255, 255, 0.805); + padding: 3%; + width: 30vw; + height: 70vh; +} +h3{ + text-align: center; + /* font-family: "Montserrat", sans-serif, Arial, sans-serif; + */ + font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important; + +} +.form-control{ + border-color: black !important; + height: 6vh !important; +} +.w-100{ + height: 6vh !important; +} +.py-1{ + height: 6vh !important; + /* background-color: #01b3a7 !important; */ + background-color: rgb(22, 46, 68) !important; + text-align: center !important; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + +} +.mb-3{ + border-radius: 0% !important; + border-width: 0.1rem !important; + font-family: "Montserrat", sans-serif, Arial, sans-serif; + font-weight: 500; +} +.btn{ + font-weight: bolder !important; +} \ No newline at end of file diff --git a/firstspot/pages/login/login.html b/firstspot/pages/login/login.html new file mode 100644 index 00000000..912fb19b --- /dev/null +++ b/firstspot/pages/login/login.html @@ -0,0 +1,81 @@ + + + + + + Login and Registration Form in HTML | CodingNepal + + + + + + + + + + + + + + + +
+ +

Tourist Login

+ + +
+ + +
+ +
Create a new account?
+> +
+ + + + + diff --git a/firstspot/pages/login/login.js b/firstspot/pages/login/login.js new file mode 100644 index 00000000..9e3d5ba4 --- /dev/null +++ b/firstspot/pages/login/login.js @@ -0,0 +1,81 @@ +import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.11/firebase-app.js"; +// import { initializeApp } from "firebase"; + +const firebaseConfig = { + apiKey: "AIzaSyAHLP7isomKx1zKwle0PpydCYdhHA1ctM4", + authDomain: "firstspot-b7b7b.firebaseapp.com", + databaseURL: "https://firstspot-b7b7b-default-rtdb.firebaseio.com", + projectId: "firstspot-b7b7b", + storageBucket: "firstspot-b7b7b.appspot.com", + messagingSenderId: "781962837914", + appId: "1:781962837914:web:6662ae66f885e764e2c423", +}; + +// Initialize Firebase +//const app = initializeApp(firebaseConfig); +const app = initializeApp(firebaseConfig); + +import { + getDatabase, + ref, + set, + child, + get, +} from "https://www.gstatic.com/firebasejs/9.6.11/firebase-database.js"; +// import { validation } from "uuid"; +const db = getDatabase(); +// ////////The refrences//////////////////////////////////////////////// + +const username = document.getElementById("userInp"); +const pass = document.getElementById("passInp"); +const submit = document.getElementById("sub_btn"); + +////////////////// + +function AuthenticateUser() { + const dbref = ref(db); + console.log(username.value); + get(child(dbref, "UsersList/" + username.value)).then((snapshot) => { + // console.log(snapshot.val()); + if (snapshot.exists()) { + // let dbpass = decPass(snapshot.val().password); + // console.log(dbpass, pass.value, "here"); + let dbpass = snapshot.val().password; + if (dbpass == pass.value) { + login(username.value); + } else { + alert("user does not exist"); + } + } else { + alert("username or password is invalid"); + } + }); +} + +// ////////////decript process +// function decPass(dbpass) { +// var pass12 = CryptoJS.AES.decrypt(dbpass, pass.value); +// return pass12.toString(CryptoJS.enc.utf8); +// } + +//////////////////login + +function login(user) { + // let keepLoggedIn = document.getElementById("customSwitch1").checked; + // if (!keepLoggedIn) { + // sessionStorage.setItem("user", user); + // window.location = "../home.html"; + // // console.log(sessionStorage.getItem("user")); + // } else { + // localStorage.setItem("keepLoggedIn", "yes"); + // localStorage.setItem("user", user); + // window.location = "../home.html";r; + // // console.log(localStorage.getItem("user")); + // } + + sessionStorage.setItem("user", user); + window.location = "../../index.html"; +} +// ////////////////////submit + +submit.addEventListener("click", AuthenticateUser); diff --git a/firstspot/pages/login/script.js b/firstspot/pages/login/script.js new file mode 100644 index 00000000..ef2e20ad --- /dev/null +++ b/firstspot/pages/login/script.js @@ -0,0 +1,99 @@ +import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.11/firebase-app.js"; + + +const firebaseConfig = { + apiKey: "AIzaSyAHLP7isomKx1zKwle0PpydCYdhHA1ctM4", + authDomain: "firstspot-b7b7b.firebaseapp.com", + databaseURL: "https://firstspot-b7b7b-default-rtdb.firebaseio.com", + projectId: "firstspot-b7b7b", + storageBucket: "firstspot-b7b7b.appspot.com", + messagingSenderId: "781962837914", + appId: "1:781962837914:web:6662ae66f885e764e2c423" +}; + +// Initialize Firebase + +const app = initializeApp(firebaseConfig); + +import { getDatabase, ref, set, child, get } from "https://www.gstatic.com/firebasejs/9.6.11/firebase-database.js"; + +const db = getDatabase(); + +// ////////The refrences//////////////////////////////////////////////// + +const name = document.getElementById("nameInp"); +const email = document.getElementById("emailInp"); +const username = document.getElementById("userInp"); +const pass = document.getElementById("passInp"); +const submit = document.getElementById("sub_btn"); + +// ///////////////////////validation////////////////////////////////// + +function isEmptyOrSpaces(str) { + return str === null || str.match(/^ *$/) !== null; +} + + +function validation() { + let nameregex = /^[a-zA-Z\s]+$/; + let emailregex = /^[a-zA-Z0-9]+@(gmail|yahoo|outlook)\.com$/; + let userregex = /^[a-zA-Z0-9]{5,}$/; + + if (isEmptyOrSpaces(name.value) || isEmptyOrSpaces(email.value) || isEmptyOrSpaces(username.value) || isEmptyOrSpaces(pass.value)) { + alert("you cannot left any fields empty") + return false; + } + + if (!nameregex.test(name.value)) { + alert("The name should only contain alphabets!"); + return false; + } + if (!emailregex.test(email.value)) { + alert("Enter a valid email"); + return false; + } + if (!userregex.test(username.value)) { + alert("-username can only be alphanumeric\n-username must be atleast 5 characters\n"); + return false; + } + return true; +} + +// ------------------------register user to firebase----------------------------// +function RegisterUser() { + if (!validation()) { + return; + }; + const dbRef = ref(db); + + get(child(dbRef, "UserList/" + username.value)).then((snapshot) => { + if (snapshot.exists()) { + alert("Account already exixts!"); + } else { + set(ref(db, "UsersList/" + username.value), { + fullname: name.value, + email: email.value, + username: username.value, + password: pass.value + }) + .then(() => { + alert("user added successfully!"); + }).catch((error) => { + alert("error" + error); + }) + } + }) +} + +// /////////////////encript ////////////////////////////////// +// function encPass() { +// var pass12 = CryptoJS.AES.encrypt(pass.value, pass.value); +// return pass12.toString(); +// } + + + + +// --------------------------------Assign the events-------------------------///// + +submit.addEventListener("click", RegisterUser); \ No newline at end of file diff --git a/firstspot/pages/login/style.css b/firstspot/pages/login/style.css new file mode 100644 index 00000000..46619380 --- /dev/null +++ b/firstspot/pages/login/style.css @@ -0,0 +1,17 @@ +/* ////////////////////////jayesh new work css/////////////////// */ + +body { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + width: 100vw; + margin: 0; +} + +.test { + background: black; +} + + +/* //////////////////////////////////////////////////////////////////////// */ \ No newline at end of file diff --git a/firstspot/pexels-asad-photo-maldives-1268855.jpg b/firstspot/pexels-asad-photo-maldives-1268855.jpg new file mode 100644 index 00000000..4f80ea2c Binary files /dev/null and b/firstspot/pexels-asad-photo-maldives-1268855.jpg differ