Authentication and Authorization

www.zip

Home >Computer Science homework help >Authentication and Authorization

__MACOSX/._www

www/FAQs.php

Frequently Asked Questions

This is where people come to either get their questions answered or become more frustrated when they cant find the question they are looking for.

Go back to Home Page

__MACOSX/www/._FAQs.php

www/Group10ProjectERD.lnk

__MACOSX/www/._Group10ProjectERD.lnk

www/login.php

<?php $hn="localhost: 3306"; $db="members"; $un="root"; $pw=""; ?>

__MACOSX/www/._login.php

www/deletemanagerrecord.php

<?php $page_roles = array('admin'); require_once 'login.php'; require_once 'checksession.php'; $conn = new mysqli($hn, $un, $pw, $db); if($conn->connect_error) die($conn->connect_error); $query = "SELECT * FROM managertable"; $result = $conn->query($query); if(!$result) die($conn->error); $rows = $result->num_rows; for($j=0; $j<$rows; ++$j){ $result->data_seek($j); $row = $result->fetch_array(MYSQLI_NUM); echo <<< _END <pre> Employee ID: $row[0] Phone Number: $row[1] Email: $row[2] First Name: $row[3] Last Name: $row[4] Address: $row[5] Username: $row[6] Password: $row[7] </pre> <form action='managerdeletefunction.php' method='post'> <input type='hidden' name='delete' value='yes'> <input type='hidden' name='EmpID' value='$row[0]'> <input type='submit' value='DELETE RECORD'> </form> _END; } $conn->close(); ?> <tr><td><h4><a href='managerpage.php'>Go back to Manager Page</a></h4></td></tr>

__MACOSX/www/._deletemanagerrecord.php

www/test_sockets.php

<?php if (extension_loaded('sockets')) { //Create socket IPv4 $socket = socket_create(AF_INET, SOCK_STREAM, SOL_TCP) ; if($socket === false) { $errorcode = socket_last_error() ; $errormsg = socket_strerror($errorcode); echo "<p>Error socket IPv4: ".$errormsg."</p>\n" ; } else { echo "<p>Socket IPv4 supported</p>\n" ; socket_close($socket); } //Create socket IPv6 $socket = socket_create(AF_INET6, SOCK_STREAM, SOL_TCP) ; if($socket === false) { $errorcode = socket_last_error() ; $errormsg = socket_strerror($errorcode); echo "<p>Error socket IPv6: ".$errormsg."</p>\n" ; } else { echo "<p>Socket IPv6 supported</p>\n" ; socket_close($socket); } } else echo "<p>Extension PHP sockets not loaded</p>\n" ; ?>

__MACOSX/www/._test_sockets.php

www/favicon.ico

__MACOSX/www/._favicon.ico

www/cowboycontinue.php

<?php include_once 'cowboyuser.php'; $page_roles = array('admin','customer'); session_start(); if(isset($_SESSION['user'])){ $user = $_SESSION['user']; $username = $user->username; $user_roles = $user->getRoles(); $found=0; foreach ($user_roles as $urole){ foreach ($page_roles as $prole){ if($urole == $prole) $found=1; } } if(!$found){ header("Location: movie-unauthorized.php"); } echo "Welcome back $username <br>"; } ?>

__MACOSX/www/._cowboycontinue.php

www/loginpage.php

Login
Username:
Password:

__MACOSX/www/._loginpage.php

www/DeleteFunction.php

<?php require_once 'login.php'; $conn = new mysqli($hn, $un, $pw, $db); if($conn->connect_error) die($conn->connect_error); if(isset($_POST['delete'])){ $MemberID = $_POST['MemberID']; $query = "DELETE from membertable where MemberID ='$MemberID' "; $result = $conn->query($query); if(!$result) die($conn->error); header("Location: DeleteMemberRecord.php"); } $conn->close(); ?>

__MACOSX/www/._DeleteFunction.php

www/managerdeletefunciton.php

<?php require_once 'login.php'; $conn = new mysqli($hn, $un, $pw, $db); if($conn->connect_error) die($conn->connect_error); if(isset($_POST['delete'])){ $EmployeeID = $_POST['EmpID']; $query = "DELETE from managertable where EmpID ='$EmployeeID' "; $result = $conn->query($query); if(!$result) die($conn->error); header("Location: DeleteManagerRecord.php"); } $conn->close(); ?>

__MACOSX/www/._managerdeletefunciton.php

www/index.php

<?php // Page created by Shepard [Fabian Pijcke] <[email protected]> // Arno Esterhuizen <[email protected]> // and Romain Bourdon <[email protected]> // and Hervé Leclerc <[email protected]> // Icons by Mark James <http://www.famfamfam.com/lab/icons/silk/> // Version 2.5 -> 3.0.0 by Dominique Ottello aka Otomatic // 3.1.9 - Support VirtualHost IDNA ServerName // // // $server_dir = "../"; require $server_dir.'scripts/config.inc.php'; require $server_dir.'scripts/wampserver.lib.php'; //chemin jusqu'aux fichiers alias $aliasDir = $server_dir.'alias/'; //Fonctionne à condition d'avoir ServerSignature On et ServerTokens Full dans httpd.conf $server_software = $_SERVER['SERVER_SOFTWARE']; $error_content = ''; // on récupère les versions des applis $phpVersion = $wampConf['phpVersion']; $apacheVersion = $wampConf['apacheVersion']; $doca_version = 'doca'.substr($apacheVersion,0,3); $mysqlVersion = $wampConf['mysqlVersion']; //On récupère la valeur de VirtualHostMenu $VirtualHostMenu = $wampConf['VirtualHostSubMenu']; //on récupère la valeur de apachePortUsed $port = $wampConf['apachePortUsed']; $UrlPort = $port !== "80" ? ":".$port : ''; //On récupère le ou les valeurs des ports en écoute dans Apache $ListenPorts = implode(' - ',listen_ports()); //on récupère la valeur de mysqlPortUsed $Mysqlport = $wampConf['mysqlPortUsed']; // répertoires à ignorer dans les projets $projectsListIgnore = array ('.','..','wampthemes','wamplangues'); // Recherche des différents thèmes disponibles $styleswitcher = '<select id="themes">'."\n"; $themes = glob('wampthemes/*', GLOB_ONLYDIR); foreach ($themes as $theme) { if (file_exists($theme.'/style.css')) { $theme = str_replace('wampthemes/', '', $theme); $styleswitcher .= '<option id="'.$theme.'">'.$theme.'</option>'."\n"; } } $styleswitcher .= '</select>'."\n"; //affichage du phpinfo if (isset($_GET['phpinfo'])) { $type_info = intval(trim($_GET['phpinfo'])); if($type_info < -1 || $type_info > 64) $type_info = -1; phpinfo($type_info); exit(); } // Language $langue = $wampConf['language']; $i_langues = glob('wamplangues/index_*.php'); $languages = array(); foreach ($i_langues as $value) { $languages[] = str_replace(array('wamplangues/index_','.php'), '', $value); } $langueget = (!empty($_GET['lang']) ? strip_tags(trim($_GET['lang'])) : ''); if(in_array($langueget,$languages)) $langue = $langueget; // Recherche des différentes langues disponibles $langueswitcher = '<form method="get" style="display:inline-block;"><select name="lang" id="langues" onchange="this.form.submit();">'."\n"; $selected = false; foreach ($languages as $i_langue) { $langueswitcher .= '<option value="'.$i_langue.'"'; if(!$selected && $langue == $i_langue) { $langueswitcher .= ' selected '; $selected = true; } $langueswitcher .= '>'.$i_langue.'</option>'."\n"; } $langueswitcher .= '</select></form>'; include('wamplangues/index_english.php'); if(file_exists('wamplangues/index_'.$langue.'.php')) { $langue_temp = $langues; include('wamplangues/index_'.$langue.'.php'); $langues = array_merge($langue_temp, $langues); } //initialisation // Récupération MySQL si supporté $MySQLdb = ''; if(isset($wampConf['SupportMySQL']) && $wampConf['SupportMySQL'] =='on') { $defaultDBMSMySQL = ($wampConf['mysqlPortUsed'] == '3306') ? ' - Default DBMS' : ''; $MySQLdb = <<< EOF <dt>{$langues['versm']}</dt> <dd>${mysqlVersion} - {$langues['mysqlportUsed']}{$Mysqlport}{$defaultDBMSMySQL} -  <a href='http://{$langues['docm']}'>{$langues['documentation']}</a></dd> EOF; } // Récupération MariaDB si supporté $MariaDB = ''; if(isset($wampConf['SupportMariaDB']) && $wampConf['SupportMariaDB'] =='on') { $defaultDBMSMaria = ($wampConf['mariaPortUsed'] == '3306') ? ' - Default DBMS' : ''; $MariaDB = <<< EOF <dt>{$langues['versmaria']}</dt> <dd>${c_mariadbVersion} - {$langues['mariaportUsed']}{$wampConf['mariaPortUsed']}{$defaultDBMSMaria} -  <a href='http://{$langues['docmaria']}'>{$langues['documentation']}</a></dd> EOF; } if(empty($defaultDBMSMySQL)) $DBMSTypes = $MariaDB.$MySQLdb; else $DBMSTypes = $MySQLdb.$MariaDB; // No Database Mysql System $noDBMS = (empty($MySQLdb) && empty($MariaDB)) ? true : false; $phpmyadminTool = $noDBMS ? '' : '<li><a href="phpmyadmin/">phpmyadmin</a></li>'; $aliasContents = ''; // récupération des alias if (is_dir($aliasDir)) { $handle=opendir($aliasDir); while (($file = readdir($handle))!==false) { if (is_file($aliasDir.$file) && strstr($file, '.conf')) { if(!($noDBMS && ($file == 'phpmyadmin.conf' || $file == 'adminer.conf'))) { $msg = ''; $aliasContents .= '<li><a href="'.str_replace('.conf','',$file).'/">'.str_replace('.conf','',$file).'</a></li>'; } } } closedir($handle); } if (empty($aliasContents)) $aliasContents = "<li>".$langues['txtNoAlias']."</li>\n"; //Récupération des ServerName de httpd-vhosts.conf $addVhost = "<li><a href='add_vhost.php?lang=".$langue."'>".$langues['txtAddVhost']."</a></li>"; if($VirtualHostMenu == "on") { $vhostError = false; $vhostErrorCorrected = true; $error_message = array(); $allToolsClass = "four-columns"; $virtualHost = check_virtualhost(); $vhostsContents = ''; if($virtualHost['include_vhosts'] === false) { $vhostsContents = "<li><i style='color:red;'>Error Include Apache</i></li>"; $vhostError = true; $error_message[] = sprintf($langues['txtNoIncVhost'],$wampConf['apacheVersion']); } else { if($virtualHost['vhosts_exist'] === false) { $vhostsContents = "<li><i style='color:red;'>No vhosts file</i></li>"; $vhostError = true; $error_message[] = sprintf($langues['txtNoVhostFile'],$virtualHost['vhosts_file']); } else { if($virtualHost['nb_Server'] > 0) { $port_number = true; $nb_Server = $virtualHost['nb_Server']; $nb_Virtual = $virtualHost['nb_Virtual']; $nb_Document = $virtualHost['nb_Document']; $nb_Directory = $virtualHost['nb_Directory']; $nb_End_Directory = $virtualHost['nb_End_Directory']; foreach($virtualHost['ServerName'] as $key => $value) { if($virtualHost['ServerNameValid'][$value] === false) { $vhostError = true; $vhostErrorCorrected = false; $vhostsContents .= '<li>'.$value.' - <i style="color:red;">syntax error</i></li>'; $error_message[] = sprintf($langues['txtServerName'],"<span style='color:black;'>".$value."</span>",$virtualHost['vhosts_file']); } elseif($virtualHost['ServerNameValid'][$value] === true) { $UrlPortVH = ($virtualHost['ServerNamePort'][$value] != '80') ? ':'.$virtualHost['ServerNamePort'][$value] : ''; if(!$virtualHost['port_listen'] && $virtualHost['ServerNamePortListen'][$value] !== true || $virtualHost['ServerNamePortApacheVar'][$value] !== true) { $value_url = ((strpos($value, ':') !== false) ? strstr($value,':',true) : $value); $vhostsContents .= '<li>'.$value_url.$UrlPortVH.' - <i style="color:red;">Not a Listen port</i></li>'; if($virtualHost['ServerNamePortListen'][$value] !== true) $msg_error = ' not an Apache Listen port'; elseif($virtualHost['ServerNamePortApacheVar'][$value] !== true) $msg_error = ' not an Apache define variable'; if(!$vhostError) { $vhostError = true; $vhostErrorCorrected = false; $error_message[] = "Port ".$UrlPortVH." used for the VirtualHost is ".$msg_error; } } elseif($virtualHost['ServerNameIp'][$value] !== false) { $vh_ip = $virtualHost['ServerNameIp'][$value]; if($virtualHost['ServerNameIpValid'][$value] !== false) { $vhostsContents .= '<li><a href="http://'.$vh_ip.$UrlPortVH.'">'.$vh_ip.'</a> <i>('.$value.')</i></li>'; } else { $vhostError = true; $vhostErrorCorrected = false; $vhostsContents .= '<li>'.$vh_ip.' for '.$value.' - <i style="color:red;">IP not valid</i></li>'; $error_message[] = sprintf($langues['txtServerNameIp'],"<span style='color:black;'>".$vh_ip."</span>","<span style='color:black;'>".$value."</span>",$virtualHost['vhosts_file']); } } elseif($virtualHost['DocRootNotwww'][$value] === false) { $vhostError = true; $vhostErrorCorrected = false; $vhostsContents .= '<li>'.$value.' - <i style="color:red;">DocumentRoot error</i></li>'; $error_message[] = sprintf($langues['txtDocRoot'],"<span style='color:black;'>".$value."</span>","<span style='color:black;'>".$wwwDir."</span>"); } elseif($virtualHost['ServerNameDev'][$value] === true) { $vhostError = true; $vhostErrorCorrected = false; $vhostsContents .= '<li>'.$value.' - <i style="color:red;">TLD error</i></li>'; $error_message[] = sprintf($langues['txtTLDdev'],"<span style='color:black;'>".$value."</span>","<span style='color:black;'>.dev</span>"); } else { $value_url = ((strpos($value, ':') !== false) ? strstr($value,':',true) : $value); $valueaff = ($virtualHost['ServerNameIDNA'][$value] === true) ? "<p style='margin:-8px 0 -8px 25px;'><small>IDNA-> ".$virtualHost['ServerNameUTF8'][$value]."</small></p>" : ''; $vhostsContents .= '<li><a href="http://'.$value_url.$UrlPortVH.'">'.$value.'</a>'.$valueaff.'</li>'; } } else { $vhostError = true; $error_message[] = sprintf($langues['txtVhostNotClean'],$virtualHost['vhosts_file']); } } //Check number of <Directory equals </Directory if($nb_End_Directory != $nb_Directory) { $vhostError = true; $vhostErrorCorrected = false; $error_message[] = sprintf($langues['txtNbNotEqual'],"<Directory ....>","</Directory>",$virtualHost['vhosts_file']); } //Check number of DocumentRoot equals to number of ServerName if($nb_Document != $nb_Server) { $vhostError = true; $vhostErrorCorrected = false; $error_message[] = sprintf($langues['txtNbNotEqual'],"DocumentRoot","ServerName",$virtualHost['vhosts_file']); } //Check validity of DocumentRoot if($virtualHost['document'] === false) { foreach($virtualHost['documentPath'] as $value) { if($virtualHost['documentPathValid'][$value] === false) { $documentPathError = $value; $vhostError = true; $vhostErrorCorrected = false; $error_message[] = sprintf($langues['txtNoPath'],"<span style='color:black;'>".$value."</span>", "DocumentRoot", $virtualHost['vhosts_file']); break; } } } //Check validity of Directory Path if($virtualHost['directory'] === false) { foreach($virtualHost['directoryPath'] as $value) { if($virtualHost['directoryPathValid'][$value] === false) { $documentPathError = $value; $vhostError = true; $vhostErrorCorrected = false; $error_message[] = sprintf($langues['txtNoPath'],"<span style='color:black;'>".$value."</span>", "<Directory ...", $virtualHost['vhosts_file']); break; } } } //Check number of <VirtualHost equals or > to number of ServerName if($nb_Server != $nb_Virtual && $wampConf['NotCheckDuplicate'] == 'off') { $port_number = false; $vhostError = true; $vhostErrorCorrected = false; $error_message[] = sprintf($langues['txtNbNotEqual'],"<VirtualHost","ServerName",$virtualHost['vhosts_file']); } //Check number of port definition of <VirtualHost *:xx> equals to number of ServerName if($virtualHost['nb_Virtual_Port'] != $nb_Virtual && $wampConf['NotCheckDuplicate'] == 'off') { $port_number = false; $vhostError = true; $vhostErrorCorrected = false; $error_message[] = sprintf($langues['txtNbNotEqual'],"port definition of <VirtualHost *:xx>","ServerName",$virtualHost['vhosts_file']); } //Check validity of port number if($port_number && $virtualHost['port_number'] === false) { $port_number = false; $vhostError = true; $vhostErrorCorrected = false; $error_message[] = sprintf($langues['txtPortNumber'],"<VirtualHost *:port>",$virtualHost['vhosts_file']); } //Check if duplicate ServerName if($virtualHost['nb_duplicate'] > 0) { $DuplicateNames = ''; foreach($virtualHost['duplicate'] as $NameValue) $DuplicateNames .= " ".$NameValue; $vhostError = true; $vhostErrorCorrected = false; $error_message[] = "Duplicate ServerName <span style='color:blue;'>".$DuplicateNames."</span> into ".$virtualHost['vhosts_file']; } //Check if duplicate Server IP if($virtualHost['nb_duplicateIp'] > 0) { $DuplicateNames = ''; foreach($virtualHost['duplicateIp'] as $NameValue) $DuplicateNames .= " ".$NameValue; $vhostError = true; $vhostErrorCorrected = false; $error_message[] = "Duplicate IP <span style='color:blue;'>".$DuplicateNames."</span> into ".$virtualHost['vhosts_file']; } } } } if(empty($vhostsContents)) { $vhostsContents = "<li><i style='color:red:'>No VirtualHost</i></li>"; $vhostError = true; $error_message[] = sprintf($langues['txtNoVhost'],$wampConf['apacheVersion']); } if(!$c_hostsFile_writable){ $vhostError = true; $error_message[] = sprintf($langues['txtNotWritable'],$c_hostsFile)."<br>".nl2br($WarningMsg); } if($vhostError) { $vhostsContents .= "<li><i style='color:red;'>Error(s)</i> See below</li>"; $error_content .= "<p style='color:red;'>"; foreach($error_message as $value) { $error_content .= $value."<br />"; } $error_content .= "</p>\n"; if($vhostErrorCorrected) $addVhost = "<li><a href='add_vhost.php?lang=".$langue."'>".$langues['txtAddVhost']."</a> <span style='font-size:0.72em;color:red;'>".$langues['txtCorrected']."</span></li>"; } } else { $allToolsClass = "three-columns"; } //Fin Récupération ServerName // récupération des projets $handle=opendir("."); $projectContents = ''; while (($file = readdir($handle))!==false) { if (is_dir($file) && !in_array($file,$projectsListIgnore)) { $projectContents .= '<li>'.$file.'</li>'; } } closedir($handle); if (empty($projectContents)) $projectContents = "<li class='projectsdir'>".$langues['txtNoProjet']."</li>\n"; else { if(strpos($projectContents,"http://localhost/") !== false) { $projectContents .= "<li><i style='color:blue;'>Warning:</i> See below</li>"; if(!isset($error_content)) $error_content = ''; $error_content .= "<p style='color:blue;'>".sprintf($langues['nolocalhost'],$wampConf['apacheVersion'])."</p>"; } else { $projectContents .= "<li class='projectsdir'>".sprintf($langues['txtProjects'],$wwwDir)."</li>"; } } //initialisation $phpExtContents = ''; // récupération des extensions PHP $loaded_extensions = get_loaded_extensions(); // classement alphabétique des extensions setlocale(LC_ALL,"{$langues['locale']}"); sort($loaded_extensions,SORT_LOCALE_STRING); foreach ($loaded_extensions as $extension) $phpExtContents .= "<li>${extension}</li>"; //vérifications diverses - Quel php.ini est chargé ? $phpini = strtolower(trim(str_replace("\\","/",php_ini_loaded_file()))); $c_phpConfFileOri = strtolower($c_phpVersionDir.'/php'.$wampConf['phpVersion'].'/'.$phpConfFileForApache); $c_phpCliConf = strtolower($c_phpVersionDir.'/php'.$wampConf['phpVersion'].'/'.$wampConf['phpConfFile']); if($phpini != strtolower($c_phpConfFile) && $phpini != $c_phpConfFileOri) { $error_content .= "<p style='color:red;'>*** ERROR *** The PHP configuration loaded file is: ".$phpini." - should be: ".$c_phpConfFile." or ".$c_phpConfFileOri; $error_content .= "<br>You must perform: <span style='color:green;'>Right-click icon Wampmanager -> Refresh</span><br>"; if($phpini == $c_phpCliConf || $phpini == $c_phpCliConfFile) $error_content .= " - This file is only for PHP in Command Line - Maybe you've added 'PHPIniDir' in the 'httpd.conf' file. Delete or comment this line."; $error_content .= "</p>"; } if($filelist = php_ini_scanned_files()) { if (strlen($filelist) > 0) { $error_content .= "<p style='color:red;'>*** ERROR *** There are too much php.ini files</p>"; $files = explode(',', $filelist); foreach ($files as $file) { $error_content .= "<p style='color:red;'>*** ERROR *** There are other php.ini files: ".trim(str_replace("\\","/",$file))."</p>"; } } } $pageContents = <<< EOPAGE <!DOCTYPE html> <html> <head> <title>{$langues['titreHtml']}</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width"> <link id="stylecall" rel="stylesheet" href="wampthemes/classic/style.css" /> <link rel="shortcut icon" href="favicon.ico" type="image/ico" /> </head> <body> <div id="head"> <div class="innerhead"> <h1><abbr title="Windows">W</abbr><abbr title="Apache">A</abbr><abbr title="MySQL">M</abbr><abbr title="PHP">P</abbr></h1> <ul> <li>PHP 5</li> <li>Apache 2.4</li> <li>MySQL 5</li> </ul> </div> <ul class="utility"> <li>Version ${c_wampVersion} - ${c_wampMode}</li> <li>${langueswitcher}${styleswitcher}</li> </ul> </div> <div class="config"> <div class="innerconfig"> <h2> {$langues['titreConf']} </h2> <dl class="content"> <dt>{$langues['versa']}</dt> <dd>${apacheVersion}  - <a href='http://{$langues[$doca_version]}'>{$langues['documentation']}</a></dd> <dt>{$langues['server']}</dt> <dd>${server_software} - {$langues['portUsed']}{$ListenPorts}</dd> <dt>{$langues['versp']}</dt> <dd>${phpVersion}  - <a href='http://{$langues['docp']}'>{$langues['documentation']}</a></dd> <dt>{$langues['phpExt']}</dt> <dd> <ul> ${phpExtContents} </ul> </dd> ${DBMSTypes} </dl> </div> </div> <div class="divider1"> </div> <div class="alltools ${allToolsClass}"> <div class="inneralltools"> <div class="column"> <h2>{$langues['titrePage']}</h2> <ul class="tools"> <li><a href="?phpinfo=-1">phpinfo()</a></li> {$phpmyadminTool} {$addVhost} </ul> </div> <div class="column"> <h2>{$langues['txtProjet']}</h2> <ul class="projects"> ${projectContents} </ul> </div> <div class="column"> <h2>{$langues['txtAlias']}</h2> <ul class="aliases"> ${aliasContents} </ul> </div> EOPAGE; if($VirtualHostMenu == "on") { $pageContents .= <<< EOPAGEA <div class="column"> <h2>{$langues['txtVhost']}</h2> <ul class="vhost"> ${vhostsContents} </ul> </div> EOPAGEA; } if(!empty($error_content)) { $pageContents .= <<< EOPAGEB <div id="error" style="clear:both;"></div> ${error_content} EOPAGEB; } $pageContents .= <<< EOPAGEC </div> </div> <div class="divider2"> </div> <ul id="foot"> <li><a href="{$langues['forumLink']}">{$langues['forum']}</a></li> </ul> <script> var select = document.getElementById("themes"); if (select.addEventListener) { /* Only for modern browser and IE > 9 */ var stylecall = document.getElementById("stylecall"); /* looking for stored style name */ var wampStyle = localStorage.getItem("wampStyle"); if (wampStyle !== null) { stylecall.setAttribute("href", "wampthemes/" + wampStyle + "/style.css"); selectedOption = document.getElementById(wampStyle); selectedOption.setAttribute("selected", "selected"); } else { localStorage.setItem("wampStyle","classic"); selectedOption = document.getElementById("classic"); selectedOption.setAttribute("selected", "selected"); } /* Changing style when select change */ select.addEventListener("change", function(){ var styleName = this.value; stylecall.setAttribute("href", "wampthemes/" + styleName + "/style.css"); localStorage.setItem("wampStyle", styleName); }) } </script> </body> </html> EOPAGEC; echo $pageContents; ?>

__MACOSX/www/._index.php

www/AddMemberRecord.php

Social Security Number: First Name: Last Name: Username: Password: Address: Phone: Income: Property Interest:

Go back to Member Page

connect_error) die($conn->connect_error); if(isset($_POST['number'])){ $number = $_POST['number']; $fname = $_POST['fname']; $lname = $_POST['lname']; $username = $_POST['username']; $password = $_POST['password']; $address = $_POST['address']; $phone = $_POST['phone']; $income = $_POST['income']; $property_interest = $_POST['property_interest']; $query = "INSERT into membertable(SSN, FirstName, LastName, UserName, Password, address, phone, income, property_interest) values ('$number','$fname','$lname','$username','$password', '$address', '$phone', '$income', '$property_interest')"; $conn->query($query); if(!result) die($conn->error); header("Location: MemberRecord.php"); } $conn->close(); ?>

__MACOSX/www/._AddMemberRecord.php

www/styles.css

.item { width: 200px; text-align: center; } .table-border { border:1px solid black; padding: 10px; border-collapse: collapse; } .text { font: 15px arial, sans-serif; }

__MACOSX/www/._styles.css

__MACOSX/www/._css

www/cowboy.jpg

__MACOSX/www/._cowboy.jpg

www/add_vhost.php

<?php // 3.1.9 - Check session variables // Support VirtualHost IDNA ServerName $server_dir = "../"; session_start(); require $server_dir.'scripts/config.inc.php'; require $server_dir.'scripts/wampserver.lib.php'; $c_PortToUse = $c_UsedPort; // Language $langue = $wampConf['language']; $i_langues = glob('wamplangues/add_vhost_*.php'); $languages = array(); foreach ($i_langues as $value) { $languages[] = str_replace(array('wamplangues/add_vhost_','.php'), '', $value); } $langueget = (!empty($_GET['lang']) ? strip_tags(trim($_GET['lang'])) : ''); if(in_array($langueget,$languages)) $langue = $langueget; // Recherche des différentes langues disponibles $langueswitcher = '<form method="get" style="display:inline-block;margin-left:10px;"><select name="lang" id="langues" onchange="this.form.submit();">'."\n"; $selected = false; foreach ($languages as $i_langue) { $langueswitcher .= '<option value="'.$i_langue.'"'; if(!$selected && $langue == $i_langue) { $langueswitcher .= ' selected '; $selected = true; } $langueswitcher .= '>'.$i_langue.'</option>'."\n"; } $langueswitcher .= '</select></form>'; include('wamplangues/add_vhost_english.php'); if(file_exists('wamplangues/add_vhost_'.$langue.'.php')) { $langue_temp = $langues; include('wamplangues/add_vhost_'.$langue.'.php'); $langues = array_merge($langue_temp, $langues); } // Correction automatique des erreurs ? $automatique = (isset($_POST['correct']) ? true : false); $message_ok = ''; $message = array(); $errors = false; $errors_auto = false; $vhost_created = false; $sub_menu_on = true; //On récupère la valeur de VirtualHostMenu $VirtualHostMenu = !empty($wampConf['VirtualHostSubMenu']) ? $wampConf['VirtualHostSubMenu'] : "off"; if($VirtualHostMenu !== "on") { $message[] = '<p class="warning">'.$langues['VirtualSubMenuOn'].'</p>'; $errors = true; $sub_menu_on = false; } //To not see form to suppress VirtualHost $seeVhostDelete = (isset($_POST['seedelete']) && strip_tags(trim($_POST['seedelete'])) == 'afficher') ? true : false; /* Some tests about httpd-vhosts.conf file */ $virtualHost = check_virtualhost(); $listenPort = listen_ports(); $w_VirtualPortForm = ''; $authorizedPorts = array(); if(count($listenPort) > 1) { $c_listenPort = ''; foreach($listenPort as $value) { if($value != '80' && $value != $c_UsedPort) { $c_listenPort .= $value." "; $authorizedPorts[] = $value; } } $portsAccepted = sprintf($langues['VirtualHostPort'],$c_listenPort); // $w_VirtualPortForm = <<< EOF // <label>{$portsAccepted}<code class="option"><i>{$langues['Optional']}</i></code></label><br> // <input class="optional" type="text" name="vh_port"/><br> //EOF; $w_VirtualPortForm = <<< EOF <label>{$portsAccepted}<code class="option"><i>{$langues['Optional']}</i></code></label><br> <input style='width:20px;height:20px;margin:2px 0 5px 45px;' type='checkbox' name='vh_port_on' value='on'><select style='margin:5px 0 5px 10px;' name='vh_port'> EOF; for($i=0;$i < count($authorizedPorts);$i++) { $w_VirtualPortForm .= "<option value='".$authorizedPorts[$i]."'>Listen Port : ".$authorizedPorts[$i]."  </option>"; } $w_VirtualPortForm .= "</select><br>"; } else { $w_VirtualPortForm = <<< EOF <label>{$langues['VirtualHostPortNone']}<code class="option"><i>{$langues['Optional']}</i></code></label><br><br> EOF; } /* If form suppress VirtualHost submitted */ if(isset($_POST['vhostdelete']) && isset ($_SESSION['passdel']) && isset($_POST['checkdelete']) && strip_tags(trim($_POST['checkdelete'])) == $_SESSION['passdel']) { if(isset($_POST['virtual_del'])) { $myVhostsContents = file_get_contents($c_apacheVhostConfFile); $myHostsContents = file_get_contents($c_hostsFile); $nb = count($_POST['virtual_del']); $replaceVhosts = $replaceHosts = false; for($i = 0; $i < $nb ;$i++) { //for b1 $value = strip_tags(trim($_POST['virtual_del'][$i])); if(!in_array($value, $virtualHost) || $value == 'localhost') { $value = ''; break; } $p_value = preg_quote($value); //Check a port number $ApacheVar = ''; $value_url = $port = ''; if(strpos($value, ':') !== false) { $value_url = strstr($value,':',true); $port = substr(strstr($value,':'),1); if(in_array($port,$c_ApacheDefine) || ($wampConf['apacheUseOtherPort'] == 'on' && $port == $c_UsedPort)) { $ApacheVar = array_search($port,$c_ApacheDefine); $p_value = preg_quote($value_url); } else error_log("Value ".$port." does not exist in array \$c_ApacheDefine. It is not a value of an Apache Variable"); } if(in_array($value, $virtualHost['ServerName'])) { //Extract <VirtualHost... </VirtualHost> $mask = "{ <VirtualHost # beginning of VirtualHost [^<]*(?:<(?!/VirtualHost)[^<]*)* # avoid premature end \n\s*ServerName\s+${p_value}\s*\n # Test server name .*? # we stop as soon as possible </VirtualHost>\s*\n # end of VirtualHost }isx"; $countName = 0; $countName = preg_match_all($mask,$myVhostsContents,$matches); $found = false; if($countName > 0) { for($j = 0 ; $j < $countName; $j++) { if(empty($ApacheVar)) { if(strpos($matches[0][$j],'MYPORT') === false) { $found = $j; break; } } else { if(strpos($matches[0][$j],$ApacheVar) !== false) { $found = $j; break; } } } } if($found !== false) { $myVhostsContents = str_replace($matches[0][$found],'',$myVhostsContents, $count); if($count > 0) { $replaceVhosts = true; } } if($countName == 1) { //Suppress ServerName into hosts file $count = $count1 = 0; $myHostsContents = preg_replace("~^[0-9\.:]+\s+".$p_value."\r?$~mi",'',$myHostsContents,-1, $count); $myHostsContents = str_ireplace($value,'',$myHostsContents,$count1); if($count > 0 || $count1 > 0 ) $replaceHosts = true; } } else { $message[] = '<p class="warning">ServerName '.$value.' doesn\'t exist</p>'; $errors = true; } } //End for b1 if($replaceVhosts) { //Cleaning of httpd-vhosts.conf file $myVhostsContents = clean_file_contents($myVhostsContents); $fp = fopen($c_apacheVhostConfFile, 'wb'); fwrite($fp, $myVhostsContents); fclose($fp); } if($replaceHosts) { if($wampConf['BackupHosts'] == 'on') { @copy($c_hostsFile,$c_hostsFile."_wampsave.".$next_hosts_save); $next_hosts_save++; } //Cleaning of hosts file $myHostsContents = clean_file_contents($myHostsContents,array(2,0),true); $fp = fopen($c_hostsFile, 'r+b'); if(flock($fp, LOCK_EX)) { // acquire an exclusive lock ftruncate($fp, 0); // truncate file fwrite($fp, $myHostsContents); fflush($fp); // flush output before releasing the lock flock($fp, LOCK_UN); // release the lock } else { $message[] = '<p class="warning">Unable to write to '.$c_hostsFile.' file</p>'; $errors = true; } fclose($fp); } $virtualHost = check_virtualhost(); } } $VhostDefine = $VhostDelete = ""; if($virtualHost['nb_Server'] > 0) { $i = 0; foreach($virtualHost['ServerName'] as $value) { $ip =''; if(!empty($virtualHost['virtual_ip'][$i])) $ip = " - VirtualHost ip = <span style='color:blue;'>".$virtualHost['virtual_ip'][$i].'</span>'; $UrlPortVH = ($virtualHost['ServerNamePort'][$value] != '80') ? "<span style='color:red;'>:".$virtualHost['ServerNamePort'][$value]."</span>" : ""; $value_url = ((strpos($value, ':') !== false) ? strstr($value,':',true) : $value); $value_aff = ($virtualHost['ServerNameIDNA'][$value] === true) ? $value." <span style='color:green;'><small>IDNA-> ".$virtualHost['ServerNameUTF8'][$value].'</small></span>' : $value_url; if($virtualHost['ServerNameValid'][$value] === false) $VhostDefine .= "<li><i>ServerName : </i><span style='color:red;'>".$value_aff." - ServerName syntax error</span></li>\n"; else $VhostDefine .= "<li><i>ServerName : </i><span style='color:blue;'>".$value_aff."</span>".$UrlPortVH." - <i>Directory : </i>".$virtualHost['documentPath'][$i].$ip."</li>\n"; if($value != 'localhost') $VhostDelete .= "<li><i>ServerName : </i><input type='checkbox' name='virtual_del[]' value='".$value."'/> <span style='color:blue;'>".$value."</span></li>"; $i++; } } if($virtualHost['include_vhosts'] === false && !$errors) { if($automatique) { $httpConfFileContents = file_get_contents($c_apacheConfFile); $httpConfFileContents = preg_replace("~^[ \t]*#[ \t]*(Include[ \t]*conf/extra/httpd-vhosts.conf.*)$~m","$1",$httpConfFileContents,1); $fp = fopen($c_apacheConfFile,'wb'); fwrite($fp,$httpConfFileContents); fclose($fp); $virtualHost = check_virtualhost(); } else { $message[] = '<p class="warning_auto">'.sprintf($langues['UncommentInclude'],$c_apacheConfFile).'</p>'; $errors = true; $errors_auto = true; } } if($virtualHost['vhosts_exist'] === false && !$errors) { if($automatique) { $fp = fopen($c_apacheVhostConfFile,'wb'); fclose($fp); $virtualHost = check_virtualhost(); } else { $message[] = '<p class="warning_auto">'.sprintf($langues['FileNotExists'],$c_apacheVhostConfFile).'</p>'; $errors = true; $errors_auto = true; } } if(in_array("dummy", $virtualHost['ServerNameValid'], true) !== false && !$errors) { if($automatique) { $fp = fopen($c_apacheVhostConfFile,'wb'); fclose($fp); $virtualHost = check_virtualhost(); } else { $message[] = '<p class="warning_auto">'.sprintf($langues['NotCleaned'],$c_apacheVhostConfFile).'</p>'; $errors = true; $errors_auto = true; } } if(empty($virtualHost['FirstServerName']) && !$errors) { if($automatique) { if(substr($wampConf['apacheVersion'],0,3) == '2.2') { $virtual_localhost = <<< EOFLOCAL NameVirtualHost *:{$c_PortToUse} <VirtualHost *:{$c_PortToUse}> ServerName localhost DocumentRoot "{$wwwDir}" <Directory "{$wwwDir}/"> Options +Indexes +Includes +FollowSymLinks +MultiViews AllowOverride All Order Deny,Allow Deny from all Allow from localhost ::1 127.0.0.1 </Directory> </VirtualHost> EOFLOCAL; } else { $virtual_localhost = <<< EOFLOCAL # <VirtualHost *:{$c_PortToUse}> ServerName localhost DocumentRoot "{$wwwDir}" <Directory "{$wwwDir}/"> Options +Indexes +Includes +FollowSymLinks +MultiViews AllowOverride All Require local </Directory> </VirtualHost> EOFLOCAL; } $fp = fopen($c_apacheVhostConfFile,'wb'); fwrite($fp,$virtual_localhost); fclose($fp); $virtualHost = check_virtualhost(); } else { $message[] = '<p class="warning_auto">'.sprintf($langues['NoVirtualHost'],$c_apacheVhostConfFile).'</p>'; $errors = true; $errors_auto = true; } } /* If form submitted */ if (isset($_POST['submit']) && !$errors && isset($_SESSION['passadd']) && isset($_POST['checkadd']) && strip_tags(trim($_POST['checkadd'])) == $_SESSION['passadd']) { // Escape any backslashes used in the path to the file //$c_apacheVhostConfFile = str_replace('\\', '\\\\', $c_apacheVhostConfFile); $vh_name = strip_tags(trim($_POST['vh_name'])); $vh_ip = strip_tags(trim($_POST['vh_ip'])); $vh_port = ''; if(isset($_POST['vh_port_on']) && strip_tags(trim($_POST['vh_port_on'])) == 'on') { $vh_port = strip_tags(trim($_POST['vh_port'])); } $vh_folder = str_replace(array('\\','//'), '/',strip_tags(trim($_POST['vh_folder']))); if(substr($vh_folder,-1) == "/") $vh_folder = substr($vh_folder,0,-1); $vh_folder = strtolower($vh_folder); //3.0.6 - Check / at first character if(substr($vh_folder,0,1) == "/" && substr($vh_folder,0,2) != "//") $vh_folder = "/".$vh_folder; if($virtualHost['FirstServerName'] !== "localhost" && !$errors) { $message[] = '<p class="warning">'.sprintf($langues['NoFirst'],$c_apacheVhostConfFile).'</p>'; $errors = true; } /* Validité du nom de domaine */ clearstatcache(); // added for update 3.1.4 //Check if IDN is needed $vh_nameIDN = idn_to_ascii($vh_name,IDNA_DEFAULT,INTL_IDNA_VARIANT_UTS46); if($vh_nameIDN !== $vh_name) $vh_name = $vh_nameIDN; // IDNA (Punycode) /^xn--[a-zA-Z0-9\-\.]+$/ // Non IDNA /^[A-Za-z]+([-.](?![-.])|[A-Za-z0-9]){1,60}[A-Za-z0-9]$/ if(preg_match('/^xn--[a-zA-Z0-9\-\.]+$/',$vh_name,$matchesIDNA) == 0 && preg_match('/^ (?=.*[A-Za-z]) # at least one letter somewhere [A-Za-z0-9]+ # letter or number in first place ([-.](?![-.]) # a . or - not followed by . or - | # or [A-Za-z0-9] # a letter or a number ){0,60} # this, repeated from 0 to 60 times - at least two characters [A-Za-z0-9] # letter or number at the end $/x',$vh_name) == 0) { $message[] = '<p class="warning">'.sprintf($langues['ServerNameInvalid'],$vh_name).'</p>'; $errors = true; } elseif($wampConf['NotVerifyTLD'] == 'off' && substr($vh_name,-4) !== false && (strtolower(substr($vh_name,-4) == '.dev'))) { $message[] = '<p class="warning">'.sprintf($langues['txtTLDdev'],$vh_name,".dev").'</p>'; $errors = true; } elseif((!file_exists($vh_folder) || !is_dir($vh_folder))) { $message[] = '<p class="warning">'.sprintf($langues['DirNotExists'],$vh_folder).'</p>'; $errors = true; } elseif(strtolower($vh_folder) == strtolower($wwwDir)) { $message[] = '<p class="warning">'.sprintf($langues['NotwwwDir'],$vh_folder).'</p>'; $errors = true; } elseif($c_hostsFile_writable !== true) { $message[] = '<p class="warning">'.sprintf($langues['FileNotWritable'],$c_hostsFile).'</p>'; $errors = true; } elseif($wampConf['NotCheckDuplicate'] == 'off' && array_key_exists(strtolower($vh_name), array_change_key_case($virtualHost['ServerName'], CASE_LOWER))) { if(empty($vh_port) || !in_array($vh_port, $authorizedPorts)) { $message[] = '<p class="warning">'.sprintf($langues['VirtualAlreadyExist'],$vh_name).'</p>'; $errors = true; } } $c_UsedIp = '*'; $c_HostIp = '127.0.0.1'; if(!$errors && !empty($vh_ip)) { if($vh_ip == '127.0.0.0' || $vh_ip == '127.0.0.1' ) { $message[] = '<p class="warning">'.sprintf($langues['VirtualIpAlreadyUsed'],$vh_ip).'</p>'; $errors = true; } // Validité IP locale elseif(check_IP($vh_ip) === false) { $message[] = '<p class="warning">'.sprintf($langues['LocalIpInvalid'],$vh_ip).'</p>'; $errors = true; } elseif(in_array($vh_ip, $virtualHost['virtual_ip']) && $wampConf['NotCheckDuplicate'] == 'off') { $message[] = '<p class="warning">'.sprintf($langues['VirtualIpAlreadyUsed'],$vh_ip).'</p>'; $errors = true; } else $c_UsedIp = $c_HostIp = $vh_ip; } if(!$errors && !empty($vh_port)) { if($vh_port == '80' || $vh_port == $c_UsedPort) { $message[] = '<p class="warning">'.sprintf($langues['VirtualPortExist'],$vh_port).'</p>'; $errors = true; } elseif(!in_array($vh_port, $authorizedPorts)) { $message[] = '<p class="warning">'.sprintf($langues['VirtualPortNotExist'],$vh_port).'</p>'; $errors = true; } else { $key = array_search($vh_port, $c_ApacheDefine); $c_PortToUse = '${'.$key.'}'; } } if($errors === false) { /* Préparation du contenu des fichiers */ if(substr($wampConf['apacheVersion'],0,3) == '2.2') { $httpd_vhosts_add = <<< EOFNEWVHOST # <VirtualHost {$c_UsedIp}:{$c_PortToUse}> ServerName {$vh_name} DocumentRoot "{$vh_folder}" <Directory "{$vh_folder}/"> Options +Indexes +Includes +FollowSymLinks +MultiViews AllowOverride All Order Deny,Allow Deny from all Allow from localhost ::1 127.0.0.1 </Directory> </VirtualHost> EOFNEWVHOST; } else { $httpd_vhosts_add = <<< EOFNEWVHOST # <VirtualHost {$c_UsedIp}:{$c_PortToUse}> ServerName {$vh_name} DocumentRoot "{$vh_folder}" <Directory "{$vh_folder}/"> Options +Indexes +Includes +FollowSymLinks +MultiViews AllowOverride All Require local </Directory> </VirtualHost> EOFNEWVHOST; } $hosts_add = <<< EOFHOSTS {$c_HostIp} {$vh_name} ::1 {$vh_name} EOFHOSTS; /* Ouverture des fichiers pour ajout des lignes */ if($wampConf['BackupHosts'] == 'on') { @copy($c_hostsFile,$c_hostsFile."_wampsave.".$next_hosts_save); $next_hosts_save++; } $fp1 = fopen($c_apacheVhostConfFile, 'a+b'); $fp2 = fopen($c_hostsFile, 'a+b'); if (fwrite($fp1, $httpd_vhosts_add) && fwrite($fp2, $hosts_add)) { /* Actualisation des dns - Il faudrait redémarrer le service Apache par net stop wampapache net start wampapache et c'est impossible car alors plus de PHP. La commande ci-dessous fonctionne parfaitement dans un script comme wamp/script/msg.php $command = 'start /b /wait '.$c_apacheExe.' -n wampapache -k restart'; mais pas si elle est lancée via http et il n'existe pas de "graceful restart" Apache sous Windows*/ /*$command = array( 'net stop wampapache', 'ipconfig /flushdns', 'net stop Dnscache', 'net start Dnscache', 'net start wampapache', ); ob_start(); foreach($command as $value) { echo "Command-> ".$value."\n"; passthru($value); } $output = iconv("CP850","UTF-8//TRANSLIT", ob_get_contents()); ob_end_clean(); $dns_refresh_message = '<pre><code>'.$output.'</code></pre>';*/ $dns_refresh_message = ""; $message_ok = '<p class="ok">'.sprintf($langues['VirtualCreated'],$vh_name).'</p>'; $message_ok .= '<h2>'.$langues['CommandMessage'].'</h2>'.$dns_refresh_message; $message_ok .= '<p class="ok_plus">'.$langues['However'].'</p>'; $vhost_created = true; } else { $message = '<p class="warning">'.$langues['NoModify'].'</p>'; } fclose($fp1); fclose($fp2); } } $pageContents = <<< EOPAGE <!DOCTYPE html> <html lang="fr"> <head> <title>Ajouter un "Virtual Host"</title> <meta charset="UTF-8"> <style> * { margin: 0; padding: 0; } html { background: #ddd; } body { margin: 1em 5%; padding: 1em 3em; font: 80%/1.4 tahoma, arial, helvetica, lucida sans, sans-serif; border: 1px solid #999; background: #eee; position: relative; } header { margin-bottom: 1.8em; margin-top: .5em; padding-bottom: 0em; border-bottom: 1px solid #999; height: 125px; background: url('img/gifLogo.gif') 0 0 no-repeat; } header h1 { padding-left: 130px; padding-top: 15px; font-size: 1.8em; } header h1 a:hover {color:blue;} h2 { margin: 0.8em 0 0 0; } p { padding: 1%; } .ok, .ok_plus, .warning, .warning_auto { text-align: center; font-size: 1.3em; text-shadow: 1px 1px 0 #000; background: #585858; } .ok { color: limegreen; } .ok_plus { text-align:justify; background: #777777; } .warning, .warning_auto, .ok_plus { color: orange; } .warning_auto { border: 3px solid #4FEF10; } label { padding-left: 22px; margin-left: 22px; background: url('img/pngWrench.png') 0 100% no-repeat; } input[type="text"] { width: 80%; margin: 0.2% 1% 1% 1%; padding: 0.3% 1%; border: 1px solid #999; } input.required { border:1px solid red; } input.optional { border:1px solid green; } input[type="submit"] { min-width: 50%; background: #DDD; border: 1px solid #999; margin: 1%; padding: 0.3% 1%; } input[type="checkbox"] { vertical-align: middle; } input[type="submit"]:hover { background: #FF0099; color: #FFF; } pre { width: 98%; overflow: auto; padding: 1%; border: #FF0099 1px solid; background: #585858; } a { color: #000; text-decoration: none; } code, code.option, code.requis { color: #FFF; text-shadow: 1px 1px 0 #000; padding: 0.1% 0.5%; border-radius: 3px; background: #585858; font-size: 1.2em; } code.option { background: green; } code.requis { background: red; } .utility { position: absolute; right: 4em; top: 122px; font-size: 0.85em; } </style> </head> <body> <header> <h1><a href="add_vhost.php?lang={$langue}">{$langues['addVirtual']}</a> - <a href="index.php?lang={$langue}">{$langues['backHome']}</a></h1> <ul class="utility"> <li>Version ${c_wampVersion} - ${c_wampMode}${langueswitcher}</li> </ul> </header> EOPAGE; if($vhost_created) $pageContents .= $message_ok; else { if($errors) { foreach($message as $value) $pageContents .= $value; } if($sub_menu_on === true) { $pageContents .= <<< EOPAGEB <p>Apache Virtual Hosts <code>{$c_apacheVhostConfFile}</code></p> EOPAGEB; if(!empty($VhostDefine)) { $pageContents .= <<< EOPAGEB <p>{$langues['VirtualHostExists']}</p> <div style='width:70%;float:left;'> <ul style='list-style:none;'>{$VhostDefine}</ul> </div> <div id='vhostdelete' style='width:28%;float:right;'> EOPAGEB; if(!empty($VhostDelete) && $wampConf['NotCheckDuplicate'] == "off" && $wampConf['NotCheckVirtualHost'] == 'off') { if($seeVhostDelete) { $_SESSION['passdel'] = mt_rand(100000001,mt_getrandmax()); $pageContents .= <<< EOPAGEB <form id='deletevhost' method='post'> <ul style='list-style:none;'>{$VhostDelete}</ul> <input type='hidden' name='checkdelete' value='{$_SESSION['passdel']}' /> <input type='submit' name='vhostdelete' value='{$langues['suppVhost']}' /> </form> EOPAGEB; } else { $pageContents .= <<< EOPAGEB <form id='seedelete' method='post' style='display:inline-block;'> <input type='hidden' name='seedelete' value='afficher'/> <input type='submit' value='{$langues['suppForm']}'/> </form> EOPAGEB; } } } $pageContents .= <<< EOPAGEB </div> <div style='clear:both;'></div> <p>Windows hosts <code>{$c_hostsFile}</code></p> EOPAGEB; $pageContents .= '<form method="post">'; if($errors_auto) { $pageContents .= <<< EOPAGEB <p><label>{$langues['GreenErrors']}</label></p> <p style="text-align: right;"><input type="submit" name="correct" value="{$langues['Correct']}" /></p> EOPAGEB; } else { $_SESSION['passadd'] = mt_rand(100000001,mt_getrandmax()); $pageContents .= <<< EOPAGEB <p><label>{$langues['VirtualHostName']}<code class="requis"><i>{$langues['Required']}</i></code></label><br> <input class='required' type="text" name="vh_name" required="required" /><br> <label>{$langues['VirtualHostFolder']}<code class="requis"><i>{$langues['Required']}</i></code></label><br> <input class='required' type="text" name="vh_folder" required="required"/></p> {$w_VirtualPortForm} <label>{$langues['VirtualHostIP']}<code class="option"><i>{$langues['Optional']}</i></code></label><br> <input class='optional' type="text" name="vh_ip"/><br> <input type='hidden' name='checkadd' value='{$_SESSION['passadd']}' /> <p style="text-align: right;"><input type="submit" name="submit" value="{$langues['Start']}" /></p> EOPAGEB; } } $pageContents .= <<< EOPAGEB </form> EOPAGEB; } $pageContents .= <<< EOPAGEB </body> </html> EOPAGEB; echo $pageContents; ?>

__MACOSX/www/._add_vhost.php

www/managerpage.php

EDIT/DELETE MANAGER INFORMATION

Add Manager Records

View Manager Records

Delete Manager Records

Go back to Home Page

__MACOSX/www/._managerpage.php

www/viewRecord.php

<?php require_once 'login.php'; $conn = new mysqli($hn, $un, $pw, $db); if($conn->connect_error) die($conn->connect_error); $query = "SELECT * FROM MemberTable"; $result = $conn->query($query); if(!result) die($conn->error) $rows= $result->num_rows; for($j=0; $j<$rows; ++$j){ $result->data_seek($j); $row = $result->fetch_array(MYSQLI_ASSOC); echo 'First Name: '.$row['FirstName'].'<br>'; echo 'Last Name: '.$row['LastName'].'<br>'; echo 'First Name: '.$row['Interests'].'<br>'; echo 'First Name: '.$row['SSN'].'<br>'; echo '<br>'; } $conn->close(); ?>

__MACOSX/www/._viewRecord.php

www/Memberpage.php

EDIT/DELETE MEMBER INFORMATION

Add Member Record

View Member Records

Delete Member Record

Go back to Home Page

__MACOSX/www/._Memberpage.php

www/unauthorized.php

<?php echo "No access <a href='movie-login.php'>back to Login</a> "; ?>

__MACOSX/www/._unauthorized.php

www/testmysql.php

<?php /* * Change the value of $password if you have set a password on the root userid * Change NULL to port number to use DBMS other than the default using port 3306 * */ $user = 'root'; $password = ''; //To be completed if you have set a password to root $database = ''; //To be completed to connect to a database. The database must exist. $port = NULL; //Default must be NULL to use default port $mysqli = new mysqli('127.0.0.1', $user, $password, $database, $port); if ($mysqli->connect_error) { die('Connect Error (' . $mysqli->connect_errno . ') ' . $mysqli->connect_error); } echo '<p>Connection OK '. $mysqli->host_info.'</p>'; echo '<p>Server '.$mysqli->server_info.'</p>'; $mysqli->close(); ?>

__MACOSX/www/._testmysql.php

__MACOSX/www/._image

__MACOSX/www/._img

www/ViewMemberRecord.php

<?php require_once 'login.php'; $conn = new mysqli($hn, $un, $pw, $db); if($conn->connect_error) die($conn->connect_error); $query = "SELECT * FROM membertable"; $result = $conn->query($query); if(!$result) die($conn->error); $rows = $result->num_rows; for($j=0; $j<$rows; ++$j){ $result->data_seek($j); $row = $result->fetch_array(MYSQLI_ASSOC); echo 'Member ID: '.$row['MemberID'].'<br>'; echo 'SSN: '.$row['SSN'].'<br>'; echo 'First Name: '.$row['FirstName'].'<br>'; echo 'Last Name: '.$row['LastName'].'<br>'; echo 'Username: '.$row['UserName'].'<br>'; echo 'Password: '.$row['Password'].'<br>'; echo 'Address: '.$row['address'].'<br>'; echo 'Phone: '.$row['phone'].'<br>'; echo 'Income: '.$row['income'].'<br>'; echo 'Property Interest: '.$row['property_interest'].'<br>'; echo '<br>'; } $conn->close(); ?> <tr><td><h4><a href='memberpage.php'>Go back to Member Page</a></h4></td></tr>

__MACOSX/www/._ViewMemberRecord.php

www/property.php

ADD NEW PROPERTY Property name: Property Number: Price: Select Property Image:

Go back to Home Page

__MACOSX/www/._property.php

www/salted.php

<?php require_once 'login.php'; $conn = new mysqli($hn, $un, $pw, $db); if($conn->connect_error) die($conn->connect_error); $query = "create table crudentialusers( first_name varchar(32) not null, last_name varchar(32) not null, username varchar(32) not null unique, password varchar(255) not null, email varchar(35) not null )"; $result = $conn->query($query); if(!$result) die($conn->error); $first_name = 'Logan'; $last_name = 'Bingaman'; $username = 'logbing'; $password = 'password1'; $email = '[email protected]'; $hash = password_hash($password, PASSWORD_DEFAULT); add_user($conn, $first_name, $last_name, $username, $hash, $email); $first_name = 'Jon'; $last_name = 'Doe'; $username = 'jdoe'; $password = 'password2'; $email = '[email protected]'; $hash = password_hash($password, PASSWORD_DEFAULT); add_user($conn, $first_name, $last_name, $username, $hash, $email); $first_name = 'Jerry'; $last_name = 'Sanchez'; $username = 'jsanch'; $password = 'password3'; $email = '[email protected]'; $hash = password_hash($password, PASSWORD_DEFAULT); add_user($conn, $first_name, $last_name, $username, $hash, $email); $first_name = 'Rick'; $last_name = 'Sanchez'; $username = 'rsanch'; $password = 'password4'; $email = '[email protected]'; $hash = password_hash($password, PASSWORD_DEFAULT); add_user($conn, $first_name, $last_name, $username, $hash, $email); $first_name = 'Peter'; $last_name = 'Griffin'; $username = 'pgriff'; $password = 'password5'; $email = '[email protected]'; $hash = password_hash($password, PASSWORD_DEFAULT); add_user($conn, $first_name, $last_name, $username, $hash, $email); function add_user($conn, $first_name, $last_name, $username, $hash, $email){ $query = "insert into crudentialusers(first_name, last_name, username, password, email) values ('$first_name', '$last_name', '$username', '$hash', '$email')"; $result = $conn->query($query); if(!$result) die($conn->error); } ?>

__MACOSX/www/._salted.php

__MACOSX/www/._wamplangues

www/addmanagerrecord.php

Phone Number: Email: First Name: Last Name: Address: Username: Password:

Go back to Manager Page

connect_error) die($conn->connect_error); if(isset($_POST['number'])){ $phone = $_POST['number']; $email = $_POST['email']; $first_name = $_POST['fname']; $last_name = $_POST['lname']; $address = $_POST['address']; $username = $_POST['username']; $password = $_POST['password']; $query = "INSERT into managertable(phone, email, first_name, last_name, address, username, password) values ('$phone', '$email', '$first_name','$last_name', '$address', '$username','$password')"; $conn->query($query); if(!result) die($conn->error); header("Location: ManagerRecord.php"); } $conn->close(); ?>

__MACOSX/www/._addmanagerrecord.php

__MACOSX/www/._wampthemes

www/checksession.php

<?php require_once 'cowboyuser.php'; session_start(); if(!isset($_SESSION['user'])) { header("Location: cowboylogin.php"); exit(); }else{ //user is in session $user = $_SESSION['user']; $roles = $user->getRoles(); //print_r($roles); $found=0; foreach($page_roles as $prole){ foreach($roles as $role){ if($role==$prole) $found=1; } } //echo $found.'<br>'; if(!$found){ header("Location: unauthorized.php"); } } ?>

__MACOSX/www/._checksession.php

www/cowboylogin.php

				Username: 	

				Password :

query($query); if($result==false) echo 'false'; if(!$result) die("User not found"); elseif ($result->num_rows){ $row = $result->fetch_array(MYSQLI_ASSOC); $result->close(); $password = $row['password']; if(password_verify($tmp_password, $password)){ echo "Hi $row[first_name] you are now logged in as $row[username] "; $user = new User($row['username']); session_start(); $_SESSION['user'] = $user; //echo "Continue"; header("Location: homepage.php"); }else{ die("Invalid username/password combination"); } }else{ die("User not found"); } }else{ die("Please enter your username and password"); } $conn->close(); function mysql_entities_fix_string($conn, $string){ return htmlentities(mysql_fix_string($conn, $string)); } function mysql_fix_string($conn, $string){ $string = stripslashes($string); $string = strip_tags($string); return $conn->real_escape_string($string); } ?>

__MACOSX/www/._cowboylogin.php

www/DeleteMemberRecord.php

<?php require_once 'login.php'; $conn = new mysqli($hn, $un, $pw, $db); if($conn->connect_error) die($conn->connect_error); $query = "SELECT * FROM membertable"; $result = $conn->query($query); if(!$result) die($conn->error); $rows = $result->num_rows; for($j=0; $j<$rows; ++$j){ $result->data_seek($j); $row = $result->fetch_array(MYSQLI_NUM); echo <<< _END <pre> Member ID: $row[0] SSN: $row[1] First Name: $row[2] Last Name: $row[3] Username: $row[4] Password: $row[5] Address: $row[6] Phone: $row[7] Interests: $row[8] Property Interest: $row[9] </pre> <form action='DeleteFunction.php' method='post'> <input type='hidden' name='delete' value='yes'> <input type='hidden' name='MemberID' value='$row[0]'> <input type='submit' value='DELETE RECORD'> </form> _END; } $conn->close(); ?> <tr><td><h4><a href='memberpage.php'>Go back to Member Page</a></h4></td></tr>

__MACOSX/www/._DeleteMemberRecord.php

www/img - Shortcut.lnk

__MACOSX/www/._img - Shortcut.lnk

www/homepage.php

HOME

__MACOSX/www/._homepage.php

www/index1.php

Header Navigation Links

Great Apartments. Great Deals. Find the right apartment for you.

Top Apartment Deals in Atlanta, GA

Apartments - Beds | $ - $

__MACOSX/www/._index1.php

www/cowboyuser.php

<?php require_once 'login.php'; $conn = new mysqli($hn, $un, $pw, $db); if ($conn->connect_error) die($conn->connect_error); class User{ public $username; public $roles = Array(); function __construct($username){ global $conn; $this->username = $username; $query="select role from roles where username='$username' "; //echo $query.'<br>'; $result = $conn->query($query); if(!$result) die($conn->error); $rows = $result->num_rows; $roles = Array(); for($i=0; $i<$rows; $i++){ $row = $result->fetch_array(MYSQLI_ASSOC); //echo $row['role']; echo '<br>'; $roles[] = $row['role']; } $this->roles = $roles; } function getRoles(){ return $this->roles; } } ?>

__MACOSX/www/._cowboyuser.php

www/about.php

ABOUT US

We just really like to be good to our customers and stuff. Because of this we want to show you how cool our pictures are.

Select image to upload:

Go back to Home Page

__MACOSX/www/._about.php

www/MemberRecord.php

__MACOSX/www/._MemberRecord.php

www/managerdeletefunction

__MACOSX/www/._managerdeletefunction

www/managerpage

EDIT/DELETE MANAGER INFORMATION

Add Member Record

View Member Records

Delete Member Record

Go back to Home Page

__MACOSX/www/._managerpage

www/managerupdate.php

<?php require_once 'login.php'; $conn = new mysqli($hn, $un, $pw, $db); if($conn->connect_error) die($conn->connect_error); if(isset($_GET['EmpID'])){ $EmpID = $_GET['EmpID']; $query = "SELECT * FROM managertable where EmpID = $EmpID"; $result = $conn->query($query); if(!$result) die($conn->error); $rows = $result->num_rows; for($j=0; $j<$rows; ++$j){ $result->data_seek($j); $row = $result->fetch_array(MYSQLI_NUM); echo <<< _END <pre> <form method='post' action='managerupdate.php'> Phone: <input type='text' name='number' value='$row[1]'> Email: <input type='text' name='email' value='$row[2]'> First Name: <input type='text' name='fname' value='$row[3]'> Last Name: <input type='text' name='lname' value='$row[4]'> Address: <input type='text' name='address' value='$row[5]'> Username: <input type='text' name='username' value='$row[6]'> Password: <input type='text' name='password' value='$row[7]'> <input type='hidden' name='EmpID' value='$row[0]'> <input type='hidden' name='update' value='yes'> <input type='submit'> </form> </pre> _END; } } if(isset($_POST['update'])){ $EmpID = $_POST['EmpID'] $phone = $_POST['number']; $email = $_POST['email']; $first_name = $_POST['fname']; $last_name = $_POST['lname']; $address = $_POST['address']; $username = $_POST['username']; $password = $_POST['password']; $query = "UPDATE managertable SET phone='$phone', email='$email', first_name='$first_name', last_name='$last_name', address='$address', username='$username', password='$password' WHERE MovieID=$MovieID "; $result = $conn->query($query); if(!$result) die($conn->error); header("Location: viewmanagerrecord.php"); } $conn->close(); ?>

__MACOSX/www/._managerupdate.php

www/managerdeletefunction.php

<?php require_once 'login.php'; require_once 'checksession.php'; $conn = new mysqli($hn, $un, $pw, $db); if($conn->connect_error) die($conn->connect_error); if(isset($_POST['delete'])){ $EmployeeID = $_POST['EmpID']; $query = "DELETE from managertable where EmpID ='$EmployeeID' "; $result = $conn->query($query); if(!$result) die($conn->error); header("Location: DeleteManagerRecord.php"); } $conn->close(); ?>

__MACOSX/www/._managerdeletefunction.php

www/viewmanagerrecord.php

<?php require_once 'login.php'; $conn = new mysqli($hn, $un, $pw, $db); if($conn->connect_error) die($conn->connect_error); $query = "SELECT * FROM managertable"; $result = $conn->query($query); if(!$result) die($conn->error); $rows = $result->num_rows; for($j=0; $j<$rows; ++$j){ $result->data_seek($j); $row = $result->fetch_array(MYSQLI_ASSOC); echo 'Employee ID: '.$row['EmpID'].'<br>'; echo 'Phone Number: '.$row['phone'].'<br>'; echo 'Email: '.$row['email'].'<br>'; echo 'First Name: '.$row['first_name'].'<br>'; echo 'Last Name: '.$row['last_name'].'<br>'; echo 'Username: '.$row['username'].'<br>'; echo 'Password: '.$row['password'].'<br>'; echo '<br>'; echo '<br>'; } $conn->close(); ?> <tr><td><h4><a href='managerpage.php'>Go back to Manager Page</a></h4></td></tr>

__MACOSX/www/._viewmanagerrecord.php

www/ManagerRecord.php

<?php require_once 'login.php'; $conn = new mysqli($hn, $un, $pw, $db); if($conn->connect_error) die($conn->connect_error); $query = "SELECT * FROM managertable"; $result = $conn->query($query); if(!$result) die($conn->error); $rows = $result->num_rows; for($j=0; $j<$rows; ++$j){ $result->data_seek($j); $row = $result->fetch_array(MYSQLI_ASSOC); echo 'Employee ID: '.$row['EmpID'].'<br>'; echo 'Phone Number: '.$row['phone'].'<br>'; echo 'Email: '.$row['email'].'<br>'; echo 'First Name: '.$row['first_name'].'<br>'; echo 'Last Name: '.$row['last_name'].'<br>'; echo 'Username: '.$row['username'].'<br>'; echo 'Password: '.$row['password'].'<br>'; echo '<br>'; } $conn->close(); ?> <tr><td><h4><a href='managerpage.php'>Go back to Manager Page</a></h4></td></tr>

__MACOSX/www/._ManagerRecord.php

www/css/common.css

.layout-wrapper { padding: 0 20px } .inner-layout-wrapper { max-width: 1900px } @media (min-width: 1920px) { .inner-layout-wrapper { margin: auto } } .robotoRegular { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0 } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999 } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } textarea { overflow: auto } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } .clearfix:before, .clearfix:after { content: " "; display: table } .clearfix:after { clear: both } .fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse { display: none } .collapse.in { display: block } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; transition: height .35s ease } .dropdown { position: relative } .dropdownToggle:focus { outline: 0 } .dropdownMenu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-clip: padding-box } .dropdownMenu.pull-right { right: 0; left: auto } .dropdownMenu .divider { height: 1px; margin: 0; overflow: hidden; background-color: #e5e5e5 } .dropdownMenu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; white-space: nowrap } .dropdownMenu > li > a:hover, .dropdownMenu > li > a:focus { text-decoration: none } .dropdownMenu > .active > a, .dropdownMenu > .active > a:hover, .dropdownMenu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #428bca } .dropdownMenu > .disabled > a, .dropdownMenu > .disabled > a:hover, .dropdownMenu > .disabled > a:focus { color: #999 } .dropdownMenu > .disabled > a:hover, .dropdownMenu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed } .open > .dropdownMenu { display: block } .open > a { outline: 0 } .dropdownMenu-right { left: auto; right: 0 } .dropdownMenu-left { left: 0; right: auto } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #999 } .dropdownBackdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990 } .pull-right > .dropdownMenu { right: 0; left: auto } .dropup .dropdownMenu, .navbar-fixed-bottom .dropdown .dropdownMenu { top: auto; bottom: 100%; margin-bottom: 1px } .iosScroll .dropdownMenu ::-webkit-scrollbar { -webkit-appearance: none; width: 8px } .iosScroll .dropdownMenu ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 1px #fff } @media (min-width: 768px) { .navbar-right .dropdownMenu { left: auto; right: 0 } .navbar-right .dropdownMenu-left { left: 0; right: auto } } .modalOpen, .advancedFiltersOpen { overflow: hidden } .modal { display: none; overflow: auto; overflow-y: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1060; -webkit-overflow-scrolling: touch; outline: 0 } .modal.fade .modalContainer { -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out } .modal.in .modalContainer { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .modalContainer { width: 645px; position: absolute; top: 50%; height: 284px; margin-top: -142px; left: 50%; margin-left: -323px } .modalContent { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); background-clip: padding-box; outline: none } .modalBackdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; background-color: #000 } .modalBackdrop.fade { opacity: 0; filter: alpha(opacity=0) } .modalBackdrop.in { opacity: .5; filter: alpha(opacity=50) } .modalHeader { padding: 15px; min-height: 16.42857143px } .modalHeader .close { margin-top: -2px; border: 0 none; background-color: #fff; float: right } .modalHeader .close:focus { outline: none } .modal-title { margin: 0; line-height: 1.42857143 } .modalBody { position: relative; padding: 20px } .modalFooter { margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5 } .modalFooter .btn + .btn { margin-left: 5px; margin-bottom: 0 } .modalFooter .btn-group .btn + .btn { margin-left: -1px } .modalFooter .btn-block + .btn-block { margin-left: 0 } @media (min-width: 768px) { .modalContainer { width: 645px; position: absolute; top: 50%; height: 284px; margin-top: -142px; left: 50%; margin-left: -323px } .modalContent { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5) } .modal-sm { width: 300px } } @media (min-width: 992px) { .modal-lg { width: 900px } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn:hover, .btn:focus { color: #333; text-decoration: none } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none } .btn-default { color: #333; background-color: #fff } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdownToggle.btn-default { color: #333 } .btn-default:active, .btn-default.active, .open .dropdownToggle.btn-default { background-image: none } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc } .btn-default .badge { color: #fff; background-color: #333 } .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdownToggle.btn-primary { color: #fff; background-color: #e66500; border-color: #e66500 } .high-contrast .btn-primary:hover, .high-contrast .btn-primary:focus, .high-contrast .btn-primary:active, .high-contrast .btn-primary.active, .high-contrast .open .dropdownToggle.btn-primary { background-color: #c15401 } .high-contrast .btn-primary:hover, .high-contrast .btn-primary:focus, .high-contrast .btn-primary:active, .high-contrast .btn-primary.active, .high-contrast .open .dropdownToggle.btn-primary { border-color: #c15401 } .btn-primary:active, .btn-primary.active, .open .dropdownToggle.btn-primary { background-image: none } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd } .btn-primary .badge { color: #428bca; background-color: #fff } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdownToggle.btn-success { color: #fff; background-color: #47a447; border-color: #398439 } .btn-success:active, .btn-success.active, .open .dropdownToggle.btn-success { background-image: none } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c } .btn-success .badge { color: #5cb85c; background-color: #fff } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdownToggle.btn-info { color: #fff; background-color: #39b3d7; border-color: #269abc } .btn-info:active, .btn-info.active, .open .dropdownToggle.btn-info { background-image: none } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da } .btn-info .badge { color: #5bc0de; background-color: #fff } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdownToggle.btn-warning { color: #fff; background-color: #ed9c28; border-color: #d58512 } .btn-warning:active, .btn-warning.active, .open .dropdownToggle.btn-warning { background-image: none } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236 } .btn-warning .badge { color: #f0ad4e; background-color: #fff } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdownToggle.btn-danger { color: #fff; background-color: #d2322d; border-color: #ac2925 } .btn-danger:active, .btn-danger.active, .open .dropdownToggle.btn-danger { background-image: none } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a } .btn-danger .badge { color: #d9534f; background-color: #fff } .btn-link { color: #428bca; font-weight: normal; cursor: pointer; border-radius: 0 } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent } .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #999; text-decoration: none } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0 } .btn-block + .btn-block { margin-top: 5px } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100% } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2 } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px } .btn-toolbar { margin-left: -5px } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdownToggle) { border-radius: 0 } .btn-group > .btn:first-child { margin-left: 0 } .btn-group > .btn:first-child:not(:last-child):not(.dropdownToggle) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdownToggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .btn-group > .btn-group { float: left } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0 } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdownToggle { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0 } .btn-group .dropdownToggle:active, .btn-group.open .dropdownToggle { outline: 0 } .btn-group > .btn + .dropdownToggle { padding-left: 8px; padding-right: 8px } .btn-group > .btn-lg + .dropdownToggle { padding-left: 12px; padding-right: 12px } .btn-group.open .dropdownToggle.btn-link { -webkit-box-shadow: none; box-shadow: none } .btn .caret { margin-left: 0 } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0 } .dropup .btn-lg .caret { border-width: 0 5px 5px } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100% } .btn-group-vertical > .btn-group > .btn { float: none } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0 } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0 } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0 } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0 } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdownToggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1% } .btn-group-justified > .btn-group .btn { width: 100% } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { display: none } .img-responsive, .carouselInner > .item > img, .carouselInner > .item > a > img { display: block; max-width: 100%; height: auto } .carousel { position: relative } .carouselInner { position: relative; overflow: hidden; width: 100% } .carouselInner > .item { display: none; position: relative; -webkit-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .carouselInner > .item > img, .carouselInner > .item > a > img { line-height: 1 } .carouselInner > .active, .carouselInner > .next, .carouselInner > .prev { display: block } .carouselInner > .active { left: 0 } .carouselInner > .next, .carouselInner > .prev { position: absolute; top: 0; width: 100% } .carouselInner > .next { left: 100% } .carouselInner > .prev { left: -100% } .carouselInner > .next.left, .carouselInner > .prev.right { left: 0 } .carouselInner > .active.left { left: -100% } .carouselInner > .active.right { left: 100% } .carouselControl { position: absolute; top: 50%; left: 3em; bottom: 0; width: 15%; opacity: .5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6) } .img-rounded { border-radius: 6px } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto } .img-circle { border-radius: 50% } .carouselControl.right { left: auto; right: 3em } .carouselControl:hover, .carouselControl:focus { outline: none; color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90) } .bootstrap-select.select { display: none } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] { float: none; display: inline-block; margin-bottom: 0; margin-left: 0 } .form-search .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group { margin-bottom: 0 } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none } .bootstrap-select.btn-group.pull-right, .bootstrap-select.btn-group[class*="span"].pull-right, .row-fluid .bootstrap-select.btn-group[class*="span"].pull-right { float: right } .input-append .bootstrap-select.btn-group { margin-left: -1px } .input-prepend .bootstrap-select.btn-group { margin-right: -1px } .bootstrap-select.form-control:not([class*="span"]) { width: 100% } .bootstrap-select > .btn { width: 100%; padding-right: 25px } .error .bootstrap-select .btn { border: 1px solid #b94a48 } .bootstrap-select.show-menu-arrow.open > .btn { z-index: 2051 } .bootstrap-select .btn:focus { outline: thin dotted #333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px } .bootstrap-select.btn-group .btn .filter-option { display: inline-block; overflow: hidden; float: left; text-align: left } .bootstrap-select.btn-group .btn .caret { position: absolute; top: 50%; right: .5em; margin-top: -.125em; vertical-align: middle } .bootstrap-select.btn-group > .disabled, .bootstrap-select.btn-group .dropdownMenu li.disabled > a { cursor: not-allowed } .bootstrap-select.btn-group > .disabled:focus { outline: none !important } .bootstrap-select.btn-group[class*="span"] .btn { width: 100% } .bootstrap-select.btn-group .dropdownMenu { min-width: 100%; z-index: 2000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .bootstrap-select.btn-group .dropdownMenu.inner { position: static; border: 0; padding: 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .bootstrap-select.btn-group .dropdownMenu dt { display: block; padding: 3px 20px; cursor: default } .bootstrap-select.btn-group .div-contain { overflow: hidden } .bootstrap-select.btn-group .dropdownMenu li { position: relative } .bootstrap-select.btn-group .dropdownMenu li > a.opt { position: relative; padding-left: 35px } .bootstrap-select.btn-group .dropdownMenu li > a { cursor: pointer } .bootstrap-select.btn-group .dropdownMenu li > dt small { font-weight: normal } .bootstrap-select.btn-group.show-tick .dropdownMenu li.selected a i.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 2.5px } .bootstrap-select.btn-group .dropdownMenu li a i.check-mark { display: none } .bootstrap-select.btn-group.show-tick .dropdownMenu li a span.text { margin-right: 34px } .bootstrap-select.btn-group .dropdownMenu li small { padding-left: .5em } .bootstrap-select.btn-group .dropdownMenu li:not(.disabled) > a:hover small, .bootstrap-select.btn-group .dropdownMenu li:not(.disabled) > a:focus small, .bootstrap-select.btn-group .dropdownMenu li.active:not(.disabled) > a small { color: #64b1d8 } .bootstrap-select.btn-group .dropdownMenu li > dt small { font-weight: normal } .bootstrap-select.show-menu-arrow .dropdownToggle:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, .2); position: absolute; bottom: -4px; left: 9px; display: none } .bootstrap-select.show-menu-arrow .dropdownToggle:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; bottom: -4px; left: 10px; display: none } .bootstrap-select.show-menu-arrow.dropup .dropdownToggle:before { bottom: auto; top: -3px; border-top: 7px solid #ccc; border-bottom: 0; border-top-color: rgba(0, 0, 0, .2) } .bootstrap-select.show-menu-arrow.dropup .dropdownToggle:after { bottom: auto; top: -3px; border-top: 6px solid #fff; border-bottom: 0 } .bootstrap-select.show-menu-arrow.pull-right .dropdownToggle:before { right: 12px; left: auto } .bootstrap-select.show-menu-arrow.pull-right .dropdownToggle:after { right: 13px; left: auto } .bootstrap-select.show-menu-arrow.open > .dropdownToggle:before, .bootstrap-select.show-menu-arrow.open > .dropdownToggle:after { display: block } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px } .bootstrap-select.btn-group .dropdownMenu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; pointer-events: none; opacity: .9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mobile-device { position: absolute; top: 0; left: 0; display: block !important; width: 100%; height: 100% !important; opacity: 0 } .bootstrap-select.fit-width { width: auto !important } .bootstrap-select.btn-group.fit-width .btn .filter-option { position: static } .bootstrap-select.btn-group.fit-width .btn .caret { position: static; top: auto; margin-top: -1px } .control-group.error .bootstrap-select .dropdownToggle { border-color: #b94a48 } .bootstrap-select-searchbox, .bootstrap-select .bs-actionsbox { padding: 4px 8px } .bootstrap-select .bs-actionsbox { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .bootstrap-select-searchbox + .bs-actionsbox { padding: 0 8px 4px } .bootstrap-select-searchbox input { margin-bottom: 0 } .bootstrap-select .bs-actionsbox .btn-group button { width: 50% } .datepicker { padding: 4px; border-radius: 0; z-index: 1060 !important; direction: ltr } .datepicker-inline { width: 220px } .datepicker.datepicker-rtl { direction: rtl } .datepicker.datepicker-rtl table tr td span { float: right } .datepicker-dropdown { top: 0; left: 0 } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-top: 0; border-bottom-color: rgba(0, 0, 0, .2); position: absolute } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute } .datepicker-dropdown.datepicker-orient-left:before { left: 6px } .datepicker-dropdown.datepicker-orient-left:after { left: 7px } .datepicker-dropdown.datepicker-orient-right:before { right: 6px } .datepicker-dropdown.datepicker-orient-right:after { right: 7px } .datepicker-dropdown.datepicker-orient-top:before { top: -7px } .datepicker-dropdown.datepicker-orient-top:after { top: -6px } .datepicker-dropdown.datepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999 } .datepicker-dropdown.datepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff } .datepicker > div { display: none } .datepicker.days div.datepicker-days { display: block } .datepicker.months div.datepicker-months { display: block } .datepicker.years div.datepicker-years { display: block } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 0; border: none } .datepicker .table-condensed thead { border-bottom: 1px solid #5bb2ef } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #5bb2ef; color: #fff; cursor: pointer } .datepicker table tr td.old, .datepicker table tr td.new { color: #777 } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #777; cursor: default } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: #5bb2ef; color: #fff } .datepicker table tr td.today:hover:hover { color: #fff } .datepicker table tr td.today.active:hover { color: #fff } .datepicker table tr td .today.active.day { background-color: #5bb2ef } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eee; border-radius: 0 } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { background-color: #5bb2ef; border-radius: 0 } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { color: #fff; background-color: #777; border-color: #555; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected:hover.focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.disabled:hover.focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td.selected, .open > .dropdown-toggle.datepicker table tr td.selected:hover, .open > .dropdown-toggle.datepicker table tr td.selected.disabled, .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover { color: #fff; background-color: #5e5e5e; border-color: #363636 } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td.selected, .open > .dropdown-toggle.datepicker table tr td.selected:hover, .open > .dropdown-toggle.datepicker table tr td.selected.disabled, .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover { background-image: none } .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.selected, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.disabled, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected:hover.disabled.focus, .datepicker table tr td.selected.disabled.disabled.focus, .datepicker table tr td.selected.disabled:hover.disabled.focus, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected:hover[disabled].focus, .datepicker table tr td.selected.disabled[disabled].focus, .datepicker table tr td.selected.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected:hover.focus, fieldset[disabled] .datepicker table tr td.selected.disabled.focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected:hover.disabled:active, .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:active, .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected:hover[disabled]:active, .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:hover:active, fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected:hover.disabled.active, .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled.active, .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected:hover[disabled].active, .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected:hover.active, fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active { background-color: #777; border-color: #555 } .datepicker table tr td.selected .badge, .datepicker table tr td.selected:hover .badge, .datepicker table tr td.selected.disabled .badge, .datepicker table tr td.selected.disabled:hover .badge { color: #777; background-color: #fff } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-color: #5bb2ef; color: #fff } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 0 } .datepicker table tr td span:hover { background: #eee } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #777; cursor: default } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-color: #5bb2ef; color: #fff } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #777 } .datepicker th.datepicker-switch { width: 145px; color: #5bb2ef } .datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #eee } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle } .datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent } .datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1500; float: left; display: none; min-width: 160px; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; color: #333; font-size: 13px; line-height: 1.428571429 } .datepicker.dropdown-menu th, .datepicker.dropdown-menu td { padding: 4px 5px } .input-group.date .input-group-addon i { cursor: pointer; width: 16px; height: 16px } .input-daterange input { text-align: center } .input-daterange input:first-child { border-radius: 3px 0 0 3px } .input-daterange input:last-child { border-radius: 0 3px 3px 0 } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; font-weight: normal; line-height: 1.428571429; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eee; border: solid #ccc; border-width: 1px 0; margin-left: -5px; margin-right: -5px } .tooltip { position: absolute; z-index: 1070; display: block; font-size: 12px; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0 } .tooltip.in { filter: alpha(opacity=90); opacity: .9 } .tooltip.top { padding: 5px 0; margin-top: -11px } .tooltip.right { padding: 5px 0; margin-right: -11px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.right .tooltip-arrow { bottom: 50%; left: 0; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } .toast { left: 0; top: auto; z-index: 20; width: 100%; height: 100%; bottom: -100%; position: fixed } .toastActive { overflow: hidden; position: fixed } html { font-family: 'Montserrat', sans-serif; font-display: auto; line-height: 1.4; height: 100%; box-sizing: border-box; overflow-x: hidden; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } *, *:before, *:after { box-sizing: inherit } body { color: #333; width: 100%; height: 100%; margin: 0; display: block; font-size: 16px } @media only screen and (min-width: 1920px) { body { background-color: #f2f2f2; max-width: 1920px; margin: 0 auto; position: relative } } body.full-width { max-width: 100% } a { text-decoration: none; color: #e66500 } .high-contrast a { color: #c15401 } a.link { color: #e66500 } a.link:hover, a.link:active, a.link:visited:hover { color: #e66500 } .high-contrast a.link:hover, .high-contrast a.link:active, .high-contrast a.link:visited:hover { color: #c15401 } a.link:visited { color: #5bb2ef } h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0 } h1, .h1 { font-size: 41px } h2, .h2 { font-size: 34px } h3, .h3 { font-size: 28px } h4, .h4 { font-size: 20px } h5, .h5 { font-size: 16px } h6, .h6 { font-size: 14px } .wrapper-fixed { max-width: 1920px; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto } .wrapper-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { margin-left: -15px; margin-right: -15px } .columnsMixin { position: relative; min-height: 2px; padding-left: 15px; padding-right: 15px; -webkit-transition: ease-in-out all .25s; transition: ease-in-out all .25s; float: left } [class^="xs-"] { position: relative; min-height: 2px; padding-left: 15px; padding-right: 15px; -webkit-transition: ease-in-out all .25s; transition: ease-in-out all .25s; float: left } .xs-12 { width: 100% } .xs-11 { width: 91.66666667% } .xs-10 { width: 83.33333333% } .xs-9 { width: 75% } .xs-8 { width: 66.66666667% } .xs-7 { width: 58.33333333% } .xs-6 { width: 50% } .xs-5 { width: 41.66666667% } .xs-4 { width: 33.33333333% } .xs-3 { width: 25% } .xs-2 { width: 16.66666667% } .xs-1 { width: 8.33333333% } .xs-offset-12 { margin-left: 100% } .xs-offset-11 { margin-left: 91.66666667% } .xs-offset-10 { margin-left: 83.33333333% } .xs-offset-9 { margin-left: 75% } .xs-offset-8 { margin-left: 66.66666667% } .xs-offset-7 { margin-left: 58.33333333% } .xs-offset-6 { margin-left: 50% } .xs-offset-5 { margin-left: 41.66666667% } .xs-offset-4 { margin-left: 33.33333333% } .xs-offset-3 { margin-left: 25% } .xs-offset-2 { margin-left: 16.66666667% } .xs-offset-1 { margin-left: 8.33333333% } .xs-offset-0 { margin-left: 0% } [class^="sm-"] { position: relative; min-height: 2px; padding-left: 15px; padding-right: 15px; -webkit-transition: ease-in-out all .25s; transition: ease-in-out all .25s; float: left } @media (min-width: 768px) { .sm-12 { width: 100% } .sm-11 { width: 91.66666667% } .sm-10 { width: 83.33333333% } .sm-9 { width: 75% } .sm-8 { width: 66.66666667% } .sm-7 { width: 58.33333333% } .sm-6 { width: 50% } .sm-5 { width: 41.66666667% } .sm-4 { width: 33.33333333% } .sm-3 { width: 25% } .sm-2 { width: 16.66666667% } .sm-1 { width: 8.33333333% } .sm-offset-12 { margin-left: 100% } .sm-offset-11 { margin-left: 91.66666667% } .sm-offset-10 { margin-left: 83.33333333% } .sm-offset-9 { margin-left: 75% } .sm-offset-8 { margin-left: 66.66666667% } .sm-offset-7 { margin-left: 58.33333333% } .sm-offset-6 { margin-left: 50% } .sm-offset-5 { margin-left: 41.66666667% } .sm-offset-4 { margin-left: 33.33333333% } .sm-offset-3 { margin-left: 25% } .sm-offset-2 { margin-left: 16.66666667% } .sm-offset-1 { margin-left: 8.33333333% } .sm-offset-0 { margin-left: 0% } } [class^="md-"] { position: relative; min-height: 2px; padding-left: 15px; padding-right: 15px; -webkit-transition: ease-in-out all .25s; transition: ease-in-out all .25s; float: left } @media (min-width: 1024px) { .md-12 { width: 100% } .md-11 { width: 91.66666667% } .md-10 { width: 83.33333333% } .md-9 { width: 75% } .md-8 { width: 66.66666667% } .md-7 { width: 58.33333333% } .md-6 { width: 50% } .md-5 { width: 41.66666667% } .md-4 { width: 33.33333333% } .md-3 { width: 25% } .md-2 { width: 16.66666667% } .md-1 { width: 8.33333333% } .md-offset-12 { margin-left: 100% } .md-offset-11 { margin-left: 91.66666667% } .md-offset-10 { margin-left: 83.33333333% } .md-offset-9 { margin-left: 75% } .md-offset-8 { margin-left: 66.66666667% } .md-offset-7 { margin-left: 58.33333333% } .md-offset-6 { margin-left: 50% } .md-offset-5 { margin-left: 41.66666667% } .md-offset-4 { margin-left: 33.33333333% } .md-offset-3 { margin-left: 25% } .md-offset-2 { margin-left: 16.66666667% } .md-offset-1 { margin-left: 8.33333333% } .md-offset-0 { margin-left: 0% } } [class^="lg-"] { position: relative; min-height: 2px; padding-left: 15px; padding-right: 15px; -webkit-transition: ease-in-out all .25s; transition: ease-in-out all .25s; float: left } @media (min-width: 1400px) { .lg-12 { width: 100% } .lg-11 { width: 91.66666667% } .lg-10 { width: 83.33333333% } .lg-9 { width: 75% } .lg-8 { width: 66.66666667% } .lg-7 { width: 58.33333333% } .lg-6 { width: 50% } .lg-5 { width: 41.66666667% } .lg-4 { width: 33.33333333% } .lg-3 { width: 25% } .lg-2 { width: 16.66666667% } .lg-1 { width: 8.33333333% } .lg-offset-12 { margin-left: 100% } .lg-offset-11 { margin-left: 91.66666667% } .lg-offset-10 { margin-left: 83.33333333% } .lg-offset-9 { margin-left: 75% } .lg-offset-8 { margin-left: 66.66666667% } .lg-offset-7 { margin-left: 58.33333333% } .lg-offset-6 { margin-left: 50% } .lg-offset-5 { margin-left: 41.66666667% } .lg-offset-4 { margin-left: 33.33333333% } .lg-offset-3 { margin-left: 25% } .lg-offset-2 { margin-left: 16.66666667% } .lg-offset-1 { margin-left: 8.33333333% } .lg-offset-0 { margin-left: 0% } } @media (max-width: 767px) { .hidden-xs { display: none !important } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important } } @media (min-width: 1024px) and (max-width: 1399px) { .hidden-md { display: none !important } } @media (min-width: 1200px) { .hidden-lg { display: none !important } } .visually-hidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden } .layout-wrap { flex-wrap: wrap } .layout-nowrap { flex-wrap: nowrap } .layout-fill { margin: 0; width: 100%; height: 100%; min-height: 100% } .layout, .layout-column, .layout-row { box-sizing: border-box; display: flex } .layout-inline, .layout-inline-column, .layout-inline-row { box-sizing: border-box; display: inline-flex } .layout-column, .layout-inline-column { flex-direction: column } .layout-row, .layout-inline-row { flex-direction: row } .layout-row::after, .layout-inline-row::after { content: unset !important } .layout-align, .layout-align-start-stretch { justify-content: flex-start; align-content: stretch; align-items: stretch } .layout-align-start-baseline, .layout-align-start-start, .layout-align-start-center, .layout-align-start-end, .layout-align-start-stretch { justify-content: flex-start } .layout-align-center-baseline, .layout-align-center-start, .layout-align-center-center, .layout-align-center-end, .layout-align-center-stretch { justify-content: center } .layout-align-end-baseline, .layout-align-end-start, .layout-align-end-center, .layout-align-end-end, .layout-align-end-stretch { justify-content: flex-end } .layout-align-space-around-baseline, .layout-align-space-around-center, .layout-align-space-around-start, .layout-align-space-around-end, .layout-align-space-around-stretch { justify-content: space-around } .layout-align-space-between-baseline, .layout-align-space-between-center, .layout-align-space-between-start, .layout-align-space-between-end, .layout-align-space-between-stretch { justify-content: space-between } .layout-align-baseline-baseline, .layout-align-baseline-center, .layout-align-baseline-start, .layout-align-baseline-end, .layout-align-baseline-stretch { justify-content: space-between } .layout-align-baseline-start, .layout-align-start-start, .layout-align-center-start, .layout-align-end-start, .layout-align-space-between-start, .layout-align-space-around-start { align-items: flex-start; align-content: flex-start } .layout-align-baseline-center, .layout-align-start-center, .layout-align-center-center, .layout-align-end-center, .layout-align-space-between-center, .layout-align-space-around-center, .layout-align-space-evenly-center { align-items: center; align-content: center } .layout-align-baseline-center > *, .layout-align-start-center > *, .layout-align-center-center > *, .layout-align-end-center > *, .layout-align-space-between-center > *, .layout-align-space-around-center > *, .layout-align-space-evenly-center > * { box-sizing: border-box } .layout-align-baseline-end, .layout-align-start-end, .layout-align-center-end, .layout-align-end-end, .layout-align-space-between-end, .layout-align-space-around-end { align-items: flex-end; align-content: flex-end } .layout-align-baseline-stretch, .layout-align-start-stretch, .layout-align-center-stretch, .layout-align-end-stretch, .layout-align-space-between-stretch, .layout-align-space-around-stretch { align-items: stretch; align-content: stretch } .layout-align-baseline-baseline, .layout-align-start-baseline, .layout-align-center-baseline, .layout-align-end-baseline, .layout-align-space-between-baseline, .layout-align-space-around-baseline { align-items: baseline } .flex { flex: 1; box-sizing: border-box } .flex-grow { flex: 1 1 100%; box-sizing: border-box } .flex-initial { flex: 0 1 auto; box-sizing: border-box } .flex-auto { flex: 1 1 auto; box-sizing: border-box } .flex-none { flex: 0 0 auto; box-sizing: border-box } .flex-noshrink { flex: 1 0 auto; box-sizing: border-box } .flex-nogrow { flex: 0 1 auto; box-sizing: border-box } .flex-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box } .flex-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box } .flex-0 { flex: 1 1 100%; max-width: 0%; max-height: 100%; box-sizing: border-box; min-width: 0 } .flex-1 { flex: 1 1 100%; max-width: 8.333333333%; max-height: 100%; box-sizing: border-box } .flex-2 { flex: 1 1 100%; max-width: 16.666666667%; max-height: 100%; box-sizing: border-box } .flex-3 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box } .flex-4 { flex: 1 1 100%; max-width: 33.333333333%; max-height: 100%; box-sizing: border-box } .flex-5 { flex: 1 1 100%; max-width: 41.666666667%; max-height: 100%; box-sizing: border-box } .flex-6 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box } .flex-7 { flex: 1 1 100%; max-width: 58.333333333%; max-height: 100%; box-sizing: border-box } .flex-8 { flex: 1 1 100%; max-width: 66.666666667%; max-height: 100%; box-sizing: border-box } .flex-9 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box } .flex-10 { flex: 1 1 100%; max-width: 83.333333333%; max-height: 100%; box-sizing: border-box } .flex-11 { flex: 1 1 100%; max-width: 91.666666667%; max-height: 100%; box-sizing: border-box } .flex-12 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box } .flex-order--20 { order: -20 } .flex-order--19 { order: -19 } .flex-order--18 { order: -18 } .flex-order--17 { order: -17 } .flex-order--16 { order: -16 } .flex-order--15 { order: -15 } .flex-order--14 { order: -14 } .flex-order--13 { order: -13 } .flex-order--12 { order: -12 } .flex-order--11 { order: -11 } .flex-order--10 { order: -10 } .flex-order--9 { order: -9 } .flex-order--8 { order: -8 } .flex-order--7 { order: -7 } .flex-order--6 { order: -6 } .flex-order--5 { order: -5 } .flex-order--4 { order: -4 } .flex-order--3 { order: -3 } .flex-order--2 { order: -2 } .flex-order--1 { order: -1 } .flex-order-0 { order: 0 } .flex-order-1 { order: 1 } .flex-order-2 { order: 2 } .flex-order-3 { order: 3 } .flex-order-4 { order: 4 } .flex-order-5 { order: 5 } .flex-order-6 { order: 6 } .flex-order-7 { order: 7 } .flex-order-8 { order: 8 } .flex-order-9 { order: 9 } .flex-order-10 { order: 10 } .flex-order-11 { order: 11 } .flex-order-12 { order: 12 } .flex-order-13 { order: 13 } .flex-order-14 { order: 14 } .flex-order-15 { order: 15 } .flex-order-16 { order: 16 } .flex-order-17 { order: 17 } .flex-order-18 { order: 18 } .flex-order-19 { order: 19 } .flex-order-20 { order: 20 } @media (max-width: 767px) { .layout-xs-wrap { flex-wrap: wrap } .layout-xs-nowrap { flex-wrap: nowrap } .layout-xs-fill { margin: 0; width: 100%; height: 100%; min-height: 100% } .layout-xs, .layout-xs-column, .layout-xs-row { box-sizing: border-box; display: flex } .layout-xs-inline, .layout-xs-inline-column, .layout-xs-inline-row { box-sizing: border-box; display: inline-flex } .layout-xs-column, .layout-xs-inline-column { flex-direction: column } .layout-xs-row, .layout-xs-inline-row { flex-direction: row } .layout-xs-row::after, .layout-xs-inline-row::after { content: unset !important } .layout-align-xs, .layout-align-xs-start-stretch { justify-content: flex-start; align-content: stretch; align-items: stretch } .layout-align-xs-start-baseline, .layout-align-xs-start-start, .layout-align-xs-start-center, .layout-align-xs-start-end, .layout-align-xs-start-stretch { justify-content: flex-start } .layout-align-xs-center-baseline, .layout-align-xs-center-start, .layout-align-xs-center-center, .layout-align-xs-center-end, .layout-align-xs-center-stretch { justify-content: center } .layout-align-xs-end-baseline, .layout-align-xs-end-start, .layout-align-xs-end-center, .layout-align-xs-end-end, .layout-align-xs-end-stretch { justify-content: flex-end } .layout-align-xs-space-around-baseline, .layout-align-xs-space-around-center, .layout-align-xs-space-around-start, .layout-align-xs-space-around-end, .layout-align-xs-space-around-stretch { justify-content: space-around } .layout-align-xs-space-between-baseline, .layout-align-xs-space-between-center, .layout-align-xs-space-between-start, .layout-align-xs-space-between-end, .layout-align-xs-space-between-stretch { justify-content: space-between } .layout-align-xs-baseline-baseline, .layout-align-xs-baseline-center, .layout-align-xs-baseline-start, .layout-align-xs-baseline-end, .layout-align-xs-baseline-stretch { justify-content: space-between } .layout-align-xs-baseline-start, .layout-align-xs-start-start, .layout-align-xs-center-start, .layout-align-xs-end-start, .layout-align-xs-space-between-start, .layout-align-xs-space-around-start { align-items: flex-start; align-content: flex-start } .layout-align-xs-baseline-center, .layout-align-xs-start-center, .layout-align-xs-center-center, .layout-align-xs-end-center, .layout-align-xs-space-between-center, .layout-align-xs-space-around-center, .layout-align-xs-space-evenly-center { align-items: center; align-content: center } .layout-align-xs-baseline-center > *, .layout-align-xs-start-center > *, .layout-align-xs-center-center > *, .layout-align-xs-end-center > *, .layout-align-xs-space-between-center > *, .layout-align-xs-space-around-center > *, .layout-align-xs-space-evenly-center > * { box-sizing: border-box } .layout-align-xs-baseline-end, .layout-align-xs-start-end, .layout-align-xs-center-end, .layout-align-xs-end-end, .layout-align-xs-space-between-end, .layout-align-xs-space-around-end { align-items: flex-end; align-content: flex-end } .layout-align-xs-baseline-stretch, .layout-align-xs-start-stretch, .layout-align-xs-center-stretch, .layout-align-xs-end-stretch, .layout-align-xs-space-between-stretch, .layout-align-xs-space-around-stretch { align-items: stretch; align-content: stretch } .layout-align-xs-baseline-baseline, .layout-align-xs-start-baseline, .layout-align-xs-center-baseline, .layout-align-xs-end-baseline, .layout-align-xs-space-between-baseline, .layout-align-xs-space-around-baseline { align-items: baseline } .flex-xs { flex: 1; box-sizing: border-box } .flex-xs-grow { flex: 1 1 100%; box-sizing: border-box } .flex-xs-initial { flex: 0 1 auto; box-sizing: border-box } .flex-xs-auto { flex: 1 1 auto; box-sizing: border-box } .flex-xs-none { flex: 0 0 auto; box-sizing: border-box } .flex-xs-noshrink { flex: 1 0 auto; box-sizing: border-box } .flex-xs-nogrow { flex: 0 1 auto; box-sizing: border-box } .flex-xs-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box } .flex-xs-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box } .flex-xs-0 { flex: 1 1 100%; max-width: 0%; max-height: 100%; box-sizing: border-box; min-width: 0 } .flex-xs-1 { flex: 1 1 100%; max-width: 8.333333333%; max-height: 100%; box-sizing: border-box } .flex-xs-2 { flex: 1 1 100%; max-width: 16.666666667%; max-height: 100%; box-sizing: border-box } .flex-xs-3 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box } .flex-xs-4 { flex: 1 1 100%; max-width: 33.333333333%; max-height: 100%; box-sizing: border-box } .flex-xs-5 { flex: 1 1 100%; max-width: 41.666666667%; max-height: 100%; box-sizing: border-box } .flex-xs-6 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box } .flex-xs-7 { flex: 1 1 100%; max-width: 58.333333333%; max-height: 100%; box-sizing: border-box } .flex-xs-8 { flex: 1 1 100%; max-width: 66.666666667%; max-height: 100%; box-sizing: border-box } .flex-xs-9 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box } .flex-xs-10 { flex: 1 1 100%; max-width: 83.333333333%; max-height: 100%; box-sizing: border-box } .flex-xs-11 { flex: 1 1 100%; max-width: 91.666666667%; max-height: 100%; box-sizing: border-box } .flex-xs-12 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box } .flex-order-xs--20 { order: -20 } .flex-order-xs--19 { order: -19 } .flex-order-xs--18 { order: -18 } .flex-order-xs--17 { order: -17 } .flex-order-xs--16 { order: -16 } .flex-order-xs--15 { order: -15 } .flex-order-xs--14 { order: -14 } .flex-order-xs--13 { order: -13 } .flex-order-xs--12 { order: -12 } .flex-order-xs--11 { order: -11 } .flex-order-xs--10 { order: -10 } .flex-order-xs--9 { order: -9 } .flex-order-xs--8 { order: -8 } .flex-order-xs--7 { order: -7 } .flex-order-xs--6 { order: -6 } .flex-order-xs--5 { order: -5 } .flex-order-xs--4 { order: -4 } .flex-order-xs--3 { order: -3 } .flex-order-xs--2 { order: -2 } .flex-order-xs--1 { order: -1 } .flex-order-xs-0 { order: 0 } .flex-order-xs-1 { order: 1 } .flex-order-xs-2 { order: 2 } .flex-order-xs-3 { order: 3 } .flex-order-xs-4 { order: 4 } .flex-order-xs-5 { order: 5 } .flex-order-xs-6 { order: 6 } .flex-order-xs-7 { order: 7 } .flex-order-xs-8 { order: 8 } .flex-order-xs-9 { order: 9 } .flex-order-xs-10 { order: 10 } .flex-order-xs-11 { order: 11 } .flex-order-xs-12 { order: 12 } .flex-order-xs-13 { order: 13 } .flex-order-xs-14 { order: 14 } .flex-order-xs-15 { order: 15 } .flex-order-xs-16 { order: 16 } .flex-order-xs-17 { order: 17 } .flex-order-xs-18 { order: 18 } .flex-order-xs-19 { order: 19 } .flex-order-xs-20 { order: 20 } } @media (min-width: 768px) and (max-width: 1023px) { .layout-sm-wrap { flex-wrap: wrap } .layout-sm-nowrap { flex-wrap: nowrap } .layout-sm-fill { margin: 0; width: 100%; height: 100%; min-height: 100% } .layout-sm, .layout-sm-column, .layout-sm-row { box-sizing: border-box; display: flex } .layout-sm-inline, .layout-sm-inline-column, .layout-sm-inline-row { box-sizing: border-box; display: inline-flex } .layout-sm-column, .layout-sm-inline-column { flex-direction: column } .layout-sm-row, .layout-sm-inline-row { flex-direction: row } .layout-sm-row::after, .layout-sm-inline-row::after { content: unset !important } .layout-align-sm, .layout-align-sm-start-stretch { justify-content: flex-start; align-content: stretch; align-items: stretch } .layout-align-sm-start-baseline, .layout-align-sm-start-start, .layout-align-sm-start-center, .layout-align-sm-start-end, .layout-align-sm-start-stretch { justify-content: flex-start } .layout-align-sm-center-baseline, .layout-align-sm-center-start, .layout-align-sm-center-center, .layout-align-sm-center-end, .layout-align-sm-center-stretch { justify-content: center } .layout-align-sm-end-baseline, .layout-align-sm-end-start, .layout-align-sm-end-center, .layout-align-sm-end-end, .layout-align-sm-end-stretch { justify-content: flex-end } .layout-align-sm-space-around-baseline, .layout-align-sm-space-around-center, .layout-align-sm-space-around-start, .layout-align-sm-space-around-end, .layout-align-sm-space-around-stretch { justify-content: space-around } .layout-align-sm-space-between-baseline, .layout-align-sm-space-between-center, .layout-align-sm-space-between-start, .layout-align-sm-space-between-end, .layout-align-sm-space-between-stretch { justify-content: space-between } .layout-align-sm-baseline-baseline, .layout-align-sm-baseline-center, .layout-align-sm-baseline-start, .layout-align-sm-baseline-end, .layout-align-sm-baseline-stretch { justify-content: space-between } .layout-align-sm-baseline-start, .layout-align-sm-start-start, .layout-align-sm-center-start, .layout-align-sm-end-start, .layout-align-sm-space-between-start, .layout-align-sm-space-around-start { align-items: flex-start; align-content: flex-start } .layout-align-sm-baseline-center, .layout-align-sm-start-center, .layout-align-sm-center-center, .layout-align-sm-end-center, .layout-align-sm-space-between-center, .layout-align-sm-space-around-center, .layout-align-sm-space-evenly-center { align-items: center; align-content: center } .layout-align-sm-baseline-center > *, .layout-align-sm-start-center > *, .layout-align-sm-center-center > *, .layout-align-sm-end-center > *, .layout-align-sm-space-between-center > *, .layout-align-sm-space-around-center > *, .layout-align-sm-space-evenly-center > * { box-sizing: border-box } .layout-align-sm-baseline-end, .layout-align-sm-start-end, .layout-align-sm-center-end, .layout-align-sm-end-end, .layout-align-sm-space-between-end, .layout-align-sm-space-around-end { align-items: flex-end; align-content: flex-end } .layout-align-sm-baseline-stretch, .layout-align-sm-start-stretch, .layout-align-sm-center-stretch, .layout-align-sm-end-stretch, .layout-align-sm-space-between-stretch, .layout-align-sm-space-around-stretch { align-items: stretch; align-content: stretch } .layout-align-sm-baseline-baseline, .layout-align-sm-start-baseline, .layout-align-sm-center-baseline, .layout-align-sm-end-baseline, .layout-align-sm-space-between-baseline, .layout-align-sm-space-around-baseline { align-items: baseline } .flex-sm { flex: 1; box-sizing: border-box } .flex-sm-grow { flex: 1 1 100%; box-sizing: border-box } .flex-sm-initial { flex: 0 1 auto; box-sizing: border-box } .flex-sm-auto { flex: 1 1 auto; box-sizing: border-box } .flex-sm-none { flex: 0 0 auto; box-sizing: border-box } .flex-sm-noshrink { flex: 1 0 auto; box-sizing: border-box } .flex-sm-nogrow { flex: 0 1 auto; box-sizing: border-box } .flex-sm-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box } .flex-sm-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box } .flex-sm-0 { flex: 1 1 100%; max-width: 0%; max-height: 100%; box-sizing: border-box; min-width: 0 } .flex-sm-1 { flex: 1 1 100%; max-width: 8.333333333%; max-height: 100%; box-sizing: border-box } .flex-sm-2 { flex: 1 1 100%; max-width: 16.666666667%; max-height: 100%; box-sizing: border-box } .flex-sm-3 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box } .flex-sm-4 { flex: 1 1 100%; max-width: 33.333333333%; max-height: 100%; box-sizing: border-box } .flex-sm-5 { flex: 1 1 100%; max-width: 41.666666667%; max-height: 100%; box-sizing: border-box } .flex-sm-6 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box } .flex-sm-7 { flex: 1 1 100%; max-width: 58.333333333%; max-height: 100%; box-sizing: border-box } .flex-sm-8 { flex: 1 1 100%; max-width: 66.666666667%; max-height: 100%; box-sizing: border-box } .flex-sm-9 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box } .flex-sm-10 { flex: 1 1 100%; max-width: 83.333333333%; max-height: 100%; box-sizing: border-box } .flex-sm-11 { flex: 1 1 100%; max-width: 91.666666667%; max-height: 100%; box-sizing: border-box } .flex-sm-12 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box } .flex-order-sm--20 { order: -20 } .flex-order-sm--19 { order: -19 } .flex-order-sm--18 { order: -18 } .flex-order-sm--17 { order: -17 } .flex-order-sm--16 { order: -16 } .flex-order-sm--15 { order: -15 } .flex-order-sm--14 { order: -14 } .flex-order-sm--13 { order: -13 } .flex-order-sm--12 { order: -12 } .flex-order-sm--11 { order: -11 } .flex-order-sm--10 { order: -10 } .flex-order-sm--9 { order: -9 } .flex-order-sm--8 { order: -8 } .flex-order-sm--7 { order: -7 } .flex-order-sm--6 { order: -6 } .flex-order-sm--5 { order: -5 } .flex-order-sm--4 { order: -4 } .flex-order-sm--3 { order: -3 } .flex-order-sm--2 { order: -2 } .flex-order-sm--1 { order: -1 } .flex-order-sm-0 { order: 0 } .flex-order-sm-1 { order: 1 } .flex-order-sm-2 { order: 2 } .flex-order-sm-3 { order: 3 } .flex-order-sm-4 { order: 4 } .flex-order-sm-5 { order: 5 } .flex-order-sm-6 { order: 6 } .flex-order-sm-7 { order: 7 } .flex-order-sm-8 { order: 8 } .flex-order-sm-9 { order: 9 } .flex-order-sm-10 { order: 10 } .flex-order-sm-11 { order: 11 } .flex-order-sm-12 { order: 12 } .flex-order-sm-13 { order: 13 } .flex-order-sm-14 { order: 14 } .flex-order-sm-15 { order: 15 } .flex-order-sm-16 { order: 16 } .flex-order-sm-17 { order: 17 } .flex-order-sm-18 { order: 18 } .flex-order-sm-19 { order: 19 } .flex-order-sm-20 { order: 20 } } @media (min-width: 1024px) and (max-width: 1399px) { .layout-md-wrap { flex-wrap: wrap } .layout-md-nowrap { flex-wrap: nowrap } .layout-md-fill { margin: 0; width: 100%; height: 100%; min-height: 100% } .layout-md, .layout-md-column, .layout-md-row { box-sizing: border-box; display: flex } .layout-md-inline, .layout-md-inline-column, .layout-md-inline-row { box-sizing: border-box; display: inline-flex } .layout-md-column, .layout-md-inline-column { flex-direction: column } .layout-md-row, .layout-md-inline-row { flex-direction: row } .layout-md-row::after, .layout-md-inline-row::after { content: unset !important } .layout-align-md, .layout-align-md-start-stretch { justify-content: flex-start; align-content: stretch; align-items: stretch } .layout-align-md-start-baseline, .layout-align-md-start-start, .layout-align-md-start-center, .layout-align-md-start-end, .layout-align-md-start-stretch { justify-content: flex-start } .layout-align-md-center-baseline, .layout-align-md-center-start, .layout-align-md-center-center, .layout-align-md-center-end, .layout-align-md-center-stretch { justify-content: center } .layout-align-md-end-baseline, .layout-align-md-end-start, .layout-align-md-end-center, .layout-align-md-end-end, .layout-align-md-end-stretch { justify-content: flex-end } .layout-align-md-space-around-baseline, .layout-align-md-space-around-center, .layout-align-md-space-around-start, .layout-align-md-space-around-end, .layout-align-md-space-around-stretch { justify-content: space-around } .layout-align-md-space-between-baseline, .layout-align-md-space-between-center, .layout-align-md-space-between-start, .layout-align-md-space-between-end, .layout-align-md-space-between-stretch { justify-content: space-between } .layout-align-md-baseline-baseline, .layout-align-md-baseline-center, .layout-align-md-baseline-start, .layout-align-md-baseline-end, .layout-align-md-baseline-stretch { justify-content: space-between } .layout-align-md-baseline-start, .layout-align-md-start-start, .layout-align-md-center-start, .layout-align-md-end-start, .layout-align-md-space-between-start, .layout-align-md-space-around-start { align-items: flex-start; align-content: flex-start } .layout-align-md-baseline-center, .layout-align-md-start-center, .layout-align-md-center-center, .layout-align-md-end-center, .layout-align-md-space-between-center, .layout-align-md-space-around-center, .layout-align-md-space-evenly-center { align-items: center; align-content: center } .layout-align-md-baseline-center > *, .layout-align-md-start-center > *, .layout-align-md-center-center > *, .layout-align-md-end-center > *, .layout-align-md-space-between-center > *, .layout-align-md-space-around-center > *, .layout-align-md-space-evenly-center > * { box-sizing: border-box } .layout-align-md-baseline-end, .layout-align-md-start-end, .layout-align-md-center-end, .layout-align-md-end-end, .layout-align-md-space-between-end, .layout-align-md-space-around-end { align-items: flex-end; align-content: flex-end } .layout-align-md-baseline-stretch, .layout-align-md-start-stretch, .layout-align-md-center-stretch, .layout-align-md-end-stretch, .layout-align-md-space-between-stretch, .layout-align-md-space-around-stretch { align-items: stretch; align-content: stretch } .layout-align-md-baseline-baseline, .layout-align-md-start-baseline, .layout-align-md-center-baseline, .layout-align-md-end-baseline, .layout-align-md-space-between-baseline, .layout-align-md-space-around-baseline { align-items: baseline } .flex-md { flex: 1; box-sizing: border-box } .flex-md-grow { flex: 1 1 100%; box-sizing: border-box } .flex-md-initial { flex: 0 1 auto; box-sizing: border-box } .flex-md-auto { flex: 1 1 auto; box-sizing: border-box } .flex-md-none { flex: 0 0 auto; box-sizing: border-box } .flex-md-noshrink { flex: 1 0 auto; box-sizing: border-box } .flex-md-nogrow { flex: 0 1 auto; box-sizing: border-box } .flex-md-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box } .flex-md-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box } .flex-md-0 { flex: 1 1 100%; max-width: 0%; max-height: 100%; box-sizing: border-box; min-width: 0 } .flex-md-1 { flex: 1 1 100%; max-width: 8.333333333%; max-height: 100%; box-sizing: border-box } .flex-md-2 { flex: 1 1 100%; max-width: 16.666666667%; max-height: 100%; box-sizing: border-box } .flex-md-3 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box } .flex-md-4 { flex: 1 1 100%; max-width: 33.333333333%; max-height: 100%; box-sizing: border-box } .flex-md-5 { flex: 1 1 100%; max-width: 41.666666667%; max-height: 100%; box-sizing: border-box } .flex-md-6 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box } .flex-md-7 { flex: 1 1 100%; max-width: 58.333333333%; max-height: 100%; box-sizing: border-box } .flex-md-8 { flex: 1 1 100%; max-width: 66.666666667%; max-height: 100%; box-sizing: border-box } .flex-md-9 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box } .flex-md-10 { flex: 1 1 100%; max-width: 83.333333333%; max-height: 100%; box-sizing: border-box } .flex-md-11 { flex: 1 1 100%; max-width: 91.666666667%; max-height: 100%; box-sizing: border-box } .flex-md-12 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box } .flex-order-md--20 { order: -20 } .flex-order-md--19 { order: -19 } .flex-order-md--18 { order: -18 } .flex-order-md--17 { order: -17 } .flex-order-md--16 { order: -16 } .flex-order-md--15 { order: -15 } .flex-order-md--14 { order: -14 } .flex-order-md--13 { order: -13 } .flex-order-md--12 { order: -12 } .flex-order-md--11 { order: -11 } .flex-order-md--10 { order: -10 } .flex-order-md--9 { order: -9 } .flex-order-md--8 { order: -8 } .flex-order-md--7 { order: -7 } .flex-order-md--6 { order: -6 } .flex-order-md--5 { order: -5 } .flex-order-md--4 { order: -4 } .flex-order-md--3 { order: -3 } .flex-order-md--2 { order: -2 } .flex-order-md--1 { order: -1 } .flex-order-md-0 { order: 0 } .flex-order-md-1 { order: 1 } .flex-order-md-2 { order: 2 } .flex-order-md-3 { order: 3 } .flex-order-md-4 { order: 4 } .flex-order-md-5 { order: 5 } .flex-order-md-6 { order: 6 } .flex-order-md-7 { order: 7 } .flex-order-md-8 { order: 8 } .flex-order-md-9 { order: 9 } .flex-order-md-10 { order: 10 } .flex-order-md-11 { order: 11 } .flex-order-md-12 { order: 12 } .flex-order-md-13 { order: 13 } .flex-order-md-14 { order: 14 } .flex-order-md-15 { order: 15 } .flex-order-md-16 { order: 16 } .flex-order-md-17 { order: 17 } .flex-order-md-18 { order: 18 } .flex-order-md-19 { order: 19 } .flex-order-md-20 { order: 20 } } @media (min-width: 1400px) and (max-width: 1599px) { .layout-lg-wrap { flex-wrap: wrap } .layout-lg-nowrap { flex-wrap: nowrap } .layout-lg-fill { margin: 0; width: 100%; height: 100%; min-height: 100% } .layout-lg, .layout-lg-column, .layout-lg-row { box-sizing: border-box; display: flex } .layout-lg-inline, .layout-lg-inline-column, .layout-lg-inline-row { box-sizing: border-box; display: inline-flex } .layout-lg-column, .layout-lg-inline-column { flex-direction: column } .layout-lg-row, .layout-lg-inline-row { flex-direction: row } .layout-lg-row::after, .layout-lg-inline-row::after { content: unset !important } .layout-align-lg, .layout-align-lg-start-stretch { justify-content: flex-start; align-content: stretch; align-items: stretch } .layout-align-lg-start-baseline, .layout-align-lg-start-start, .layout-align-lg-start-center, .layout-align-lg-start-end, .layout-align-lg-start-stretch { justify-content: flex-start } .layout-align-lg-center-baseline, .layout-align-lg-center-start, .layout-align-lg-center-center, .layout-align-lg-center-end, .layout-align-lg-center-stretch { justify-content: center } .layout-align-lg-end-baseline, .layout-align-lg-end-start, .layout-align-lg-end-center, .layout-align-lg-end-end, .layout-align-lg-end-stretch { justify-content: flex-end } .layout-align-lg-space-around-baseline, .layout-align-lg-space-around-center, .layout-align-lg-space-around-start, .layout-align-lg-space-around-end, .layout-align-lg-space-around-stretch { justify-content: space-around } .layout-align-lg-space-between-baseline, .layout-align-lg-space-between-center, .layout-align-lg-space-between-start, .layout-align-lg-space-between-end, .layout-align-lg-space-between-stretch { justify-content: space-between } .layout-align-lg-baseline-baseline, .layout-align-lg-baseline-center, .layout-align-lg-baseline-start, .layout-align-lg-baseline-end, .layout-align-lg-baseline-stretch { justify-content: space-between } .layout-align-lg-baseline-start, .layout-align-lg-start-start, .layout-align-lg-center-start, .layout-align-lg-end-start, .layout-align-lg-space-between-start, .layout-align-lg-space-around-start { align-items: flex-start; align-content: flex-start } .layout-align-lg-baseline-center, .layout-align-lg-start-center, .layout-align-lg-center-center, .layout-align-lg-end-center, .layout-align-lg-space-between-center, .layout-align-lg-space-around-center, .layout-align-lg-space-evenly-center { align-items: center; align-content: center } .layout-align-lg-baseline-center > *, .layout-align-lg-start-center > *, .layout-align-lg-center-center > *, .layout-align-lg-end-center > *, .layout-align-lg-space-between-center > *, .layout-align-lg-space-around-center > *, .layout-align-lg-space-evenly-center > * { box-sizing: border-box } .layout-align-lg-baseline-end, .layout-align-lg-start-end, .layout-align-lg-center-end, .layout-align-lg-end-end, .layout-align-lg-space-between-end, .layout-align-lg-space-around-end { align-items: flex-end; align-content: flex-end } .layout-align-lg-baseline-stretch, .layout-align-lg-start-stretch, .layout-align-lg-center-stretch, .layout-align-lg-end-stretch, .layout-align-lg-space-between-stretch, .layout-align-lg-space-around-stretch { align-items: stretch; align-content: stretch } .layout-align-lg-baseline-baseline, .layout-align-lg-start-baseline, .layout-align-lg-center-baseline, .layout-align-lg-end-baseline, .layout-align-lg-space-between-baseline, .layout-align-lg-space-around-baseline { align-items: baseline } .flex-lg { flex: 1; box-sizing: border-box } .flex-lg-grow { flex: 1 1 100%; box-sizing: border-box } .flex-lg-initial { flex: 0 1 auto; box-sizing: border-box } .flex-lg-auto { flex: 1 1 auto; box-sizing: border-box } .flex-lg-none { flex: 0 0 auto; box-sizing: border-box } .flex-lg-noshrink { flex: 1 0 auto; box-sizing: border-box } .flex-lg-nogrow { flex: 0 1 auto; box-sizing: border-box } .flex-lg-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box } .flex-lg-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box } .flex-lg-0 { flex: 1 1 100%; max-width: 0%; max-height: 100%; box-sizing: border-box; min-width: 0 } .flex-lg-1 { flex: 1 1 100%; max-width: 8.333333333%; max-height: 100%; box-sizing: border-box } .flex-lg-2 { flex: 1 1 100%; max-width: 16.666666667%; max-height: 100%; box-sizing: border-box } .flex-lg-3 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box } .flex-lg-4 { flex: 1 1 100%; max-width: 33.333333333%; max-height: 100%; box-sizing: border-box } .flex-lg-5 { flex: 1 1 100%; max-width: 41.666666667%; max-height: 100%; box-sizing: border-box } .flex-lg-6 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box } .flex-lg-7 { flex: 1 1 100%; max-width: 58.333333333%; max-height: 100%; box-sizing: border-box } .flex-lg-8 { flex: 1 1 100%; max-width: 66.666666667%; max-height: 100%; box-sizing: border-box } .flex-lg-9 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box } .flex-lg-10 { flex: 1 1 100%; max-width: 83.333333333%; max-height: 100%; box-sizing: border-box } .flex-lg-11 { flex: 1 1 100%; max-width: 91.666666667%; max-height: 100%; box-sizing: border-box } .flex-lg-12 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box } .flex-order-lg--20 { order: -20 } .flex-order-lg--19 { order: -19 } .flex-order-lg--18 { order: -18 } .flex-order-lg--17 { order: -17 } .flex-order-lg--16 { order: -16 } .flex-order-lg--15 { order: -15 } .flex-order-lg--14 { order: -14 } .flex-order-lg--13 { order: -13 } .flex-order-lg--12 { order: -12 } .flex-order-lg--11 { order: -11 } .flex-order-lg--10 { order: -10 } .flex-order-lg--9 { order: -9 } .flex-order-lg--8 { order: -8 } .flex-order-lg--7 { order: -7 } .flex-order-lg--6 { order: -6 } .flex-order-lg--5 { order: -5 } .flex-order-lg--4 { order: -4 } .flex-order-lg--3 { order: -3 } .flex-order-lg--2 { order: -2 } .flex-order-lg--1 { order: -1 } .flex-order-lg-0 { order: 0 } .flex-order-lg-1 { order: 1 } .flex-order-lg-2 { order: 2 } .flex-order-lg-3 { order: 3 } .flex-order-lg-4 { order: 4 } .flex-order-lg-5 { order: 5 } .flex-order-lg-6 { order: 6 } .flex-order-lg-7 { order: 7 } .flex-order-lg-8 { order: 8 } .flex-order-lg-9 { order: 9 } .flex-order-lg-10 { order: 10 } .flex-order-lg-11 { order: 11 } .flex-order-lg-12 { order: 12 } .flex-order-lg-13 { order: 13 } .flex-order-lg-14 { order: 14 } .flex-order-lg-15 { order: 15 } .flex-order-lg-16 { order: 16 } .flex-order-lg-17 { order: 17 } .flex-order-lg-18 { order: 18 } .flex-order-lg-19 { order: 19 } .flex-order-lg-20 { order: 20 } } @media (min-width: 768px) { .layout-gt-xs-wrap { flex-wrap: wrap } .layout-gt-xs-nowrap { flex-wrap: nowrap } .layout-gt-xs-fill { margin: 0; width: 100%; height: 100%; min-height: 100% } .layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row { box-sizing: border-box; display: flex } .layout-gt-xs-inline, .layout-gt-xs-inline-column, .layout-gt-xs-inline-row { box-sizing: border-box; display: inline-flex } .layout-gt-xs-column, .layout-gt-xs-inline-column { flex-direction: column } .layout-gt-xs-row, .layout-gt-xs-inline-row { flex-direction: row } .layout-gt-xs-row::after, .layout-gt-xs-inline-row::after { content: unset !important } .layout-align-gt-xs, .layout-align-gt-xs-start-stretch { justify-content: flex-start; align-content: stretch; align-items: stretch } .layout-align-gt-xs-start-baseline, .layout-align-gt-xs-start-start, .layout-align-gt-xs-start-center, .layout-align-gt-xs-start-end, .layout-align-gt-xs-start-stretch { justify-content: flex-start } .layout-align-gt-xs-center-baseline, .layout-align-gt-xs-center-start, .layout-align-gt-xs-center-center, .layout-align-gt-xs-center-end, .layout-align-gt-xs-center-stretch { justify-content: center } .layout-align-gt-xs-end-baseline, .layout-align-gt-xs-end-start, .layout-align-gt-xs-end-center, .layout-align-gt-xs-end-end, .layout-align-gt-xs-end-stretch { justify-content: flex-end } .layout-align-gt-xs-space-around-baseline, .layout-align-gt-xs-space-around-center, .layout-align-gt-xs-space-around-start, .layout-align-gt-xs-space-around-end, .layout-align-gt-xs-space-around-stretch { justify-content: space-around } .layout-align-gt-xs-space-between-baseline, .layout-align-gt-xs-space-between-center, .layout-align-gt-xs-space-between-start, .layout-align-gt-xs-space-between-end, .layout-align-gt-xs-space-between-stretch { justify-content: space-between } .layout-align-gt-xs-baseline-baseline, .layout-align-gt-xs-baseline-center, .layout-align-gt-xs-baseline-start, .layout-align-gt-xs-baseline-end, .layout-align-gt-xs-baseline-stretch { justify-content: space-between } .layout-align-gt-xs-baseline-start, .layout-align-gt-xs-start-start, .layout-align-gt-xs-center-start, .layout-align-gt-xs-end-start, .layout-align-gt-xs-space-between-start, .layout-align-gt-xs-space-around-start { align-items: flex-start; align-content: flex-start } .layout-align-gt-xs-baseline-center, .layout-align-gt-xs-start-center, .layout-align-gt-xs-center-center, .layout-align-gt-xs-end-center, .layout-align-gt-xs-space-between-center, .layout-align-gt-xs-space-around-center, .layout-align-gt-xs-space-evenly-center { align-items: center; align-content: center } .layout-align-gt-xs-baseline-center > *, .layout-align-gt-xs-start-center > *, .layout-align-gt-xs-center-center > *, .layout-align-gt-xs-end-center > *, .layout-align-gt-xs-space-between-center > *, .layout-align-gt-xs-space-around-center > *, .layout-align-gt-xs-space-evenly-center > * { box-sizing: border-box } .layout-align-gt-xs-baseline-end, .layout-align-gt-xs-start-end, .layout-align-gt-xs-center-end, .layout-align-gt-xs-end-end, .layout-align-gt-xs-space-between-end, .layout-align-gt-xs-space-around-end { align-items: flex-end; align-content: flex-end } .layout-align-gt-xs-baseline-stretch, .layout-align-gt-xs-start-stretch, .layout-align-gt-xs-center-stretch, .layout-align-gt-xs-end-stretch, .layout-align-gt-xs-space-between-stretch, .layout-align-gt-xs-space-around-stretch { align-items: stretch; align-content: stretch } .layout-align-gt-xs-baseline-baseline, .layout-align-gt-xs-start-baseline, .layout-align-gt-xs-center-baseline, .layout-align-gt-xs-end-baseline, .layout-align-gt-xs-space-between-baseline, .layout-align-gt-xs-space-around-baseline { align-items: baseline } .flex-gt-xs { flex: 1; box-sizing: border-box } .flex-gt-xs-grow { flex: 1 1 100%; box-sizing: border-box } .flex-gt-xs-initial { flex: 0 1 auto; box-sizing: border-box } .flex-gt-xs-auto { flex: 1 1 auto; box-sizing: border-box } .flex-gt-xs-none { flex: 0 0 auto; box-sizing: border-box } .flex-gt-xs-noshrink { flex: 1 0 auto; box-sizing: border-box } .flex-gt-xs-nogrow { flex: 0 1 auto; box-sizing: border-box } .flex-gt-xs-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box } .flex-gt-xs-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box } .flex-gt-xs-0 { flex: 1 1 100%; max-width: 0%; max-height: 100%; box-sizing: border-box; min-width: 0 } .flex-gt-xs-1 { flex: 1 1 100%; max-width: 8.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-xs-2 { flex: 1 1 100%; max-width: 16.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-xs-3 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box } .flex-gt-xs-4 { flex: 1 1 100%; max-width: 33.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-xs-5 { flex: 1 1 100%; max-width: 41.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-xs-6 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box } .flex-gt-xs-7 { flex: 1 1 100%; max-width: 58.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-xs-8 { flex: 1 1 100%; max-width: 66.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-xs-9 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box } .flex-gt-xs-10 { flex: 1 1 100%; max-width: 83.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-xs-11 { flex: 1 1 100%; max-width: 91.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-xs-12 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box } .flex-order-gt-xs--20 { order: -20 } .flex-order-gt-xs--19 { order: -19 } .flex-order-gt-xs--18 { order: -18 } .flex-order-gt-xs--17 { order: -17 } .flex-order-gt-xs--16 { order: -16 } .flex-order-gt-xs--15 { order: -15 } .flex-order-gt-xs--14 { order: -14 } .flex-order-gt-xs--13 { order: -13 } .flex-order-gt-xs--12 { order: -12 } .flex-order-gt-xs--11 { order: -11 } .flex-order-gt-xs--10 { order: -10 } .flex-order-gt-xs--9 { order: -9 } .flex-order-gt-xs--8 { order: -8 } .flex-order-gt-xs--7 { order: -7 } .flex-order-gt-xs--6 { order: -6 } .flex-order-gt-xs--5 { order: -5 } .flex-order-gt-xs--4 { order: -4 } .flex-order-gt-xs--3 { order: -3 } .flex-order-gt-xs--2 { order: -2 } .flex-order-gt-xs--1 { order: -1 } .flex-order-gt-xs-0 { order: 0 } .flex-order-gt-xs-1 { order: 1 } .flex-order-gt-xs-2 { order: 2 } .flex-order-gt-xs-3 { order: 3 } .flex-order-gt-xs-4 { order: 4 } .flex-order-gt-xs-5 { order: 5 } .flex-order-gt-xs-6 { order: 6 } .flex-order-gt-xs-7 { order: 7 } .flex-order-gt-xs-8 { order: 8 } .flex-order-gt-xs-9 { order: 9 } .flex-order-gt-xs-10 { order: 10 } .flex-order-gt-xs-11 { order: 11 } .flex-order-gt-xs-12 { order: 12 } .flex-order-gt-xs-13 { order: 13 } .flex-order-gt-xs-14 { order: 14 } .flex-order-gt-xs-15 { order: 15 } .flex-order-gt-xs-16 { order: 16 } .flex-order-gt-xs-17 { order: 17 } .flex-order-gt-xs-18 { order: 18 } .flex-order-gt-xs-19 { order: 19 } .flex-order-gt-xs-20 { order: 20 } } @media (min-width: 1024px) { .layout-gt-sm-wrap { flex-wrap: wrap } .layout-gt-sm-nowrap { flex-wrap: nowrap } .layout-gt-sm-fill { margin: 0; width: 100%; height: 100%; min-height: 100% } .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row { box-sizing: border-box; display: flex } .layout-gt-sm-inline, .layout-gt-sm-inline-column, .layout-gt-sm-inline-row { box-sizing: border-box; display: inline-flex } .layout-gt-sm-column, .layout-gt-sm-inline-column { flex-direction: column } .layout-gt-sm-row, .layout-gt-sm-inline-row { flex-direction: row } .layout-gt-sm-row::after, .layout-gt-sm-inline-row::after { content: unset !important } .layout-align-gt-sm, .layout-align-gt-sm-start-stretch { justify-content: flex-start; align-content: stretch; align-items: stretch } .layout-align-gt-sm-start-baseline, .layout-align-gt-sm-start-start, .layout-align-gt-sm-start-center, .layout-align-gt-sm-start-end, .layout-align-gt-sm-start-stretch { justify-content: flex-start } .layout-align-gt-sm-center-baseline, .layout-align-gt-sm-center-start, .layout-align-gt-sm-center-center, .layout-align-gt-sm-center-end, .layout-align-gt-sm-center-stretch { justify-content: center } .layout-align-gt-sm-end-baseline, .layout-align-gt-sm-end-start, .layout-align-gt-sm-end-center, .layout-align-gt-sm-end-end, .layout-align-gt-sm-end-stretch { justify-content: flex-end } .layout-align-gt-sm-space-around-baseline, .layout-align-gt-sm-space-around-center, .layout-align-gt-sm-space-around-start, .layout-align-gt-sm-space-around-end, .layout-align-gt-sm-space-around-stretch { justify-content: space-around } .layout-align-gt-sm-space-between-baseline, .layout-align-gt-sm-space-between-center, .layout-align-gt-sm-space-between-start, .layout-align-gt-sm-space-between-end, .layout-align-gt-sm-space-between-stretch { justify-content: space-between } .layout-align-gt-sm-baseline-baseline, .layout-align-gt-sm-baseline-center, .layout-align-gt-sm-baseline-start, .layout-align-gt-sm-baseline-end, .layout-align-gt-sm-baseline-stretch { justify-content: space-between } .layout-align-gt-sm-baseline-start, .layout-align-gt-sm-start-start, .layout-align-gt-sm-center-start, .layout-align-gt-sm-end-start, .layout-align-gt-sm-space-between-start, .layout-align-gt-sm-space-around-start { align-items: flex-start; align-content: flex-start } .layout-align-gt-sm-baseline-center, .layout-align-gt-sm-start-center, .layout-align-gt-sm-center-center, .layout-align-gt-sm-end-center, .layout-align-gt-sm-space-between-center, .layout-align-gt-sm-space-around-center, .layout-align-gt-sm-space-evenly-center { align-items: center; align-content: center } .layout-align-gt-sm-baseline-center > *, .layout-align-gt-sm-start-center > *, .layout-align-gt-sm-center-center > *, .layout-align-gt-sm-end-center > *, .layout-align-gt-sm-space-between-center > *, .layout-align-gt-sm-space-around-center > *, .layout-align-gt-sm-space-evenly-center > * { box-sizing: border-box } .layout-align-gt-sm-baseline-end, .layout-align-gt-sm-start-end, .layout-align-gt-sm-center-end, .layout-align-gt-sm-end-end, .layout-align-gt-sm-space-between-end, .layout-align-gt-sm-space-around-end { align-items: flex-end; align-content: flex-end } .layout-align-gt-sm-baseline-stretch, .layout-align-gt-sm-start-stretch, .layout-align-gt-sm-center-stretch, .layout-align-gt-sm-end-stretch, .layout-align-gt-sm-space-between-stretch, .layout-align-gt-sm-space-around-stretch { align-items: stretch; align-content: stretch } .layout-align-gt-sm-baseline-baseline, .layout-align-gt-sm-start-baseline, .layout-align-gt-sm-center-baseline, .layout-align-gt-sm-end-baseline, .layout-align-gt-sm-space-between-baseline, .layout-align-gt-sm-space-around-baseline { align-items: baseline } .flex-gt-sm { flex: 1; box-sizing: border-box } .flex-gt-sm-grow { flex: 1 1 100%; box-sizing: border-box } .flex-gt-sm-initial { flex: 0 1 auto; box-sizing: border-box } .flex-gt-sm-auto { flex: 1 1 auto; box-sizing: border-box } .flex-gt-sm-none { flex: 0 0 auto; box-sizing: border-box } .flex-gt-sm-noshrink { flex: 1 0 auto; box-sizing: border-box } .flex-gt-sm-nogrow { flex: 0 1 auto; box-sizing: border-box } .flex-gt-sm-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box } .flex-gt-sm-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box } .flex-gt-sm-0 { flex: 1 1 100%; max-width: 0%; max-height: 100%; box-sizing: border-box; min-width: 0 } .flex-gt-sm-1 { flex: 1 1 100%; max-width: 8.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-sm-2 { flex: 1 1 100%; max-width: 16.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-sm-3 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box } .flex-gt-sm-4 { flex: 1 1 100%; max-width: 33.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-sm-5 { flex: 1 1 100%; max-width: 41.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-sm-6 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box } .flex-gt-sm-7 { flex: 1 1 100%; max-width: 58.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-sm-8 { flex: 1 1 100%; max-width: 66.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-sm-9 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box } .flex-gt-sm-10 { flex: 1 1 100%; max-width: 83.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-sm-11 { flex: 1 1 100%; max-width: 91.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-sm-12 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box } .flex-order-gt-sm--20 { order: -20 } .flex-order-gt-sm--19 { order: -19 } .flex-order-gt-sm--18 { order: -18 } .flex-order-gt-sm--17 { order: -17 } .flex-order-gt-sm--16 { order: -16 } .flex-order-gt-sm--15 { order: -15 } .flex-order-gt-sm--14 { order: -14 } .flex-order-gt-sm--13 { order: -13 } .flex-order-gt-sm--12 { order: -12 } .flex-order-gt-sm--11 { order: -11 } .flex-order-gt-sm--10 { order: -10 } .flex-order-gt-sm--9 { order: -9 } .flex-order-gt-sm--8 { order: -8 } .flex-order-gt-sm--7 { order: -7 } .flex-order-gt-sm--6 { order: -6 } .flex-order-gt-sm--5 { order: -5 } .flex-order-gt-sm--4 { order: -4 } .flex-order-gt-sm--3 { order: -3 } .flex-order-gt-sm--2 { order: -2 } .flex-order-gt-sm--1 { order: -1 } .flex-order-gt-sm-0 { order: 0 } .flex-order-gt-sm-1 { order: 1 } .flex-order-gt-sm-2 { order: 2 } .flex-order-gt-sm-3 { order: 3 } .flex-order-gt-sm-4 { order: 4 } .flex-order-gt-sm-5 { order: 5 } .flex-order-gt-sm-6 { order: 6 } .flex-order-gt-sm-7 { order: 7 } .flex-order-gt-sm-8 { order: 8 } .flex-order-gt-sm-9 { order: 9 } .flex-order-gt-sm-10 { order: 10 } .flex-order-gt-sm-11 { order: 11 } .flex-order-gt-sm-12 { order: 12 } .flex-order-gt-sm-13 { order: 13 } .flex-order-gt-sm-14 { order: 14 } .flex-order-gt-sm-15 { order: 15 } .flex-order-gt-sm-16 { order: 16 } .flex-order-gt-sm-17 { order: 17 } .flex-order-gt-sm-18 { order: 18 } .flex-order-gt-sm-19 { order: 19 } .flex-order-gt-sm-20 { order: 20 } } @media (min-width: 1400px) { .layout-gt-md-wrap { flex-wrap: wrap } .layout-gt-md-nowrap { flex-wrap: nowrap } .layout-gt-md-fill { margin: 0; width: 100%; height: 100%; min-height: 100% } .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row { box-sizing: border-box; display: flex } .layout-gt-md-inline, .layout-gt-md-inline-column, .layout-gt-md-inline-row { box-sizing: border-box; display: inline-flex } .layout-gt-md-column, .layout-gt-md-inline-column { flex-direction: column } .layout-gt-md-row, .layout-gt-md-inline-row { flex-direction: row } .layout-gt-md-row::after, .layout-gt-md-inline-row::after { content: unset !important } .layout-align-gt-md, .layout-align-gt-md-start-stretch { justify-content: flex-start; align-content: stretch; align-items: stretch } .layout-align-gt-md-start-baseline, .layout-align-gt-md-start-start, .layout-align-gt-md-start-center, .layout-align-gt-md-start-end, .layout-align-gt-md-start-stretch { justify-content: flex-start } .layout-align-gt-md-center-baseline, .layout-align-gt-md-center-start, .layout-align-gt-md-center-center, .layout-align-gt-md-center-end, .layout-align-gt-md-center-stretch { justify-content: center } .layout-align-gt-md-end-baseline, .layout-align-gt-md-end-start, .layout-align-gt-md-end-center, .layout-align-gt-md-end-end, .layout-align-gt-md-end-stretch { justify-content: flex-end } .layout-align-gt-md-space-around-baseline, .layout-align-gt-md-space-around-center, .layout-align-gt-md-space-around-start, .layout-align-gt-md-space-around-end, .layout-align-gt-md-space-around-stretch { justify-content: space-around } .layout-align-gt-md-space-between-baseline, .layout-align-gt-md-space-between-center, .layout-align-gt-md-space-between-start, .layout-align-gt-md-space-between-end, .layout-align-gt-md-space-between-stretch { justify-content: space-between } .layout-align-gt-md-baseline-baseline, .layout-align-gt-md-baseline-center, .layout-align-gt-md-baseline-start, .layout-align-gt-md-baseline-end, .layout-align-gt-md-baseline-stretch { justify-content: space-between } .layout-align-gt-md-baseline-start, .layout-align-gt-md-start-start, .layout-align-gt-md-center-start, .layout-align-gt-md-end-start, .layout-align-gt-md-space-between-start, .layout-align-gt-md-space-around-start { align-items: flex-start; align-content: flex-start } .layout-align-gt-md-baseline-center, .layout-align-gt-md-start-center, .layout-align-gt-md-center-center, .layout-align-gt-md-end-center, .layout-align-gt-md-space-between-center, .layout-align-gt-md-space-around-center, .layout-align-gt-md-space-evenly-center { align-items: center; align-content: center } .layout-align-gt-md-baseline-center > *, .layout-align-gt-md-start-center > *, .layout-align-gt-md-center-center > *, .layout-align-gt-md-end-center > *, .layout-align-gt-md-space-between-center > *, .layout-align-gt-md-space-around-center > *, .layout-align-gt-md-space-evenly-center > * { box-sizing: border-box } .layout-align-gt-md-baseline-end, .layout-align-gt-md-start-end, .layout-align-gt-md-center-end, .layout-align-gt-md-end-end, .layout-align-gt-md-space-between-end, .layout-align-gt-md-space-around-end { align-items: flex-end; align-content: flex-end } .layout-align-gt-md-baseline-stretch, .layout-align-gt-md-start-stretch, .layout-align-gt-md-center-stretch, .layout-align-gt-md-end-stretch, .layout-align-gt-md-space-between-stretch, .layout-align-gt-md-space-around-stretch { align-items: stretch; align-content: stretch } .layout-align-gt-md-baseline-baseline, .layout-align-gt-md-start-baseline, .layout-align-gt-md-center-baseline, .layout-align-gt-md-end-baseline, .layout-align-gt-md-space-between-baseline, .layout-align-gt-md-space-around-baseline { align-items: baseline } .flex-gt-md { flex: 1; box-sizing: border-box } .flex-gt-md-grow { flex: 1 1 100%; box-sizing: border-box } .flex-gt-md-initial { flex: 0 1 auto; box-sizing: border-box } .flex-gt-md-auto { flex: 1 1 auto; box-sizing: border-box } .flex-gt-md-none { flex: 0 0 auto; box-sizing: border-box } .flex-gt-md-noshrink { flex: 1 0 auto; box-sizing: border-box } .flex-gt-md-nogrow { flex: 0 1 auto; box-sizing: border-box } .flex-gt-md-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box } .flex-gt-md-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box } .flex-gt-md-0 { flex: 1 1 100%; max-width: 0%; max-height: 100%; box-sizing: border-box; min-width: 0 } .flex-gt-md-1 { flex: 1 1 100%; max-width: 8.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-md-2 { flex: 1 1 100%; max-width: 16.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-md-3 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box } .flex-gt-md-4 { flex: 1 1 100%; max-width: 33.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-md-5 { flex: 1 1 100%; max-width: 41.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-md-6 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box } .flex-gt-md-7 { flex: 1 1 100%; max-width: 58.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-md-8 { flex: 1 1 100%; max-width: 66.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-md-9 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box } .flex-gt-md-10 { flex: 1 1 100%; max-width: 83.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-md-11 { flex: 1 1 100%; max-width: 91.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-md-12 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box } .flex-order-gt-md--20 { order: -20 } .flex-order-gt-md--19 { order: -19 } .flex-order-gt-md--18 { order: -18 } .flex-order-gt-md--17 { order: -17 } .flex-order-gt-md--16 { order: -16 } .flex-order-gt-md--15 { order: -15 } .flex-order-gt-md--14 { order: -14 } .flex-order-gt-md--13 { order: -13 } .flex-order-gt-md--12 { order: -12 } .flex-order-gt-md--11 { order: -11 } .flex-order-gt-md--10 { order: -10 } .flex-order-gt-md--9 { order: -9 } .flex-order-gt-md--8 { order: -8 } .flex-order-gt-md--7 { order: -7 } .flex-order-gt-md--6 { order: -6 } .flex-order-gt-md--5 { order: -5 } .flex-order-gt-md--4 { order: -4 } .flex-order-gt-md--3 { order: -3 } .flex-order-gt-md--2 { order: -2 } .flex-order-gt-md--1 { order: -1 } .flex-order-gt-md-0 { order: 0 } .flex-order-gt-md-1 { order: 1 } .flex-order-gt-md-2 { order: 2 } .flex-order-gt-md-3 { order: 3 } .flex-order-gt-md-4 { order: 4 } .flex-order-gt-md-5 { order: 5 } .flex-order-gt-md-6 { order: 6 } .flex-order-gt-md-7 { order: 7 } .flex-order-gt-md-8 { order: 8 } .flex-order-gt-md-9 { order: 9 } .flex-order-gt-md-10 { order: 10 } .flex-order-gt-md-11 { order: 11 } .flex-order-gt-md-12 { order: 12 } .flex-order-gt-md-13 { order: 13 } .flex-order-gt-md-14 { order: 14 } .flex-order-gt-md-15 { order: 15 } .flex-order-gt-md-16 { order: 16 } .flex-order-gt-md-17 { order: 17 } .flex-order-gt-md-18 { order: 18 } .flex-order-gt-md-19 { order: 19 } .flex-order-gt-md-20 { order: 20 } } @media (min-width: 1600px) { .layout-gt-lg-wrap { flex-wrap: wrap } .layout-gt-lg-nowrap { flex-wrap: nowrap } .layout-gt-lg-fill { margin: 0; width: 100%; height: 100%; min-height: 100% } .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row { box-sizing: border-box; display: flex } .layout-gt-lg-inline, .layout-gt-lg-inline-column, .layout-gt-lg-inline-row { box-sizing: border-box; display: inline-flex } .layout-gt-lg-column, .layout-gt-lg-inline-column { flex-direction: column } .layout-gt-lg-row, .layout-gt-lg-inline-row { flex-direction: row } .layout-gt-lg-row::after, .layout-gt-lg-inline-row::after { content: unset !important } .layout-align-gt-lg, .layout-align-gt-lg-start-stretch { justify-content: flex-start; align-content: stretch; align-items: stretch } .layout-align-gt-lg-start-baseline, .layout-align-gt-lg-start-start, .layout-align-gt-lg-start-center, .layout-align-gt-lg-start-end, .layout-align-gt-lg-start-stretch { justify-content: flex-start } .layout-align-gt-lg-center-baseline, .layout-align-gt-lg-center-start, .layout-align-gt-lg-center-center, .layout-align-gt-lg-center-end, .layout-align-gt-lg-center-stretch { justify-content: center } .layout-align-gt-lg-end-baseline, .layout-align-gt-lg-end-start, .layout-align-gt-lg-end-center, .layout-align-gt-lg-end-end, .layout-align-gt-lg-end-stretch { justify-content: flex-end } .layout-align-gt-lg-space-around-baseline, .layout-align-gt-lg-space-around-center, .layout-align-gt-lg-space-around-start, .layout-align-gt-lg-space-around-end, .layout-align-gt-lg-space-around-stretch { justify-content: space-around } .layout-align-gt-lg-space-between-baseline, .layout-align-gt-lg-space-between-center, .layout-align-gt-lg-space-between-start, .layout-align-gt-lg-space-between-end, .layout-align-gt-lg-space-between-stretch { justify-content: space-between } .layout-align-gt-lg-baseline-baseline, .layout-align-gt-lg-baseline-center, .layout-align-gt-lg-baseline-start, .layout-align-gt-lg-baseline-end, .layout-align-gt-lg-baseline-stretch { justify-content: space-between } .layout-align-gt-lg-baseline-start, .layout-align-gt-lg-start-start, .layout-align-gt-lg-center-start, .layout-align-gt-lg-end-start, .layout-align-gt-lg-space-between-start, .layout-align-gt-lg-space-around-start { align-items: flex-start; align-content: flex-start } .layout-align-gt-lg-baseline-center, .layout-align-gt-lg-start-center, .layout-align-gt-lg-center-center, .layout-align-gt-lg-end-center, .layout-align-gt-lg-space-between-center, .layout-align-gt-lg-space-around-center, .layout-align-gt-lg-space-evenly-center { align-items: center; align-content: center } .layout-align-gt-lg-baseline-center > *, .layout-align-gt-lg-start-center > *, .layout-align-gt-lg-center-center > *, .layout-align-gt-lg-end-center > *, .layout-align-gt-lg-space-between-center > *, .layout-align-gt-lg-space-around-center > *, .layout-align-gt-lg-space-evenly-center > * { box-sizing: border-box } .layout-align-gt-lg-baseline-end, .layout-align-gt-lg-start-end, .layout-align-gt-lg-center-end, .layout-align-gt-lg-end-end, .layout-align-gt-lg-space-between-end, .layout-align-gt-lg-space-around-end { align-items: flex-end; align-content: flex-end } .layout-align-gt-lg-baseline-stretch, .layout-align-gt-lg-start-stretch, .layout-align-gt-lg-center-stretch, .layout-align-gt-lg-end-stretch, .layout-align-gt-lg-space-between-stretch, .layout-align-gt-lg-space-around-stretch { align-items: stretch; align-content: stretch } .layout-align-gt-lg-baseline-baseline, .layout-align-gt-lg-start-baseline, .layout-align-gt-lg-center-baseline, .layout-align-gt-lg-end-baseline, .layout-align-gt-lg-space-between-baseline, .layout-align-gt-lg-space-around-baseline { align-items: baseline } .flex-gt-lg { flex: 1; box-sizing: border-box } .flex-gt-lg-grow { flex: 1 1 100%; box-sizing: border-box } .flex-gt-lg-initial { flex: 0 1 auto; box-sizing: border-box } .flex-gt-lg-auto { flex: 1 1 auto; box-sizing: border-box } .flex-gt-lg-none { flex: 0 0 auto; box-sizing: border-box } .flex-gt-lg-noshrink { flex: 1 0 auto; box-sizing: border-box } .flex-gt-lg-nogrow { flex: 0 1 auto; box-sizing: border-box } .flex-gt-lg-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box } .flex-gt-lg-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box } .flex-gt-lg-0 { flex: 1 1 100%; max-width: 0%; max-height: 100%; box-sizing: border-box; min-width: 0 } .flex-gt-lg-1 { flex: 1 1 100%; max-width: 8.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-lg-2 { flex: 1 1 100%; max-width: 16.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-lg-3 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box } .flex-gt-lg-4 { flex: 1 1 100%; max-width: 33.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-lg-5 { flex: 1 1 100%; max-width: 41.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-lg-6 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box } .flex-gt-lg-7 { flex: 1 1 100%; max-width: 58.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-lg-8 { flex: 1 1 100%; max-width: 66.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-lg-9 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box } .flex-gt-lg-10 { flex: 1 1 100%; max-width: 83.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-lg-11 { flex: 1 1 100%; max-width: 91.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-lg-12 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box } .flex-order-gt-lg--20 { order: -20 } .flex-order-gt-lg--19 { order: -19 } .flex-order-gt-lg--18 { order: -18 } .flex-order-gt-lg--17 { order: -17 } .flex-order-gt-lg--16 { order: -16 } .flex-order-gt-lg--15 { order: -15 } .flex-order-gt-lg--14 { order: -14 } .flex-order-gt-lg--13 { order: -13 } .flex-order-gt-lg--12 { order: -12 } .flex-order-gt-lg--11 { order: -11 } .flex-order-gt-lg--10 { order: -10 } .flex-order-gt-lg--9 { order: -9 } .flex-order-gt-lg--8 { order: -8 } .flex-order-gt-lg--7 { order: -7 } .flex-order-gt-lg--6 { order: -6 } .flex-order-gt-lg--5 { order: -5 } .flex-order-gt-lg--4 { order: -4 } .flex-order-gt-lg--3 { order: -3 } .flex-order-gt-lg--2 { order: -2 } .flex-order-gt-lg--1 { order: -1 } .flex-order-gt-lg-0 { order: 0 } .flex-order-gt-lg-1 { order: 1 } .flex-order-gt-lg-2 { order: 2 } .flex-order-gt-lg-3 { order: 3 } .flex-order-gt-lg-4 { order: 4 } .flex-order-gt-lg-5 { order: 5 } .flex-order-gt-lg-6 { order: 6 } .flex-order-gt-lg-7 { order: 7 } .flex-order-gt-lg-8 { order: 8 } .flex-order-gt-lg-9 { order: 9 } .flex-order-gt-lg-10 { order: 10 } .flex-order-gt-lg-11 { order: 11 } .flex-order-gt-lg-12 { order: 12 } .flex-order-gt-lg-13 { order: 13 } .flex-order-gt-lg-14 { order: 14 } .flex-order-gt-lg-15 { order: 15 } .flex-order-gt-lg-16 { order: 16 } .flex-order-gt-lg-17 { order: 17 } .flex-order-gt-lg-18 { order: 18 } .flex-order-gt-lg-19 { order: 19 } .flex-order-gt-lg-20 { order: 20 } } @media (min-width: 1920px) { .layout-gt-xl-wrap { flex-wrap: wrap } .layout-gt-xl-nowrap { flex-wrap: nowrap } .layout-gt-xl-fill { margin: 0; width: 100%; height: 100%; min-height: 100% } .layout-gt-xl, .layout-gt-xl-column, .layout-gt-xl-row { box-sizing: border-box; display: flex } .layout-gt-xl-inline, .layout-gt-xl-inline-column, .layout-gt-xl-inline-row { box-sizing: border-box; display: inline-flex } .layout-gt-xl-column, .layout-gt-xl-inline-column { flex-direction: column } .layout-gt-xl-row, .layout-gt-xl-inline-row { flex-direction: row } .layout-gt-xl-row::after, .layout-gt-xl-inline-row::after { content: unset !important } .layout-align-gt-xl, .layout-align-gt-xl-start-stretch { justify-content: flex-start; align-content: stretch; align-items: stretch } .layout-align-gt-xl-start-baseline, .layout-align-gt-xl-start-start, .layout-align-gt-xl-start-center, .layout-align-gt-xl-start-end, .layout-align-gt-xl-start-stretch { justify-content: flex-start } .layout-align-gt-xl-center-baseline, .layout-align-gt-xl-center-start, .layout-align-gt-xl-center-center, .layout-align-gt-xl-center-end, .layout-align-gt-xl-center-stretch { justify-content: center } .layout-align-gt-xl-end-baseline, .layout-align-gt-xl-end-start, .layout-align-gt-xl-end-center, .layout-align-gt-xl-end-end, .layout-align-gt-xl-end-stretch { justify-content: flex-end } .layout-align-gt-xl-space-around-baseline, .layout-align-gt-xl-space-around-center, .layout-align-gt-xl-space-around-start, .layout-align-gt-xl-space-around-end, .layout-align-gt-xl-space-around-stretch { justify-content: space-around } .layout-align-gt-xl-space-between-baseline, .layout-align-gt-xl-space-between-center, .layout-align-gt-xl-space-between-start, .layout-align-gt-xl-space-between-end, .layout-align-gt-xl-space-between-stretch { justify-content: space-between } .layout-align-gt-xl-baseline-baseline, .layout-align-gt-xl-baseline-center, .layout-align-gt-xl-baseline-start, .layout-align-gt-xl-baseline-end, .layout-align-gt-xl-baseline-stretch { justify-content: space-between } .layout-align-gt-xl-baseline-start, .layout-align-gt-xl-start-start, .layout-align-gt-xl-center-start, .layout-align-gt-xl-end-start, .layout-align-gt-xl-space-between-start, .layout-align-gt-xl-space-around-start { align-items: flex-start; align-content: flex-start } .layout-align-gt-xl-baseline-center, .layout-align-gt-xl-start-center, .layout-align-gt-xl-center-center, .layout-align-gt-xl-end-center, .layout-align-gt-xl-space-between-center, .layout-align-gt-xl-space-around-center, .layout-align-gt-xl-space-evenly-center { align-items: center; align-content: center } .layout-align-gt-xl-baseline-center > *, .layout-align-gt-xl-start-center > *, .layout-align-gt-xl-center-center > *, .layout-align-gt-xl-end-center > *, .layout-align-gt-xl-space-between-center > *, .layout-align-gt-xl-space-around-center > *, .layout-align-gt-xl-space-evenly-center > * { box-sizing: border-box } .layout-align-gt-xl-baseline-end, .layout-align-gt-xl-start-end, .layout-align-gt-xl-center-end, .layout-align-gt-xl-end-end, .layout-align-gt-xl-space-between-end, .layout-align-gt-xl-space-around-end { align-items: flex-end; align-content: flex-end } .layout-align-gt-xl-baseline-stretch, .layout-align-gt-xl-start-stretch, .layout-align-gt-xl-center-stretch, .layout-align-gt-xl-end-stretch, .layout-align-gt-xl-space-between-stretch, .layout-align-gt-xl-space-around-stretch { align-items: stretch; align-content: stretch } .layout-align-gt-xl-baseline-baseline, .layout-align-gt-xl-start-baseline, .layout-align-gt-xl-center-baseline, .layout-align-gt-xl-end-baseline, .layout-align-gt-xl-space-between-baseline, .layout-align-gt-xl-space-around-baseline { align-items: baseline } .flex-gt-xl { flex: 1; box-sizing: border-box } .flex-gt-xl-grow { flex: 1 1 100%; box-sizing: border-box } .flex-gt-xl-initial { flex: 0 1 auto; box-sizing: border-box } .flex-gt-xl-auto { flex: 1 1 auto; box-sizing: border-box } .flex-gt-xl-none { flex: 0 0 auto; box-sizing: border-box } .flex-gt-xl-noshrink { flex: 1 0 auto; box-sizing: border-box } .flex-gt-xl-nogrow { flex: 0 1 auto; box-sizing: border-box } .flex-gt-xl-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box } .flex-gt-xl-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box } .flex-gt-xl-0 { flex: 1 1 100%; max-width: 0%; max-height: 100%; box-sizing: border-box; min-width: 0 } .flex-gt-xl-1 { flex: 1 1 100%; max-width: 8.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-xl-2 { flex: 1 1 100%; max-width: 16.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-xl-3 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box } .flex-gt-xl-4 { flex: 1 1 100%; max-width: 33.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-xl-5 { flex: 1 1 100%; max-width: 41.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-xl-6 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box } .flex-gt-xl-7 { flex: 1 1 100%; max-width: 58.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-xl-8 { flex: 1 1 100%; max-width: 66.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-xl-9 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box } .flex-gt-xl-10 { flex: 1 1 100%; max-width: 83.333333333%; max-height: 100%; box-sizing: border-box } .flex-gt-xl-11 { flex: 1 1 100%; max-width: 91.666666667%; max-height: 100%; box-sizing: border-box } .flex-gt-xl-12 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box } .flex-order-gt-xl--20 { order: -20 } .flex-order-gt-xl--19 { order: -19 } .flex-order-gt-xl--18 { order: -18 } .flex-order-gt-xl--17 { order: -17 } .flex-order-gt-xl--16 { order: -16 } .flex-order-gt-xl--15 { order: -15 } .flex-order-gt-xl--14 { order: -14 } .flex-order-gt-xl--13 { order: -13 } .flex-order-gt-xl--12 { order: -12 } .flex-order-gt-xl--11 { order: -11 } .flex-order-gt-xl--10 { order: -10 } .flex-order-gt-xl--9 { order: -9 } .flex-order-gt-xl--8 { order: -8 } .flex-order-gt-xl--7 { order: -7 } .flex-order-gt-xl--6 { order: -6 } .flex-order-gt-xl--5 { order: -5 } .flex-order-gt-xl--4 { order: -4 } .flex-order-gt-xl--3 { order: -3 } .flex-order-gt-xl--2 { order: -2 } .flex-order-gt-xl--1 { order: -1 } .flex-order-gt-xl-0 { order: 0 } .flex-order-gt-xl-1 { order: 1 } .flex-order-gt-xl-2 { order: 2 } .flex-order-gt-xl-3 { order: 3 } .flex-order-gt-xl-4 { order: 4 } .flex-order-gt-xl-5 { order: 5 } .flex-order-gt-xl-6 { order: 6 } .flex-order-gt-xl-7 { order: 7 } .flex-order-gt-xl-8 { order: 8 } .flex-order-gt-xl-9 { order: 9 } .flex-order-gt-xl-10 { order: 10 } .flex-order-gt-xl-11 { order: 11 } .flex-order-gt-xl-12 { order: 12 } .flex-order-gt-xl-13 { order: 13 } .flex-order-gt-xl-14 { order: 14 } .flex-order-gt-xl-15 { order: 15 } .flex-order-gt-xl-16 { order: 16 } .flex-order-gt-xl-17 { order: 17 } .flex-order-gt-xl-18 { order: 18 } .flex-order-gt-xl-19 { order: 19 } .flex-order-gt-xl-20 { order: 20 } } .margin-0 { margin: 0 } .margin-top-0 { margin-top: 0 } .margin-bottom-0 { margin-bottom: 0 } .margin-left-0 { margin-left: 0 } .margin-right-0 { margin-right: 0 } .margin-x-0 { margin-left: 0; margin-right: 0 } .margin-y-0 { margin-top: 0; margin-bottom: 0 } .margin-1 { margin: 5px } .margin-top-1 { margin-top: 5px } .margin-bottom-1 { margin-bottom: 5px } .margin-left-1 { margin-left: 5px } .margin-right-1 { margin-right: 5px } .margin-x-1 { margin-left: 5px; margin-right: 5px } .margin-y-1 { margin-top: 5px; margin-bottom: 5px } .margin-2 { margin: 10px } .margin-top-2 { margin-top: 10px } .margin-bottom-2 { margin-bottom: 10px } .margin-left-2 { margin-left: 10px } .margin-right-2 { margin-right: 10px } .margin-x-2 { margin-left: 10px; margin-right: 10px } .margin-y-2 { margin-top: 10px; margin-bottom: 10px } .margin-3 { margin: 15px } .margin-top-3 { margin-top: 15px } .margin-bottom-3 { margin-bottom: 15px } .margin-left-3 { margin-left: 15px } .margin-right-3 { margin-right: 15px } .margin-x-3 { margin-left: 15px; margin-right: 15px } .margin-y-3 { margin-top: 15px; margin-bottom: 15px } .margin-4 { margin: 20px } .margin-top-4 { margin-top: 20px } .margin-bottom-4 { margin-bottom: 20px } .margin-left-4 { margin-left: 20px } .margin-right-4 { margin-right: 20px } .margin-x-4 { margin-left: 20px; margin-right: 20px } .margin-y-4 { margin-top: 20px; margin-bottom: 20px } .margin-5 { margin: 25px } .margin-top-5 { margin-top: 25px } .margin-bottom-5 { margin-bottom: 25px } .margin-left-5 { margin-left: 25px } .margin-right-5 { margin-right: 25px } .margin-x-5 { margin-left: 25px; margin-right: 25px } .margin-y-5 { margin-top: 25px; margin-bottom: 25px } .margin-6 { margin: 30px } .margin-top-6 { margin-top: 30px } .margin-bottom-6 { margin-bottom: 30px } .margin-left-6 { margin-left: 30px } .margin-right-6 { margin-right: 30px } .margin-x-6 { margin-left: 30px; margin-right: 30px } .margin-y-6 { margin-top: 30px; margin-bottom: 30px } .margin-7 { margin: 35px } .margin-top-7 { margin-top: 35px } .margin-bottom-7 { margin-bottom: 35px } .margin-left-7 { margin-left: 35px } .margin-right-7 { margin-right: 35px } .margin-x-7 { margin-left: 35px; margin-right: 35px } .margin-y-7 { margin-top: 35px; margin-bottom: 35px } .margin-8 { margin: 40px } .margin-top-8 { margin-top: 40px } .margin-bottom-8 { margin-bottom: 40px } .margin-left-8 { margin-left: 40px } .margin-right-8 { margin-right: 40px } .margin-x-8 { margin-left: 40px; margin-right: 40px } .margin-y-8 { margin-top: 40px; margin-bottom: 40px } .margin-9 { margin: 45px } .margin-top-9 { margin-top: 45px } .margin-bottom-9 { margin-bottom: 45px } .margin-left-9 { margin-left: 45px } .margin-right-9 { margin-right: 45px } .margin-x-9 { margin-left: 45px; margin-right: 45px } .margin-y-9 { margin-top: 45px; margin-bottom: 45px } .margin-10 { margin: 50px } .margin-top-10 { margin-top: 50px } .margin-bottom-10 { margin-bottom: 50px } .margin-left-10 { margin-left: 50px } .margin-right-10 { margin-right: 50px } .margin-x-10 { margin-left: 50px; margin-right: 50px } .margin-y-10 { margin-top: 50px; margin-bottom: 50px } @media (max-width: 767px) { .margin-xs-0 { margin: 0 } .margin-top-xs-0 { margin-top: 0 } .margin-bottom-xs-0 { margin-bottom: 0 } .margin-left-xs-0 { margin-left: 0 } .margin-right-xs-0 { margin-right: 0 } .margin-x-xs-0 { margin-left: 0; margin-right: 0 } .margin-y-xs-0 { margin-top: 0; margin-bottom: 0 } .margin-xs-1 { margin: 5px } .margin-top-xs-1 { margin-top: 5px } .margin-bottom-xs-1 { margin-bottom: 5px } .margin-left-xs-1 { margin-left: 5px } .margin-right-xs-1 { margin-right: 5px } .margin-x-xs-1 { margin-left: 5px; margin-right: 5px } .margin-y-xs-1 { margin-top: 5px; margin-bottom: 5px } .margin-xs-2 { margin: 10px } .margin-top-xs-2 { margin-top: 10px } .margin-bottom-xs-2 { margin-bottom: 10px } .margin-left-xs-2 { margin-left: 10px } .margin-right-xs-2 { margin-right: 10px } .margin-x-xs-2 { margin-left: 10px; margin-right: 10px } .margin-y-xs-2 { margin-top: 10px; margin-bottom: 10px } .margin-xs-3 { margin: 15px } .margin-top-xs-3 { margin-top: 15px } .margin-bottom-xs-3 { margin-bottom: 15px } .margin-left-xs-3 { margin-left: 15px } .margin-right-xs-3 { margin-right: 15px } .margin-x-xs-3 { margin-left: 15px; margin-right: 15px } .margin-y-xs-3 { margin-top: 15px; margin-bottom: 15px } .margin-xs-4 { margin: 20px } .margin-top-xs-4 { margin-top: 20px } .margin-bottom-xs-4 { margin-bottom: 20px } .margin-left-xs-4 { margin-left: 20px } .margin-right-xs-4 { margin-right: 20px } .margin-x-xs-4 { margin-left: 20px; margin-right: 20px } .margin-y-xs-4 { margin-top: 20px; margin-bottom: 20px } .margin-xs-5 { margin: 25px } .margin-top-xs-5 { margin-top: 25px } .margin-bottom-xs-5 { margin-bottom: 25px } .margin-left-xs-5 { margin-left: 25px } .margin-right-xs-5 { margin-right: 25px } .margin-x-xs-5 { margin-left: 25px; margin-right: 25px } .margin-y-xs-5 { margin-top: 25px; margin-bottom: 25px } .margin-xs-6 { margin: 30px } .margin-top-xs-6 { margin-top: 30px } .margin-bottom-xs-6 { margin-bottom: 30px } .margin-left-xs-6 { margin-left: 30px } .margin-right-xs-6 { margin-right: 30px } .margin-x-xs-6 { margin-left: 30px; margin-right: 30px } .margin-y-xs-6 { margin-top: 30px; margin-bottom: 30px } .margin-xs-7 { margin: 35px } .margin-top-xs-7 { margin-top: 35px } .margin-bottom-xs-7 { margin-bottom: 35px } .margin-left-xs-7 { margin-left: 35px } .margin-right-xs-7 { margin-right: 35px } .margin-x-xs-7 { margin-left: 35px; margin-right: 35px } .margin-y-xs-7 { margin-top: 35px; margin-bottom: 35px } .margin-xs-8 { margin: 40px } .margin-top-xs-8 { margin-top: 40px } .margin-bottom-xs-8 { margin-bottom: 40px } .margin-left-xs-8 { margin-left: 40px } .margin-right-xs-8 { margin-right: 40px } .margin-x-xs-8 { margin-left: 40px; margin-right: 40px } .margin-y-xs-8 { margin-top: 40px; margin-bottom: 40px } .margin-xs-9 { margin: 45px } .margin-top-xs-9 { margin-top: 45px } .margin-bottom-xs-9 { margin-bottom: 45px } .margin-left-xs-9 { margin-left: 45px } .margin-right-xs-9 { margin-right: 45px } .margin-x-xs-9 { margin-left: 45px; margin-right: 45px } .margin-y-xs-9 { margin-top: 45px; margin-bottom: 45px } .margin-xs-10 { margin: 50px } .margin-top-xs-10 { margin-top: 50px } .margin-bottom-xs-10 { margin-bottom: 50px } .margin-left-xs-10 { margin-left: 50px } .margin-right-xs-10 { margin-right: 50px } .margin-x-xs-10 { margin-left: 50px; margin-right: 50px } .margin-y-xs-10 { margin-top: 50px; margin-bottom: 50px } } @media (min-width: 768px) and (max-width: 1023px) { .margin-sm-0 { margin: 0 } .margin-top-sm-0 { margin-top: 0 } .margin-bottom-sm-0 { margin-bottom: 0 } .margin-left-sm-0 { margin-left: 0 } .margin-right-sm-0 { margin-right: 0 } .margin-x-sm-0 { margin-left: 0; margin-right: 0 } .margin-y-sm-0 { margin-top: 0; margin-bottom: 0 } .margin-sm-1 { margin: 5px } .margin-top-sm-1 { margin-top: 5px } .margin-bottom-sm-1 { margin-bottom: 5px } .margin-left-sm-1 { margin-left: 5px } .margin-right-sm-1 { margin-right: 5px } .margin-x-sm-1 { margin-left: 5px; margin-right: 5px } .margin-y-sm-1 { margin-top: 5px; margin-bottom: 5px } .margin-sm-2 { margin: 10px } .margin-top-sm-2 { margin-top: 10px } .margin-bottom-sm-2 { margin-bottom: 10px } .margin-left-sm-2 { margin-left: 10px } .margin-right-sm-2 { margin-right: 10px } .margin-x-sm-2 { margin-left: 10px; margin-right: 10px } .margin-y-sm-2 { margin-top: 10px; margin-bottom: 10px } .margin-sm-3 { margin: 15px } .margin-top-sm-3 { margin-top: 15px } .margin-bottom-sm-3 { margin-bottom: 15px } .margin-left-sm-3 { margin-left: 15px } .margin-right-sm-3 { margin-right: 15px } .margin-x-sm-3 { margin-left: 15px; margin-right: 15px } .margin-y-sm-3 { margin-top: 15px; margin-bottom: 15px } .margin-sm-4 { margin: 20px } .margin-top-sm-4 { margin-top: 20px } .margin-bottom-sm-4 { margin-bottom: 20px } .margin-left-sm-4 { margin-left: 20px } .margin-right-sm-4 { margin-right: 20px } .margin-x-sm-4 { margin-left: 20px; margin-right: 20px } .margin-y-sm-4 { margin-top: 20px; margin-bottom: 20px } .margin-sm-5 { margin: 25px } .margin-top-sm-5 { margin-top: 25px } .margin-bottom-sm-5 { margin-bottom: 25px } .margin-left-sm-5 { margin-left: 25px } .margin-right-sm-5 { margin-right: 25px } .margin-x-sm-5 { margin-left: 25px; margin-right: 25px } .margin-y-sm-5 { margin-top: 25px; margin-bottom: 25px } .margin-sm-6 { margin: 30px } .margin-top-sm-6 { margin-top: 30px } .margin-bottom-sm-6 { margin-bottom: 30px } .margin-left-sm-6 { margin-left: 30px } .margin-right-sm-6 { margin-right: 30px } .margin-x-sm-6 { margin-left: 30px; margin-right: 30px } .margin-y-sm-6 { margin-top: 30px; margin-bottom: 30px } .margin-sm-7 { margin: 35px } .margin-top-sm-7 { margin-top: 35px } .margin-bottom-sm-7 { margin-bottom: 35px } .margin-left-sm-7 { margin-left: 35px } .margin-right-sm-7 { margin-right: 35px } .margin-x-sm-7 { margin-left: 35px; margin-right: 35px } .margin-y-sm-7 { margin-top: 35px; margin-bottom: 35px } .margin-sm-8 { margin: 40px } .margin-top-sm-8 { margin-top: 40px } .margin-bottom-sm-8 { margin-bottom: 40px } .margin-left-sm-8 { margin-left: 40px } .margin-right-sm-8 { margin-right: 40px } .margin-x-sm-8 { margin-left: 40px; margin-right: 40px } .margin-y-sm-8 { margin-top: 40px; margin-bottom: 40px } .margin-sm-9 { margin: 45px } .margin-top-sm-9 { margin-top: 45px } .margin-bottom-sm-9 { margin-bottom: 45px } .margin-left-sm-9 { margin-left: 45px } .margin-right-sm-9 { margin-right: 45px } .margin-x-sm-9 { margin-left: 45px; margin-right: 45px } .margin-y-sm-9 { margin-top: 45px; margin-bottom: 45px } .margin-sm-10 { margin: 50px } .margin-top-sm-10 { margin-top: 50px } .margin-bottom-sm-10 { margin-bottom: 50px } .margin-left-sm-10 { margin-left: 50px } .margin-right-sm-10 { margin-right: 50px } .margin-x-sm-10 { margin-left: 50px; margin-right: 50px } .margin-y-sm-10 { margin-top: 50px; margin-bottom: 50px } } @media (min-width: 1024px) and (max-width: 1399px) { .margin-md-0 { margin: 0 } .margin-top-md-0 { margin-top: 0 } .margin-bottom-md-0 { margin-bottom: 0 } .margin-left-md-0 { margin-left: 0 } .margin-right-md-0 { margin-right: 0 } .margin-x-md-0 { margin-left: 0; margin-right: 0 } .margin-y-md-0 { margin-top: 0; margin-bottom: 0 } .margin-md-1 { margin: 5px } .margin-top-md-1 { margin-top: 5px } .margin-bottom-md-1 { margin-bottom: 5px } .margin-left-md-1 { margin-left: 5px } .margin-right-md-1 { margin-right: 5px } .margin-x-md-1 { margin-left: 5px; margin-right: 5px } .margin-y-md-1 { margin-top: 5px; margin-bottom: 5px } .margin-md-2 { margin: 10px } .margin-top-md-2 { margin-top: 10px } .margin-bottom-md-2 { margin-bottom: 10px } .margin-left-md-2 { margin-left: 10px } .margin-right-md-2 { margin-right: 10px } .margin-x-md-2 { margin-left: 10px; margin-right: 10px } .margin-y-md-2 { margin-top: 10px; margin-bottom: 10px } .margin-md-3 { margin: 15px } .margin-top-md-3 { margin-top: 15px } .margin-bottom-md-3 { margin-bottom: 15px } .margin-left-md-3 { margin-left: 15px } .margin-right-md-3 { margin-right: 15px } .margin-x-md-3 { margin-left: 15px; margin-right: 15px } .margin-y-md-3 { margin-top: 15px; margin-bottom: 15px } .margin-md-4 { margin: 20px } .margin-top-md-4 { margin-top: 20px } .margin-bottom-md-4 { margin-bottom: 20px } .margin-left-md-4 { margin-left: 20px } .margin-right-md-4 { margin-right: 20px } .margin-x-md-4 { margin-left: 20px; margin-right: 20px } .margin-y-md-4 { margin-top: 20px; margin-bottom: 20px } .margin-md-5 { margin: 25px } .margin-top-md-5 { margin-top: 25px } .margin-bottom-md-5 { margin-bottom: 25px } .margin-left-md-5 { margin-left: 25px } .margin-right-md-5 { margin-right: 25px } .margin-x-md-5 { margin-left: 25px; margin-right: 25px } .margin-y-md-5 { margin-top: 25px; margin-bottom: 25px } .margin-md-6 { margin: 30px } .margin-top-md-6 { margin-top: 30px } .margin-bottom-md-6 { margin-bottom: 30px } .margin-left-md-6 { margin-left: 30px } .margin-right-md-6 { margin-right: 30px } .margin-x-md-6 { margin-left: 30px; margin-right: 30px } .margin-y-md-6 { margin-top: 30px; margin-bottom: 30px } .margin-md-7 { margin: 35px } .margin-top-md-7 { margin-top: 35px } .margin-bottom-md-7 { margin-bottom: 35px } .margin-left-md-7 { margin-left: 35px } .margin-right-md-7 { margin-right: 35px } .margin-x-md-7 { margin-left: 35px; margin-right: 35px } .margin-y-md-7 { margin-top: 35px; margin-bottom: 35px } .margin-md-8 { margin: 40px } .margin-top-md-8 { margin-top: 40px } .margin-bottom-md-8 { margin-bottom: 40px } .margin-left-md-8 { margin-left: 40px } .margin-right-md-8 { margin-right: 40px } .margin-x-md-8 { margin-left: 40px; margin-right: 40px } .margin-y-md-8 { margin-top: 40px; margin-bottom: 40px } .margin-md-9 { margin: 45px } .margin-top-md-9 { margin-top: 45px } .margin-bottom-md-9 { margin-bottom: 45px } .margin-left-md-9 { margin-left: 45px } .margin-right-md-9 { margin-right: 45px } .margin-x-md-9 { margin-left: 45px; margin-right: 45px } .margin-y-md-9 { margin-top: 45px; margin-bottom: 45px } .margin-md-10 { margin: 50px } .margin-top-md-10 { margin-top: 50px } .margin-bottom-md-10 { margin-bottom: 50px } .margin-left-md-10 { margin-left: 50px } .margin-right-md-10 { margin-right: 50px } .margin-x-md-10 { margin-left: 50px; margin-right: 50px } .margin-y-md-10 { margin-top: 50px; margin-bottom: 50px } } @media (min-width: 1400px) and (max-width: 1599px) { .margin-lg-0 { margin: 0 } .margin-top-lg-0 { margin-top: 0 } .margin-bottom-lg-0 { margin-bottom: 0 } .margin-left-lg-0 { margin-left: 0 } .margin-right-lg-0 { margin-right: 0 } .margin-x-lg-0 { margin-left: 0; margin-right: 0 } .margin-y-lg-0 { margin-top: 0; margin-bottom: 0 } .margin-lg-1 { margin: 5px } .margin-top-lg-1 { margin-top: 5px } .margin-bottom-lg-1 { margin-bottom: 5px } .margin-left-lg-1 { margin-left: 5px } .margin-right-lg-1 { margin-right: 5px } .margin-x-lg-1 { margin-left: 5px; margin-right: 5px } .margin-y-lg-1 { margin-top: 5px; margin-bottom: 5px } .margin-lg-2 { margin: 10px } .margin-top-lg-2 { margin-top: 10px } .margin-bottom-lg-2 { margin-bottom: 10px } .margin-left-lg-2 { margin-left: 10px } .margin-right-lg-2 { margin-right: 10px } .margin-x-lg-2 { margin-left: 10px; margin-right: 10px } .margin-y-lg-2 { margin-top: 10px; margin-bottom: 10px } .margin-lg-3 { margin: 15px } .margin-top-lg-3 { margin-top: 15px } .margin-bottom-lg-3 { margin-bottom: 15px } .margin-left-lg-3 { margin-left: 15px } .margin-right-lg-3 { margin-right: 15px } .margin-x-lg-3 { margin-left: 15px; margin-right: 15px } .margin-y-lg-3 { margin-top: 15px; margin-bottom: 15px } .margin-lg-4 { margin: 20px } .margin-top-lg-4 { margin-top: 20px } .margin-bottom-lg-4 { margin-bottom: 20px } .margin-left-lg-4 { margin-left: 20px } .margin-right-lg-4 { margin-right: 20px } .margin-x-lg-4 { margin-left: 20px; margin-right: 20px } .margin-y-lg-4 { margin-top: 20px; margin-bottom: 20px } .margin-lg-5 { margin: 25px } .margin-top-lg-5 { margin-top: 25px } .margin-bottom-lg-5 { margin-bottom: 25px } .margin-left-lg-5 { margin-left: 25px } .margin-right-lg-5 { margin-right: 25px } .margin-x-lg-5 { margin-left: 25px; margin-right: 25px } .margin-y-lg-5 { margin-top: 25px; margin-bottom: 25px } .margin-lg-6 { margin: 30px } .margin-top-lg-6 { margin-top: 30px } .margin-bottom-lg-6 { margin-bottom: 30px } .margin-left-lg-6 { margin-left: 30px } .margin-right-lg-6 { margin-right: 30px } .margin-x-lg-6 { margin-left: 30px; margin-right: 30px } .margin-y-lg-6 { margin-top: 30px; margin-bottom: 30px } .margin-lg-7 { margin: 35px } .margin-top-lg-7 { margin-top: 35px } .margin-bottom-lg-7 { margin-bottom: 35px } .margin-left-lg-7 { margin-left: 35px } .margin-right-lg-7 { margin-right: 35px } .margin-x-lg-7 { margin-left: 35px; margin-right: 35px } .margin-y-lg-7 { margin-top: 35px; margin-bottom: 35px } .margin-lg-8 { margin: 40px } .margin-top-lg-8 { margin-top: 40px } .margin-bottom-lg-8 { margin-bottom: 40px } .margin-left-lg-8 { margin-left: 40px } .margin-right-lg-8 { margin-right: 40px } .margin-x-lg-8 { margin-left: 40px; margin-right: 40px } .margin-y-lg-8 { margin-top: 40px; margin-bottom: 40px } .margin-lg-9 { margin: 45px } .margin-top-lg-9 { margin-top: 45px } .margin-bottom-lg-9 { margin-bottom: 45px } .margin-left-lg-9 { margin-left: 45px } .margin-right-lg-9 { margin-right: 45px } .margin-x-lg-9 { margin-left: 45px; margin-right: 45px } .margin-y-lg-9 { margin-top: 45px; margin-bottom: 45px } .margin-lg-10 { margin: 50px } .margin-top-lg-10 { margin-top: 50px } .margin-bottom-lg-10 { margin-bottom: 50px } .margin-left-lg-10 { margin-left: 50px } .margin-right-lg-10 { margin-right: 50px } .margin-x-lg-10 { margin-left: 50px; margin-right: 50px } .margin-y-lg-10 { margin-top: 50px; margin-bottom: 50px } } @media (min-width: 768px) { .margin-gt-xs-0 { margin: 0 } .margin-top-gt-xs-0 { margin-top: 0 } .margin-bottom-gt-xs-0 { margin-bottom: 0 } .margin-left-gt-xs-0 { margin-left: 0 } .margin-right-gt-xs-0 { margin-right: 0 } .margin-x-gt-xs-0 { margin-left: 0; margin-right: 0 } .margin-y-gt-xs-0 { margin-top: 0; margin-bottom: 0 } .margin-gt-xs-1 { margin: 5px } .margin-top-gt-xs-1 { margin-top: 5px } .margin-bottom-gt-xs-1 { margin-bottom: 5px } .margin-left-gt-xs-1 { margin-left: 5px } .margin-right-gt-xs-1 { margin-right: 5px } .margin-x-gt-xs-1 { margin-left: 5px; margin-right: 5px } .margin-y-gt-xs-1 { margin-top: 5px; margin-bottom: 5px } .margin-gt-xs-2 { margin: 10px } .margin-top-gt-xs-2 { margin-top: 10px } .margin-bottom-gt-xs-2 { margin-bottom: 10px } .margin-left-gt-xs-2 { margin-left: 10px } .margin-right-gt-xs-2 { margin-right: 10px } .margin-x-gt-xs-2 { margin-left: 10px; margin-right: 10px } .margin-y-gt-xs-2 { margin-top: 10px; margin-bottom: 10px } .margin-gt-xs-3 { margin: 15px } .margin-top-gt-xs-3 { margin-top: 15px } .margin-bottom-gt-xs-3 { margin-bottom: 15px } .margin-left-gt-xs-3 { margin-left: 15px } .margin-right-gt-xs-3 { margin-right: 15px } .margin-x-gt-xs-3 { margin-left: 15px; margin-right: 15px } .margin-y-gt-xs-3 { margin-top: 15px; margin-bottom: 15px } .margin-gt-xs-4 { margin: 20px } .margin-top-gt-xs-4 { margin-top: 20px } .margin-bottom-gt-xs-4 { margin-bottom: 20px } .margin-left-gt-xs-4 { margin-left: 20px } .margin-right-gt-xs-4 { margin-right: 20px } .margin-x-gt-xs-4 { margin-left: 20px; margin-right: 20px } .margin-y-gt-xs-4 { margin-top: 20px; margin-bottom: 20px } .margin-gt-xs-5 { margin: 25px } .margin-top-gt-xs-5 { margin-top: 25px } .margin-bottom-gt-xs-5 { margin-bottom: 25px } .margin-left-gt-xs-5 { margin-left: 25px } .margin-right-gt-xs-5 { margin-right: 25px } .margin-x-gt-xs-5 { margin-left: 25px; margin-right: 25px } .margin-y-gt-xs-5 { margin-top: 25px; margin-bottom: 25px } .margin-gt-xs-6 { margin: 30px } .margin-top-gt-xs-6 { margin-top: 30px } .margin-bottom-gt-xs-6 { margin-bottom: 30px } .margin-left-gt-xs-6 { margin-left: 30px } .margin-right-gt-xs-6 { margin-right: 30px } .margin-x-gt-xs-6 { margin-left: 30px; margin-right: 30px } .margin-y-gt-xs-6 { margin-top: 30px; margin-bottom: 30px } .margin-gt-xs-7 { margin: 35px } .margin-top-gt-xs-7 { margin-top: 35px } .margin-bottom-gt-xs-7 { margin-bottom: 35px } .margin-left-gt-xs-7 { margin-left: 35px } .margin-right-gt-xs-7 { margin-right: 35px } .margin-x-gt-xs-7 { margin-left: 35px; margin-right: 35px } .margin-y-gt-xs-7 { margin-top: 35px; margin-bottom: 35px } .margin-gt-xs-8 { margin: 40px } .margin-top-gt-xs-8 { margin-top: 40px } .margin-bottom-gt-xs-8 { margin-bottom: 40px } .margin-left-gt-xs-8 { margin-left: 40px } .margin-right-gt-xs-8 { margin-right: 40px } .margin-x-gt-xs-8 { margin-left: 40px; margin-right: 40px } .margin-y-gt-xs-8 { margin-top: 40px; margin-bottom: 40px } .margin-gt-xs-9 { margin: 45px } .margin-top-gt-xs-9 { margin-top: 45px } .margin-bottom-gt-xs-9 { margin-bottom: 45px } .margin-left-gt-xs-9 { margin-left: 45px } .margin-right-gt-xs-9 { margin-right: 45px } .margin-x-gt-xs-9 { margin-left: 45px; margin-right: 45px } .margin-y-gt-xs-9 { margin-top: 45px; margin-bottom: 45px } .margin-gt-xs-10 { margin: 50px } .margin-top-gt-xs-10 { margin-top: 50px } .margin-bottom-gt-xs-10 { margin-bottom: 50px } .margin-left-gt-xs-10 { margin-left: 50px } .margin-right-gt-xs-10 { margin-right: 50px } .margin-x-gt-xs-10 { margin-left: 50px; margin-right: 50px } .margin-y-gt-xs-10 { margin-top: 50px; margin-bottom: 50px } } @media (min-width: 1024px) { .margin-gt-sm-0 { margin: 0 } .margin-top-gt-sm-0 { margin-top: 0 } .margin-bottom-gt-sm-0 { margin-bottom: 0 } .margin-left-gt-sm-0 { margin-left: 0 } .margin-right-gt-sm-0 { margin-right: 0 } .margin-x-gt-sm-0 { margin-left: 0; margin-right: 0 } .margin-y-gt-sm-0 { margin-top: 0; margin-bottom: 0 } .margin-gt-sm-1 { margin: 5px } .margin-top-gt-sm-1 { margin-top: 5px } .margin-bottom-gt-sm-1 { margin-bottom: 5px } .margin-left-gt-sm-1 { margin-left: 5px } .margin-right-gt-sm-1 { margin-right: 5px } .margin-x-gt-sm-1 { margin-left: 5px; margin-right: 5px } .margin-y-gt-sm-1 { margin-top: 5px; margin-bottom: 5px } .margin-gt-sm-2 { margin: 10px } .margin-top-gt-sm-2 { margin-top: 10px } .margin-bottom-gt-sm-2 { margin-bottom: 10px } .margin-left-gt-sm-2 { margin-left: 10px } .margin-right-gt-sm-2 { margin-right: 10px } .margin-x-gt-sm-2 { margin-left: 10px; margin-right: 10px } .margin-y-gt-sm-2 { margin-top: 10px; margin-bottom: 10px } .margin-gt-sm-3 { margin: 15px } .margin-top-gt-sm-3 { margin-top: 15px } .margin-bottom-gt-sm-3 { margin-bottom: 15px } .margin-left-gt-sm-3 { margin-left: 15px } .margin-right-gt-sm-3 { margin-right: 15px } .margin-x-gt-sm-3 { margin-left: 15px; margin-right: 15px } .margin-y-gt-sm-3 { margin-top: 15px; margin-bottom: 15px } .margin-gt-sm-4 { margin: 20px } .margin-top-gt-sm-4 { margin-top: 20px } .margin-bottom-gt-sm-4 { margin-bottom: 20px } .margin-left-gt-sm-4 { margin-left: 20px } .margin-right-gt-sm-4 { margin-right: 20px } .margin-x-gt-sm-4 { margin-left: 20px; margin-right: 20px } .margin-y-gt-sm-4 { margin-top: 20px; margin-bottom: 20px } .margin-gt-sm-5 { margin: 25px } .margin-top-gt-sm-5 { margin-top: 25px } .margin-bottom-gt-sm-5 { margin-bottom: 25px } .margin-left-gt-sm-5 { margin-left: 25px } .margin-right-gt-sm-5 { margin-right: 25px } .margin-x-gt-sm-5 { margin-left: 25px; margin-right: 25px } .margin-y-gt-sm-5 { margin-top: 25px; margin-bottom: 25px } .margin-gt-sm-6 { margin: 30px } .margin-top-gt-sm-6 { margin-top: 30px } .margin-bottom-gt-sm-6 { margin-bottom: 30px } .margin-left-gt-sm-6 { margin-left: 30px } .margin-right-gt-sm-6 { margin-right: 30px } .margin-x-gt-sm-6 { margin-left: 30px; margin-right: 30px } .margin-y-gt-sm-6 { margin-top: 30px; margin-bottom: 30px } .margin-gt-sm-7 { margin: 35px } .margin-top-gt-sm-7 { margin-top: 35px } .margin-bottom-gt-sm-7 { margin-bottom: 35px } .margin-left-gt-sm-7 { margin-left: 35px } .margin-right-gt-sm-7 { margin-right: 35px } .margin-x-gt-sm-7 { margin-left: 35px; margin-right: 35px } .margin-y-gt-sm-7 { margin-top: 35px; margin-bottom: 35px } .margin-gt-sm-8 { margin: 40px } .margin-top-gt-sm-8 { margin-top: 40px } .margin-bottom-gt-sm-8 { margin-bottom: 40px } .margin-left-gt-sm-8 { margin-left: 40px } .margin-right-gt-sm-8 { margin-right: 40px } .margin-x-gt-sm-8 { margin-left: 40px; margin-right: 40px } .margin-y-gt-sm-8 { margin-top: 40px; margin-bottom: 40px } .margin-gt-sm-9 { margin: 45px } .margin-top-gt-sm-9 { margin-top: 45px } .margin-bottom-gt-sm-9 { margin-bottom: 45px } .margin-left-gt-sm-9 { margin-left: 45px } .margin-right-gt-sm-9 { margin-right: 45px } .margin-x-gt-sm-9 { margin-left: 45px; margin-right: 45px } .margin-y-gt-sm-9 { margin-top: 45px; margin-bottom: 45px } .margin-gt-sm-10 { margin: 50px } .margin-top-gt-sm-10 { margin-top: 50px } .margin-bottom-gt-sm-10 { margin-bottom: 50px } .margin-left-gt-sm-10 { margin-left: 50px } .margin-right-gt-sm-10 { margin-right: 50px } .margin-x-gt-sm-10 { margin-left: 50px; margin-right: 50px } .margin-y-gt-sm-10 { margin-top: 50px; margin-bottom: 50px } } @media (min-width: 1400px) { .margin-gt-md-0 { margin: 0 } .margin-top-gt-md-0 { margin-top: 0 } .margin-bottom-gt-md-0 { margin-bottom: 0 } .margin-left-gt-md-0 { margin-left: 0 } .margin-right-gt-md-0 { margin-right: 0 } .margin-x-gt-md-0 { margin-left: 0; margin-right: 0 } .margin-y-gt-md-0 { margin-top: 0; margin-bottom: 0 } .margin-gt-md-1 { margin: 5px } .margin-top-gt-md-1 { margin-top: 5px } .margin-bottom-gt-md-1 { margin-bottom: 5px } .margin-left-gt-md-1 { margin-left: 5px } .margin-right-gt-md-1 { margin-right: 5px } .margin-x-gt-md-1 { margin-left: 5px; margin-right: 5px } .margin-y-gt-md-1 { margin-top: 5px; margin-bottom: 5px } .margin-gt-md-2 { margin: 10px } .margin-top-gt-md-2 { margin-top: 10px } .margin-bottom-gt-md-2 { margin-bottom: 10px } .margin-left-gt-md-2 { margin-left: 10px } .margin-right-gt-md-2 { margin-right: 10px } .margin-x-gt-md-2 { margin-left: 10px; margin-right: 10px } .margin-y-gt-md-2 { margin-top: 10px; margin-bottom: 10px } .margin-gt-md-3 { margin: 15px } .margin-top-gt-md-3 { margin-top: 15px } .margin-bottom-gt-md-3 { margin-bottom: 15px } .margin-left-gt-md-3 { margin-left: 15px } .margin-right-gt-md-3 { margin-right: 15px } .margin-x-gt-md-3 { margin-left: 15px; margin-right: 15px } .margin-y-gt-md-3 { margin-top: 15px; margin-bottom: 15px } .margin-gt-md-4 { margin: 20px } .margin-top-gt-md-4 { margin-top: 20px } .margin-bottom-gt-md-4 { margin-bottom: 20px } .margin-left-gt-md-4 { margin-left: 20px } .margin-right-gt-md-4 { margin-right: 20px } .margin-x-gt-md-4 { margin-left: 20px; margin-right: 20px } .margin-y-gt-md-4 { margin-top: 20px; margin-bottom: 20px } .margin-gt-md-5 { margin: 25px } .margin-top-gt-md-5 { margin-top: 25px } .margin-bottom-gt-md-5 { margin-bottom: 25px } .margin-left-gt-md-5 { margin-left: 25px } .margin-right-gt-md-5 { margin-right: 25px } .margin-x-gt-md-5 { margin-left: 25px; margin-right: 25px } .margin-y-gt-md-5 { margin-top: 25px; margin-bottom: 25px } .margin-gt-md-6 { margin: 30px } .margin-top-gt-md-6 { margin-top: 30px } .margin-bottom-gt-md-6 { margin-bottom: 30px } .margin-left-gt-md-6 { margin-left: 30px } .margin-right-gt-md-6 { margin-right: 30px } .margin-x-gt-md-6 { margin-left: 30px; margin-right: 30px } .margin-y-gt-md-6 { margin-top: 30px; margin-bottom: 30px } .margin-gt-md-7 { margin: 35px } .margin-top-gt-md-7 { margin-top: 35px } .margin-bottom-gt-md-7 { margin-bottom: 35px } .margin-left-gt-md-7 { margin-left: 35px } .margin-right-gt-md-7 { margin-right: 35px } .margin-x-gt-md-7 { margin-left: 35px; margin-right: 35px } .margin-y-gt-md-7 { margin-top: 35px; margin-bottom: 35px } .margin-gt-md-8 { margin: 40px } .margin-top-gt-md-8 { margin-top: 40px } .margin-bottom-gt-md-8 { margin-bottom: 40px } .margin-left-gt-md-8 { margin-left: 40px } .margin-right-gt-md-8 { margin-right: 40px } .margin-x-gt-md-8 { margin-left: 40px; margin-right: 40px } .margin-y-gt-md-8 { margin-top: 40px; margin-bottom: 40px } .margin-gt-md-9 { margin: 45px } .margin-top-gt-md-9 { margin-top: 45px } .margin-bottom-gt-md-9 { margin-bottom: 45px } .margin-left-gt-md-9 { margin-left: 45px } .margin-right-gt-md-9 { margin-right: 45px } .margin-x-gt-md-9 { margin-left: 45px; margin-right: 45px } .margin-y-gt-md-9 { margin-top: 45px; margin-bottom: 45px } .margin-gt-md-10 { margin: 50px } .margin-top-gt-md-10 { margin-top: 50px } .margin-bottom-gt-md-10 { margin-bottom: 50px } .margin-left-gt-md-10 { margin-left: 50px } .margin-right-gt-md-10 { margin-right: 50px } .margin-x-gt-md-10 { margin-left: 50px; margin-right: 50px } .margin-y-gt-md-10 { margin-top: 50px; margin-bottom: 50px } } @media (min-width: 1600px) { .margin-gt-lg-0 { margin: 0 } .margin-top-gt-lg-0 { margin-top: 0 } .margin-bottom-gt-lg-0 { margin-bottom: 0 } .margin-left-gt-lg-0 { margin-left: 0 } .margin-right-gt-lg-0 { margin-right: 0 } .margin-x-gt-lg-0 { margin-left: 0; margin-right: 0 } .margin-y-gt-lg-0 { margin-top: 0; margin-bottom: 0 } .margin-gt-lg-1 { margin: 5px } .margin-top-gt-lg-1 { margin-top: 5px } .margin-bottom-gt-lg-1 { margin-bottom: 5px } .margin-left-gt-lg-1 { margin-left: 5px } .margin-right-gt-lg-1 { margin-right: 5px } .margin-x-gt-lg-1 { margin-left: 5px; margin-right: 5px } .margin-y-gt-lg-1 { margin-top: 5px; margin-bottom: 5px } .margin-gt-lg-2 { margin: 10px } .margin-top-gt-lg-2 { margin-top: 10px } .margin-bottom-gt-lg-2 { margin-bottom: 10px } .margin-left-gt-lg-2 { margin-left: 10px } .margin-right-gt-lg-2 { margin-right: 10px } .margin-x-gt-lg-2 { margin-left: 10px; margin-right: 10px } .margin-y-gt-lg-2 { margin-top: 10px; margin-bottom: 10px } .margin-gt-lg-3 { margin: 15px } .margin-top-gt-lg-3 { margin-top: 15px } .margin-bottom-gt-lg-3 { margin-bottom: 15px } .margin-left-gt-lg-3 { margin-left: 15px } .margin-right-gt-lg-3 { margin-right: 15px } .margin-x-gt-lg-3 { margin-left: 15px; margin-right: 15px } .margin-y-gt-lg-3 { margin-top: 15px; margin-bottom: 15px } .margin-gt-lg-4 { margin: 20px } .margin-top-gt-lg-4 { margin-top: 20px } .margin-bottom-gt-lg-4 { margin-bottom: 20px } .margin-left-gt-lg-4 { margin-left: 20px } .margin-right-gt-lg-4 { margin-right: 20px } .margin-x-gt-lg-4 { margin-left: 20px; margin-right: 20px } .margin-y-gt-lg-4 { margin-top: 20px; margin-bottom: 20px } .margin-gt-lg-5 { margin: 25px } .margin-top-gt-lg-5 { margin-top: 25px } .margin-bottom-gt-lg-5 { margin-bottom: 25px } .margin-left-gt-lg-5 { margin-left: 25px } .margin-right-gt-lg-5 { margin-right: 25px } .margin-x-gt-lg-5 { margin-left: 25px; margin-right: 25px } .margin-y-gt-lg-5 { margin-top: 25px; margin-bottom: 25px } .margin-gt-lg-6 { margin: 30px } .margin-top-gt-lg-6 { margin-top: 30px } .margin-bottom-gt-lg-6 { margin-bottom: 30px } .margin-left-gt-lg-6 { margin-left: 30px } .margin-right-gt-lg-6 { margin-right: 30px } .margin-x-gt-lg-6 { margin-left: 30px; margin-right: 30px } .margin-y-gt-lg-6 { margin-top: 30px; margin-bottom: 30px } .margin-gt-lg-7 { margin: 35px } .margin-top-gt-lg-7 { margin-top: 35px } .margin-bottom-gt-lg-7 { margin-bottom: 35px } .margin-left-gt-lg-7 { margin-left: 35px } .margin-right-gt-lg-7 { margin-right: 35px } .margin-x-gt-lg-7 { margin-left: 35px; margin-right: 35px } .margin-y-gt-lg-7 { margin-top: 35px; margin-bottom: 35px } .margin-gt-lg-8 { margin: 40px } .margin-top-gt-lg-8 { margin-top: 40px } .margin-bottom-gt-lg-8 { margin-bottom: 40px } .margin-left-gt-lg-8 { margin-left: 40px } .margin-right-gt-lg-8 { margin-right: 40px } .margin-x-gt-lg-8 { margin-left: 40px; margin-right: 40px } .margin-y-gt-lg-8 { margin-top: 40px; margin-bottom: 40px } .margin-gt-lg-9 { margin: 45px } .margin-top-gt-lg-9 { margin-top: 45px } .margin-bottom-gt-lg-9 { margin-bottom: 45px } .margin-left-gt-lg-9 { margin-left: 45px } .margin-right-gt-lg-9 { margin-right: 45px } .margin-x-gt-lg-9 { margin-left: 45px; margin-right: 45px } .margin-y-gt-lg-9 { margin-top: 45px; margin-bottom: 45px } .margin-gt-lg-10 { margin: 50px } .margin-top-gt-lg-10 { margin-top: 50px } .margin-bottom-gt-lg-10 { margin-bottom: 50px } .margin-left-gt-lg-10 { margin-left: 50px } .margin-right-gt-lg-10 { margin-right: 50px } .margin-x-gt-lg-10 { margin-left: 50px; margin-right: 50px } .margin-y-gt-lg-10 { margin-top: 50px; margin-bottom: 50px } } @media (min-width: 1920px) { .margin-gt-xl-0 { margin: 0 } .margin-top-gt-xl-0 { margin-top: 0 } .margin-bottom-gt-xl-0 { margin-bottom: 0 } .margin-left-gt-xl-0 { margin-left: 0 } .margin-right-gt-xl-0 { margin-right: 0 } .margin-x-gt-xl-0 { margin-left: 0; margin-right: 0 } .margin-y-gt-xl-0 { margin-top: 0; margin-bottom: 0 } .margin-gt-xl-1 { margin: 5px } .margin-top-gt-xl-1 { margin-top: 5px } .margin-bottom-gt-xl-1 { margin-bottom: 5px } .margin-left-gt-xl-1 { margin-left: 5px } .margin-right-gt-xl-1 { margin-right: 5px } .margin-x-gt-xl-1 { margin-left: 5px; margin-right: 5px } .margin-y-gt-xl-1 { margin-top: 5px; margin-bottom: 5px } .margin-gt-xl-2 { margin: 10px } .margin-top-gt-xl-2 { margin-top: 10px } .margin-bottom-gt-xl-2 { margin-bottom: 10px } .margin-left-gt-xl-2 { margin-left: 10px } .margin-right-gt-xl-2 { margin-right: 10px } .margin-x-gt-xl-2 { margin-left: 10px; margin-right: 10px } .margin-y-gt-xl-2 { margin-top: 10px; margin-bottom: 10px } .margin-gt-xl-3 { margin: 15px } .margin-top-gt-xl-3 { margin-top: 15px } .margin-bottom-gt-xl-3 { margin-bottom: 15px } .margin-left-gt-xl-3 { margin-left: 15px } .margin-right-gt-xl-3 { margin-right: 15px } .margin-x-gt-xl-3 { margin-left: 15px; margin-right: 15px } .margin-y-gt-xl-3 { margin-top: 15px; margin-bottom: 15px } .margin-gt-xl-4 { margin: 20px } .margin-top-gt-xl-4 { margin-top: 20px } .margin-bottom-gt-xl-4 { margin-bottom: 20px } .margin-left-gt-xl-4 { margin-left: 20px } .margin-right-gt-xl-4 { margin-right: 20px } .margin-x-gt-xl-4 { margin-left: 20px; margin-right: 20px } .margin-y-gt-xl-4 { margin-top: 20px; margin-bottom: 20px } .margin-gt-xl-5 { margin: 25px } .margin-top-gt-xl-5 { margin-top: 25px } .margin-bottom-gt-xl-5 { margin-bottom: 25px } .margin-left-gt-xl-5 { margin-left: 25px } .margin-right-gt-xl-5 { margin-right: 25px } .margin-x-gt-xl-5 { margin-left: 25px; margin-right: 25px } .margin-y-gt-xl-5 { margin-top: 25px; margin-bottom: 25px } .margin-gt-xl-6 { margin: 30px } .margin-top-gt-xl-6 { margin-top: 30px } .margin-bottom-gt-xl-6 { margin-bottom: 30px } .margin-left-gt-xl-6 { margin-left: 30px } .margin-right-gt-xl-6 { margin-right: 30px } .margin-x-gt-xl-6 { margin-left: 30px; margin-right: 30px } .margin-y-gt-xl-6 { margin-top: 30px; margin-bottom: 30px } .margin-gt-xl-7 { margin: 35px } .margin-top-gt-xl-7 { margin-top: 35px } .margin-bottom-gt-xl-7 { margin-bottom: 35px } .margin-left-gt-xl-7 { margin-left: 35px } .margin-right-gt-xl-7 { margin-right: 35px } .margin-x-gt-xl-7 { margin-left: 35px; margin-right: 35px } .margin-y-gt-xl-7 { margin-top: 35px; margin-bottom: 35px } .margin-gt-xl-8 { margin: 40px } .margin-top-gt-xl-8 { margin-top: 40px } .margin-bottom-gt-xl-8 { margin-bottom: 40px } .margin-left-gt-xl-8 { margin-left: 40px } .margin-right-gt-xl-8 { margin-right: 40px } .margin-x-gt-xl-8 { margin-left: 40px; margin-right: 40px } .margin-y-gt-xl-8 { margin-top: 40px; margin-bottom: 40px } .margin-gt-xl-9 { margin: 45px } .margin-top-gt-xl-9 { margin-top: 45px } .margin-bottom-gt-xl-9 { margin-bottom: 45px } .margin-left-gt-xl-9 { margin-left: 45px } .margin-right-gt-xl-9 { margin-right: 45px } .margin-x-gt-xl-9 { margin-left: 45px; margin-right: 45px } .margin-y-gt-xl-9 { margin-top: 45px; margin-bottom: 45px } .margin-gt-xl-10 { margin: 50px } .margin-top-gt-xl-10 { margin-top: 50px } .margin-bottom-gt-xl-10 { margin-bottom: 50px } .margin-left-gt-xl-10 { margin-left: 50px } .margin-right-gt-xl-10 { margin-right: 50px } .margin-x-gt-xl-10 { margin-left: 50px; margin-right: 50px } .margin-y-gt-xl-10 { margin-top: 50px; margin-bottom: 50px } } .padding-0 { padding: 0 } .padding-top-0 { padding-top: 0 } .padding-bottom-0 { padding-bottom: 0 } .padding-left-0 { padding-left: 0 } .padding-right-0 { padding-right: 0 } .padding-x-0 { padding-left: 0; padding-right: 0 } .padding-y-0 { padding-top: 0; padding-bottom: 0 } .padding-1 { padding: 5px } .padding-top-1 { padding-top: 5px } .padding-bottom-1 { padding-bottom: 5px } .padding-left-1 { padding-left: 5px } .padding-right-1 { padding-right: 5px } .padding-x-1 { padding-left: 5px; padding-right: 5px } .padding-y-1 { padding-top: 5px; padding-bottom: 5px } .padding-2 { padding: 10px } .padding-top-2 { padding-top: 10px } .padding-bottom-2 { padding-bottom: 10px } .padding-left-2 { padding-left: 10px } .padding-right-2 { padding-right: 10px } .padding-x-2 { padding-left: 10px; padding-right: 10px } .padding-y-2 { padding-top: 10px; padding-bottom: 10px } .padding-3 { padding: 15px } .padding-top-3 { padding-top: 15px } .padding-bottom-3 { padding-bottom: 15px } .padding-left-3 { padding-left: 15px } .padding-right-3 { padding-right: 15px } .padding-x-3 { padding-left: 15px; padding-right: 15px } .padding-y-3 { padding-top: 15px; padding-bottom: 15px } .padding-4 { padding: 20px } .padding-top-4 { padding-top: 20px } .padding-bottom-4 { padding-bottom: 20px } .padding-left-4 { padding-left: 20px } .padding-right-4 { padding-right: 20px } .padding-x-4 { padding-left: 20px; padding-right: 20px } .padding-y-4 { padding-top: 20px; padding-bottom: 20px } .padding-5 { padding: 25px } .padding-top-5 { padding-top: 25px } .padding-bottom-5 { padding-bottom: 25px } .padding-left-5 { padding-left: 25px } .padding-right-5 { padding-right: 25px } .padding-x-5 { padding-left: 25px; padding-right: 25px } .padding-y-5 { padding-top: 25px; padding-bottom: 25px } .padding-6 { padding: 30px } .padding-top-6 { padding-top: 30px } .padding-bottom-6 { padding-bottom: 30px } .padding-left-6 { padding-left: 30px } .padding-right-6 { padding-right: 30px } .padding-x-6 { padding-left: 30px; padding-right: 30px } .padding-y-6 { padding-top: 30px; padding-bottom: 30px } .padding-7 { padding: 35px } .padding-top-7 { padding-top: 35px } .padding-bottom-7 { padding-bottom: 35px } .padding-left-7 { padding-left: 35px } .padding-right-7 { padding-right: 35px } .padding-x-7 { padding-left: 35px; padding-right: 35px } .padding-y-7 { padding-top: 35px; padding-bottom: 35px } .padding-8 { padding: 40px } .padding-top-8 { padding-top: 40px } .padding-bottom-8 { padding-bottom: 40px } .padding-left-8 { padding-left: 40px } .padding-right-8 { padding-right: 40px } .padding-x-8 { padding-left: 40px; padding-right: 40px } .padding-y-8 { padding-top: 40px; padding-bottom: 40px } .padding-9 { padding: 45px } .padding-top-9 { padding-top: 45px } .padding-bottom-9 { padding-bottom: 45px } .padding-left-9 { padding-left: 45px } .padding-right-9 { padding-right: 45px } .padding-x-9 { padding-left: 45px; padding-right: 45px } .padding-y-9 { padding-top: 45px; padding-bottom: 45px } .padding-10 { padding: 50px } .padding-top-10 { padding-top: 50px } .padding-bottom-10 { padding-bottom: 50px } .padding-left-10 { padding-left: 50px } .padding-right-10 { padding-right: 50px } .padding-x-10 { padding-left: 50px; padding-right: 50px } .padding-y-10 { padding-top: 50px; padding-bottom: 50px } @media (max-width: 767px) { .padding-xs-0 { padding: 0 } .padding-top-xs-0 { padding-top: 0 } .padding-bottom-xs-0 { padding-bottom: 0 } .padding-left-xs-0 { padding-left: 0 } .padding-right-xs-0 { padding-right: 0 } .padding-x-xs-0 { padding-left: 0; padding-right: 0 } .padding-y-xs-0 { padding-top: 0; padding-bottom: 0 } .padding-xs-1 { padding: 5px } .padding-top-xs-1 { padding-top: 5px } .padding-bottom-xs-1 { padding-bottom: 5px } .padding-left-xs-1 { padding-left: 5px } .padding-right-xs-1 { padding-right: 5px } .padding-x-xs-1 { padding-left: 5px; padding-right: 5px } .padding-y-xs-1 { padding-top: 5px; padding-bottom: 5px } .padding-xs-2 { padding: 10px } .padding-top-xs-2 { padding-top: 10px } .padding-bottom-xs-2 { padding-bottom: 10px } .padding-left-xs-2 { padding-left: 10px } .padding-right-xs-2 { padding-right: 10px } .padding-x-xs-2 { padding-left: 10px; padding-right: 10px } .padding-y-xs-2 { padding-top: 10px; padding-bottom: 10px } .padding-xs-3 { padding: 15px } .padding-top-xs-3 { padding-top: 15px } .padding-bottom-xs-3 { padding-bottom: 15px } .padding-left-xs-3 { padding-left: 15px } .padding-right-xs-3 { padding-right: 15px } .padding-x-xs-3 { padding-left: 15px; padding-right: 15px } .padding-y-xs-3 { padding-top: 15px; padding-bottom: 15px } .padding-xs-4 { padding: 20px } .padding-top-xs-4 { padding-top: 20px } .padding-bottom-xs-4 { padding-bottom: 20px } .padding-left-xs-4 { padding-left: 20px } .padding-right-xs-4 { padding-right: 20px } .padding-x-xs-4 { padding-left: 20px; padding-right: 20px } .padding-y-xs-4 { padding-top: 20px; padding-bottom: 20px } .padding-xs-5 { padding: 25px } .padding-top-xs-5 { padding-top: 25px } .padding-bottom-xs-5 { padding-bottom: 25px } .padding-left-xs-5 { padding-left: 25px } .padding-right-xs-5 { padding-right: 25px } .padding-x-xs-5 { padding-left: 25px; padding-right: 25px } .padding-y-xs-5 { padding-top: 25px; padding-bottom: 25px } .padding-xs-6 { padding: 30px } .padding-top-xs-6 { padding-top: 30px } .padding-bottom-xs-6 { padding-bottom: 30px } .padding-left-xs-6 { padding-left: 30px } .padding-right-xs-6 { padding-right: 30px } .padding-x-xs-6 { padding-left: 30px; padding-right: 30px } .padding-y-xs-6 { padding-top: 30px; padding-bottom: 30px } .padding-xs-7 { padding: 35px } .padding-top-xs-7 { padding-top: 35px } .padding-bottom-xs-7 { padding-bottom: 35px } .padding-left-xs-7 { padding-left: 35px } .padding-right-xs-7 { padding-right: 35px } .padding-x-xs-7 { padding-left: 35px; padding-right: 35px } .padding-y-xs-7 { padding-top: 35px; padding-bottom: 35px } .padding-xs-8 { padding: 40px } .padding-top-xs-8 { padding-top: 40px } .padding-bottom-xs-8 { padding-bottom: 40px } .padding-left-xs-8 { padding-left: 40px } .padding-right-xs-8 { padding-right: 40px } .padding-x-xs-8 { padding-left: 40px; padding-right: 40px } .padding-y-xs-8 { padding-top: 40px; padding-bottom: 40px } .padding-xs-9 { padding: 45px } .padding-top-xs-9 { padding-top: 45px } .padding-bottom-xs-9 { padding-bottom: 45px } .padding-left-xs-9 { padding-left: 45px } .padding-right-xs-9 { padding-right: 45px } .padding-x-xs-9 { padding-left: 45px; padding-right: 45px } .padding-y-xs-9 { padding-top: 45px; padding-bottom: 45px } .padding-xs-10 { padding: 50px } .padding-top-xs-10 { padding-top: 50px } .padding-bottom-xs-10 { padding-bottom: 50px } .padding-left-xs-10 { padding-left: 50px } .padding-right-xs-10 { padding-right: 50px } .padding-x-xs-10 { padding-left: 50px; padding-right: 50px } .padding-y-xs-10 { padding-top: 50px; padding-bottom: 50px } } @media (min-width: 768px) and (max-width: 1023px) { .padding-sm-0 { padding: 0 } .padding-top-sm-0 { padding-top: 0 } .padding-bottom-sm-0 { padding-bottom: 0 } .padding-left-sm-0 { padding-left: 0 } .padding-right-sm-0 { padding-right: 0 } .padding-x-sm-0 { padding-left: 0; padding-right: 0 } .padding-y-sm-0 { padding-top: 0; padding-bottom: 0 } .padding-sm-1 { padding: 5px } .padding-top-sm-1 { padding-top: 5px } .padding-bottom-sm-1 { padding-bottom: 5px } .padding-left-sm-1 { padding-left: 5px } .padding-right-sm-1 { padding-right: 5px } .padding-x-sm-1 { padding-left: 5px; padding-right: 5px } .padding-y-sm-1 { padding-top: 5px; padding-bottom: 5px } .padding-sm-2 { padding: 10px } .padding-top-sm-2 { padding-top: 10px } .padding-bottom-sm-2 { padding-bottom: 10px } .padding-left-sm-2 { padding-left: 10px } .padding-right-sm-2 { padding-right: 10px } .padding-x-sm-2 { padding-left: 10px; padding-right: 10px } .padding-y-sm-2 { padding-top: 10px; padding-bottom: 10px } .padding-sm-3 { padding: 15px } .padding-top-sm-3 { padding-top: 15px } .padding-bottom-sm-3 { padding-bottom: 15px } .padding-left-sm-3 { padding-left: 15px } .padding-right-sm-3 { padding-right: 15px } .padding-x-sm-3 { padding-left: 15px; padding-right: 15px } .padding-y-sm-3 { padding-top: 15px; padding-bottom: 15px } .padding-sm-4 { padding: 20px } .padding-top-sm-4 { padding-top: 20px } .padding-bottom-sm-4 { padding-bottom: 20px } .padding-left-sm-4 { padding-left: 20px } .padding-right-sm-4 { padding-right: 20px } .padding-x-sm-4 { padding-left: 20px; padding-right: 20px } .padding-y-sm-4 { padding-top: 20px; padding-bottom: 20px } .padding-sm-5 { padding: 25px } .padding-top-sm-5 { padding-top: 25px } .padding-bottom-sm-5 { padding-bottom: 25px } .padding-left-sm-5 { padding-left: 25px } .padding-right-sm-5 { padding-right: 25px } .padding-x-sm-5 { padding-left: 25px; padding-right: 25px } .padding-y-sm-5 { padding-top: 25px; padding-bottom: 25px } .padding-sm-6 { padding: 30px } .padding-top-sm-6 { padding-top: 30px } .padding-bottom-sm-6 { padding-bottom: 30px } .padding-left-sm-6 { padding-left: 30px } .padding-right-sm-6 { padding-right: 30px } .padding-x-sm-6 { padding-left: 30px; padding-right: 30px } .padding-y-sm-6 { padding-top: 30px; padding-bottom: 30px } .padding-sm-7 { padding: 35px } .padding-top-sm-7 { padding-top: 35px } .padding-bottom-sm-7 { padding-bottom: 35px } .padding-left-sm-7 { padding-left: 35px } .padding-right-sm-7 { padding-right: 35px } .padding-x-sm-7 { padding-left: 35px; padding-right: 35px } .padding-y-sm-7 { padding-top: 35px; padding-bottom: 35px } .padding-sm-8 { padding: 40px } .padding-top-sm-8 { padding-top: 40px } .padding-bottom-sm-8 { padding-bottom: 40px } .padding-left-sm-8 { padding-left: 40px } .padding-right-sm-8 { padding-right: 40px } .padding-x-sm-8 { padding-left: 40px; padding-right: 40px } .padding-y-sm-8 { padding-top: 40px; padding-bottom: 40px } .padding-sm-9 { padding: 45px } .padding-top-sm-9 { padding-top: 45px } .padding-bottom-sm-9 { padding-bottom: 45px } .padding-left-sm-9 { padding-left: 45px } .padding-right-sm-9 { padding-right: 45px } .padding-x-sm-9 { padding-left: 45px; padding-right: 45px } .padding-y-sm-9 { padding-top: 45px; padding-bottom: 45px } .padding-sm-10 { padding: 50px } .padding-top-sm-10 { padding-top: 50px } .padding-bottom-sm-10 { padding-bottom: 50px } .padding-left-sm-10 { padding-left: 50px } .padding-right-sm-10 { padding-right: 50px } .padding-x-sm-10 { padding-left: 50px; padding-right: 50px } .padding-y-sm-10 { padding-top: 50px; padding-bottom: 50px } } @media (min-width: 1024px) and (max-width: 1399px) { .padding-md-0 { padding: 0 } .padding-top-md-0 { padding-top: 0 } .padding-bottom-md-0 { padding-bottom: 0 } .padding-left-md-0 { padding-left: 0 } .padding-right-md-0 { padding-right: 0 } .padding-x-md-0 { padding-left: 0; padding-right: 0 } .padding-y-md-0 { padding-top: 0; padding-bottom: 0 } .padding-md-1 { padding: 5px } .padding-top-md-1 { padding-top: 5px } .padding-bottom-md-1 { padding-bottom: 5px } .padding-left-md-1 { padding-left: 5px } .padding-right-md-1 { padding-right: 5px } .padding-x-md-1 { padding-left: 5px; padding-right: 5px } .padding-y-md-1 { padding-top: 5px; padding-bottom: 5px } .padding-md-2 { padding: 10px } .padding-top-md-2 { padding-top: 10px } .padding-bottom-md-2 { padding-bottom: 10px } .padding-left-md-2 { padding-left: 10px } .padding-right-md-2 { padding-right: 10px } .padding-x-md-2 { padding-left: 10px; padding-right: 10px } .padding-y-md-2 { padding-top: 10px; padding-bottom: 10px } .padding-md-3 { padding: 15px } .padding-top-md-3 { padding-top: 15px } .padding-bottom-md-3 { padding-bottom: 15px } .padding-left-md-3 { padding-left: 15px } .padding-right-md-3 { padding-right: 15px } .padding-x-md-3 { padding-left: 15px; padding-right: 15px } .padding-y-md-3 { padding-top: 15px; padding-bottom: 15px } .padding-md-4 { padding: 20px } .padding-top-md-4 { padding-top: 20px } .padding-bottom-md-4 { padding-bottom: 20px } .padding-left-md-4 { padding-left: 20px } .padding-right-md-4 { padding-right: 20px } .padding-x-md-4 { padding-left: 20px; padding-right: 20px } .padding-y-md-4 { padding-top: 20px; padding-bottom: 20px } .padding-md-5 { padding: 25px } .padding-top-md-5 { padding-top: 25px } .padding-bottom-md-5 { padding-bottom: 25px } .padding-left-md-5 { padding-left: 25px } .padding-right-md-5 { padding-right: 25px } .padding-x-md-5 { padding-left: 25px; padding-right: 25px } .padding-y-md-5 { padding-top: 25px; padding-bottom: 25px } .padding-md-6 { padding: 30px } .padding-top-md-6 { padding-top: 30px } .padding-bottom-md-6 { padding-bottom: 30px } .padding-left-md-6 { padding-left: 30px } .padding-right-md-6 { padding-right: 30px } .padding-x-md-6 { padding-left: 30px; padding-right: 30px } .padding-y-md-6 { padding-top: 30px; padding-bottom: 30px } .padding-md-7 { padding: 35px } .padding-top-md-7 { padding-top: 35px } .padding-bottom-md-7 { padding-bottom: 35px } .padding-left-md-7 { padding-left: 35px } .padding-right-md-7 { padding-right: 35px } .padding-x-md-7 { padding-left: 35px; padding-right: 35px } .padding-y-md-7 { padding-top: 35px; padding-bottom: 35px } .padding-md-8 { padding: 40px } .padding-top-md-8 { padding-top: 40px } .padding-bottom-md-8 { padding-bottom: 40px } .padding-left-md-8 { padding-left: 40px } .padding-right-md-8 { padding-right: 40px } .padding-x-md-8 { padding-left: 40px; padding-right: 40px } .padding-y-md-8 { padding-top: 40px; padding-bottom: 40px } .padding-md-9 { padding: 45px } .padding-top-md-9 { padding-top: 45px } .padding-bottom-md-9 { padding-bottom: 45px } .padding-left-md-9 { padding-left: 45px } .padding-right-md-9 { padding-right: 45px } .padding-x-md-9 { padding-left: 45px; padding-right: 45px } .padding-y-md-9 { padding-top: 45px; padding-bottom: 45px } .padding-md-10 { padding: 50px } .padding-top-md-10 { padding-top: 50px } .padding-bottom-md-10 { padding-bottom: 50px } .padding-left-md-10 { padding-left: 50px } .padding-right-md-10 { padding-right: 50px } .padding-x-md-10 { padding-left: 50px; padding-right: 50px } .padding-y-md-10 { padding-top: 50px; padding-bottom: 50px } } @media (min-width: 1400px) and (max-width: 1599px) { .padding-lg-0 { padding: 0 } .padding-top-lg-0 { padding-top: 0 } .padding-bottom-lg-0 { padding-bottom: 0 } .padding-left-lg-0 { padding-left: 0 } .padding-right-lg-0 { padding-right: 0 } .padding-x-lg-0 { padding-left: 0; padding-right: 0 } .padding-y-lg-0 { padding-top: 0; padding-bottom: 0 } .padding-lg-1 { padding: 5px } .padding-top-lg-1 { padding-top: 5px } .padding-bottom-lg-1 { padding-bottom: 5px } .padding-left-lg-1 { padding-left: 5px } .padding-right-lg-1 { padding-right: 5px } .padding-x-lg-1 { padding-left: 5px; padding-right: 5px } .padding-y-lg-1 { padding-top: 5px; padding-bottom: 5px } .padding-lg-2 { padding: 10px } .padding-top-lg-2 { padding-top: 10px } .padding-bottom-lg-2 { padding-bottom: 10px } .padding-left-lg-2 { padding-left: 10px } .padding-right-lg-2 { padding-right: 10px } .padding-x-lg-2 { padding-left: 10px; padding-right: 10px } .padding-y-lg-2 { padding-top: 10px; padding-bottom: 10px } .padding-lg-3 { padding: 15px } .padding-top-lg-3 { padding-top: 15px } .padding-bottom-lg-3 { padding-bottom: 15px } .padding-left-lg-3 { padding-left: 15px } .padding-right-lg-3 { padding-right: 15px } .padding-x-lg-3 { padding-left: 15px; padding-right: 15px } .padding-y-lg-3 { padding-top: 15px; padding-bottom: 15px } .padding-lg-4 { padding: 20px } .padding-top-lg-4 { padding-top: 20px } .padding-bottom-lg-4 { padding-bottom: 20px } .padding-left-lg-4 { padding-left: 20px } .padding-right-lg-4 { padding-right: 20px } .padding-x-lg-4 { padding-left: 20px; padding-right: 20px } .padding-y-lg-4 { padding-top: 20px; padding-bottom: 20px } .padding-lg-5 { padding: 25px } .padding-top-lg-5 { padding-top: 25px } .padding-bottom-lg-5 { padding-bottom: 25px } .padding-left-lg-5 { padding-left: 25px } .padding-right-lg-5 { padding-right: 25px } .padding-x-lg-5 { padding-left: 25px; padding-right: 25px } .padding-y-lg-5 { padding-top: 25px; padding-bottom: 25px } .padding-lg-6 { padding: 30px } .padding-top-lg-6 { padding-top: 30px } .padding-bottom-lg-6 { padding-bottom: 30px } .padding-left-lg-6 { padding-left: 30px } .padding-right-lg-6 { padding-right: 30px } .padding-x-lg-6 { padding-left: 30px; padding-right: 30px } .padding-y-lg-6 { padding-top: 30px; padding-bottom: 30px } .padding-lg-7 { padding: 35px } .padding-top-lg-7 { padding-top: 35px } .padding-bottom-lg-7 { padding-bottom: 35px } .padding-left-lg-7 { padding-left: 35px } .padding-right-lg-7 { padding-right: 35px } .padding-x-lg-7 { padding-left: 35px; padding-right: 35px } .padding-y-lg-7 { padding-top: 35px; padding-bottom: 35px } .padding-lg-8 { padding: 40px } .padding-top-lg-8 { padding-top: 40px } .padding-bottom-lg-8 { padding-bottom: 40px } .padding-left-lg-8 { padding-left: 40px } .padding-right-lg-8 { padding-right: 40px } .padding-x-lg-8 { padding-left: 40px; padding-right: 40px } .padding-y-lg-8 { padding-top: 40px; padding-bottom: 40px } .padding-lg-9 { padding: 45px } .padding-top-lg-9 { padding-top: 45px } .padding-bottom-lg-9 { padding-bottom: 45px } .padding-left-lg-9 { padding-left: 45px } .padding-right-lg-9 { padding-right: 45px } .padding-x-lg-9 { padding-left: 45px; padding-right: 45px } .padding-y-lg-9 { padding-top: 45px; padding-bottom: 45px } .padding-lg-10 { padding: 50px } .padding-top-lg-10 { padding-top: 50px } .padding-bottom-lg-10 { padding-bottom: 50px } .padding-left-lg-10 { padding-left: 50px } .padding-right-lg-10 { padding-right: 50px } .padding-x-lg-10 { padding-left: 50px; padding-right: 50px } .padding-y-lg-10 { padding-top: 50px; padding-bottom: 50px } } @media (min-width: 768px) { .padding-gt-xs-0 { padding: 0 } .padding-top-gt-xs-0 { padding-top: 0 } .padding-bottom-gt-xs-0 { padding-bottom: 0 } .padding-left-gt-xs-0 { padding-left: 0 } .padding-right-gt-xs-0 { padding-right: 0 } .padding-x-gt-xs-0 { padding-left: 0; padding-right: 0 } .padding-y-gt-xs-0 { padding-top: 0; padding-bottom: 0 } .padding-gt-xs-1 { padding: 5px } .padding-top-gt-xs-1 { padding-top: 5px } .padding-bottom-gt-xs-1 { padding-bottom: 5px } .padding-left-gt-xs-1 { padding-left: 5px } .padding-right-gt-xs-1 { padding-right: 5px } .padding-x-gt-xs-1 { padding-left: 5px; padding-right: 5px } .padding-y-gt-xs-1 { padding-top: 5px; padding-bottom: 5px } .padding-gt-xs-2 { padding: 10px } .padding-top-gt-xs-2 { padding-top: 10px } .padding-bottom-gt-xs-2 { padding-bottom: 10px } .padding-left-gt-xs-2 { padding-left: 10px } .padding-right-gt-xs-2 { padding-right: 10px } .padding-x-gt-xs-2 { padding-left: 10px; padding-right: 10px } .padding-y-gt-xs-2 { padding-top: 10px; padding-bottom: 10px } .padding-gt-xs-3 { padding: 15px } .padding-top-gt-xs-3 { padding-top: 15px } .padding-bottom-gt-xs-3 { padding-bottom: 15px } .padding-left-gt-xs-3 { padding-left: 15px } .padding-right-gt-xs-3 { padding-right: 15px } .padding-x-gt-xs-3 { padding-left: 15px; padding-right: 15px } .padding-y-gt-xs-3 { padding-top: 15px; padding-bottom: 15px } .padding-gt-xs-4 { padding: 20px } .padding-top-gt-xs-4 { padding-top: 20px } .padding-bottom-gt-xs-4 { padding-bottom: 20px } .padding-left-gt-xs-4 { padding-left: 20px } .padding-right-gt-xs-4 { padding-right: 20px } .padding-x-gt-xs-4 { padding-left: 20px; padding-right: 20px } .padding-y-gt-xs-4 { padding-top: 20px; padding-bottom: 20px } .padding-gt-xs-5 { padding: 25px } .padding-top-gt-xs-5 { padding-top: 25px } .padding-bottom-gt-xs-5 { padding-bottom: 25px } .padding-left-gt-xs-5 { padding-left: 25px } .padding-right-gt-xs-5 { padding-right: 25px } .padding-x-gt-xs-5 { padding-left: 25px; padding-right: 25px } .padding-y-gt-xs-5 { padding-top: 25px; padding-bottom: 25px } .padding-gt-xs-6 { padding: 30px } .padding-top-gt-xs-6 { padding-top: 30px } .padding-bottom-gt-xs-6 { padding-bottom: 30px } .padding-left-gt-xs-6 { padding-left: 30px } .padding-right-gt-xs-6 { padding-right: 30px } .padding-x-gt-xs-6 { padding-left: 30px; padding-right: 30px } .padding-y-gt-xs-6 { padding-top: 30px; padding-bottom: 30px } .padding-gt-xs-7 { padding: 35px } .padding-top-gt-xs-7 { padding-top: 35px } .padding-bottom-gt-xs-7 { padding-bottom: 35px } .padding-left-gt-xs-7 { padding-left: 35px } .padding-right-gt-xs-7 { padding-right: 35px } .padding-x-gt-xs-7 { padding-left: 35px; padding-right: 35px } .padding-y-gt-xs-7 { padding-top: 35px; padding-bottom: 35px } .padding-gt-xs-8 { padding: 40px } .padding-top-gt-xs-8 { padding-top: 40px } .padding-bottom-gt-xs-8 { padding-bottom: 40px } .padding-left-gt-xs-8 { padding-left: 40px } .padding-right-gt-xs-8 { padding-right: 40px } .padding-x-gt-xs-8 { padding-left: 40px; padding-right: 40px } .padding-y-gt-xs-8 { padding-top: 40px; padding-bottom: 40px } .padding-gt-xs-9 { padding: 45px } .padding-top-gt-xs-9 { padding-top: 45px } .padding-bottom-gt-xs-9 { padding-bottom: 45px } .padding-left-gt-xs-9 { padding-left: 45px } .padding-right-gt-xs-9 { padding-right: 45px } .padding-x-gt-xs-9 { padding-left: 45px; padding-right: 45px } .padding-y-gt-xs-9 { padding-top: 45px; padding-bottom: 45px } .padding-gt-xs-10 { padding: 50px } .padding-top-gt-xs-10 { padding-top: 50px } .padding-bottom-gt-xs-10 { padding-bottom: 50px } .padding-left-gt-xs-10 { padding-left: 50px } .padding-right-gt-xs-10 { padding-right: 50px } .padding-x-gt-xs-10 { padding-left: 50px; padding-right: 50px } .padding-y-gt-xs-10 { padding-top: 50px; padding-bottom: 50px } } @media (min-width: 1024px) { .padding-gt-sm-0 { padding: 0 } .padding-top-gt-sm-0 { padding-top: 0 } .padding-bottom-gt-sm-0 { padding-bottom: 0 } .padding-left-gt-sm-0 { padding-left: 0 } .padding-right-gt-sm-0 { padding-right: 0 } .padding-x-gt-sm-0 { padding-left: 0; padding-right: 0 } .padding-y-gt-sm-0 { padding-top: 0; padding-bottom: 0 } .padding-gt-sm-1 { padding: 5px } .padding-top-gt-sm-1 { padding-top: 5px } .padding-bottom-gt-sm-1 { padding-bottom: 5px } .padding-left-gt-sm-1 { padding-left: 5px } .padding-right-gt-sm-1 { padding-right: 5px } .padding-x-gt-sm-1 { padding-left: 5px; padding-right: 5px } .padding-y-gt-sm-1 { padding-top: 5px; padding-bottom: 5px } .padding-gt-sm-2 { padding: 10px } .padding-top-gt-sm-2 { padding-top: 10px } .padding-bottom-gt-sm-2 { padding-bottom: 10px } .padding-left-gt-sm-2 { padding-left: 10px } .padding-right-gt-sm-2 { padding-right: 10px } .padding-x-gt-sm-2 { padding-left: 10px; padding-right: 10px } .padding-y-gt-sm-2 { padding-top: 10px; padding-bottom: 10px } .padding-gt-sm-3 { padding: 15px } .padding-top-gt-sm-3 { padding-top: 15px } .padding-bottom-gt-sm-3 { padding-bottom: 15px } .padding-left-gt-sm-3 { padding-left: 15px } .padding-right-gt-sm-3 { padding-right: 15px } .padding-x-gt-sm-3 { padding-left: 15px; padding-right: 15px } .padding-y-gt-sm-3 { padding-top: 15px; padding-bottom: 15px } .padding-gt-sm-4 { padding: 20px } .padding-top-gt-sm-4 { padding-top: 20px } .padding-bottom-gt-sm-4 { padding-bottom: 20px } .padding-left-gt-sm-4 { padding-left: 20px } .padding-right-gt-sm-4 { padding-right: 20px } .padding-x-gt-sm-4 { padding-left: 20px; padding-right: 20px } .padding-y-gt-sm-4 { padding-top: 20px; padding-bottom: 20px } .padding-gt-sm-5 { padding: 25px } .padding-top-gt-sm-5 { padding-top: 25px } .padding-bottom-gt-sm-5 { padding-bottom: 25px } .padding-left-gt-sm-5 { padding-left: 25px } .padding-right-gt-sm-5 { padding-right: 25px } .padding-x-gt-sm-5 { padding-left: 25px; padding-right: 25px } .padding-y-gt-sm-5 { padding-top: 25px; padding-bottom: 25px } .padding-gt-sm-6 { padding: 30px } .padding-top-gt-sm-6 { padding-top: 30px } .padding-bottom-gt-sm-6 { padding-bottom: 30px } .padding-left-gt-sm-6 { padding-left: 30px } .padding-right-gt-sm-6 { padding-right: 30px } .padding-x-gt-sm-6 { padding-left: 30px; padding-right: 30px } .padding-y-gt-sm-6 { padding-top: 30px; padding-bottom: 30px } .padding-gt-sm-7 { padding: 35px } .padding-top-gt-sm-7 { padding-top: 35px } .padding-bottom-gt-sm-7 { padding-bottom: 35px } .padding-left-gt-sm-7 { padding-left: 35px } .padding-right-gt-sm-7 { padding-right: 35px } .padding-x-gt-sm-7 { padding-left: 35px; padding-right: 35px } .padding-y-gt-sm-7 { padding-top: 35px; padding-bottom: 35px } .padding-gt-sm-8 { padding: 40px } .padding-top-gt-sm-8 { padding-top: 40px } .padding-bottom-gt-sm-8 { padding-bottom: 40px } .padding-left-gt-sm-8 { padding-left: 40px } .padding-right-gt-sm-8 { padding-right: 40px } .padding-x-gt-sm-8 { padding-left: 40px; padding-right: 40px } .padding-y-gt-sm-8 { padding-top: 40px; padding-bottom: 40px } .padding-gt-sm-9 { padding: 45px } .padding-top-gt-sm-9 { padding-top: 45px } .padding-bottom-gt-sm-9 { padding-bottom: 45px } .padding-left-gt-sm-9 { padding-left: 45px } .padding-right-gt-sm-9 { padding-right: 45px } .padding-x-gt-sm-9 { padding-left: 45px; padding-right: 45px } .padding-y-gt-sm-9 { padding-top: 45px; padding-bottom: 45px } .padding-gt-sm-10 { padding: 50px } .padding-top-gt-sm-10 { padding-top: 50px } .padding-bottom-gt-sm-10 { padding-bottom: 50px } .padding-left-gt-sm-10 { padding-left: 50px } .padding-right-gt-sm-10 { padding-right: 50px } .padding-x-gt-sm-10 { padding-left: 50px; padding-right: 50px } .padding-y-gt-sm-10 { padding-top: 50px; padding-bottom: 50px } } @media (min-width: 1400px) { .padding-gt-md-0 { padding: 0 } .padding-top-gt-md-0 { padding-top: 0 } .padding-bottom-gt-md-0 { padding-bottom: 0 } .padding-left-gt-md-0 { padding-left: 0 } .padding-right-gt-md-0 { padding-right: 0 } .padding-x-gt-md-0 { padding-left: 0; padding-right: 0 } .padding-y-gt-md-0 { padding-top: 0; padding-bottom: 0 } .padding-gt-md-1 { padding: 5px } .padding-top-gt-md-1 { padding-top: 5px } .padding-bottom-gt-md-1 { padding-bottom: 5px } .padding-left-gt-md-1 { padding-left: 5px } .padding-right-gt-md-1 { padding-right: 5px } .padding-x-gt-md-1 { padding-left: 5px; padding-right: 5px } .padding-y-gt-md-1 { padding-top: 5px; padding-bottom: 5px } .padding-gt-md-2 { padding: 10px } .padding-top-gt-md-2 { padding-top: 10px } .padding-bottom-gt-md-2 { padding-bottom: 10px } .padding-left-gt-md-2 { padding-left: 10px } .padding-right-gt-md-2 { padding-right: 10px } .padding-x-gt-md-2 { padding-left: 10px; padding-right: 10px } .padding-y-gt-md-2 { padding-top: 10px; padding-bottom: 10px } .padding-gt-md-3 { padding: 15px } .padding-top-gt-md-3 { padding-top: 15px } .padding-bottom-gt-md-3 { padding-bottom: 15px } .padding-left-gt-md-3 { padding-left: 15px } .padding-right-gt-md-3 { padding-right: 15px } .padding-x-gt-md-3 { padding-left: 15px; padding-right: 15px } .padding-y-gt-md-3 { padding-top: 15px; padding-bottom: 15px } .padding-gt-md-4 { padding: 20px } .padding-top-gt-md-4 { padding-top: 20px } .padding-bottom-gt-md-4 { padding-bottom: 20px } .padding-left-gt-md-4 { padding-left: 20px } .padding-right-gt-md-4 { padding-right: 20px } .padding-x-gt-md-4 { padding-left: 20px; padding-right: 20px } .padding-y-gt-md-4 { padding-top: 20px; padding-bottom: 20px } .padding-gt-md-5 { padding: 25px } .padding-top-gt-md-5 { padding-top: 25px } .padding-bottom-gt-md-5 { padding-bottom: 25px } .padding-left-gt-md-5 { padding-left: 25px } .padding-right-gt-md-5 { padding-right: 25px } .padding-x-gt-md-5 { padding-left: 25px; padding-right: 25px } .padding-y-gt-md-5 { padding-top: 25px; padding-bottom: 25px } .padding-gt-md-6 { padding: 30px } .padding-top-gt-md-6 { padding-top: 30px } .padding-bottom-gt-md-6 { padding-bottom: 30px } .padding-left-gt-md-6 { padding-left: 30px } .padding-right-gt-md-6 { padding-right: 30px } .padding-x-gt-md-6 { padding-left: 30px; padding-right: 30px } .padding-y-gt-md-6 { padding-top: 30px; padding-bottom: 30px } .padding-gt-md-7 { padding: 35px } .padding-top-gt-md-7 { padding-top: 35px } .padding-bottom-gt-md-7 { padding-bottom: 35px } .padding-left-gt-md-7 { padding-left: 35px } .padding-right-gt-md-7 { padding-right: 35px } .padding-x-gt-md-7 { padding-left: 35px; padding-right: 35px } .padding-y-gt-md-7 { padding-top: 35px; padding-bottom: 35px } .padding-gt-md-8 { padding: 40px } .padding-top-gt-md-8 { padding-top: 40px } .padding-bottom-gt-md-8 { padding-bottom: 40px } .padding-left-gt-md-8 { padding-left: 40px } .padding-right-gt-md-8 { padding-right: 40px } .padding-x-gt-md-8 { padding-left: 40px; padding-right: 40px } .padding-y-gt-md-8 { padding-top: 40px; padding-bottom: 40px } .padding-gt-md-9 { padding: 45px } .padding-top-gt-md-9 { padding-top: 45px } .padding-bottom-gt-md-9 { padding-bottom: 45px } .padding-left-gt-md-9 { padding-left: 45px } .padding-right-gt-md-9 { padding-right: 45px } .padding-x-gt-md-9 { padding-left: 45px; padding-right: 45px } .padding-y-gt-md-9 { padding-top: 45px; padding-bottom: 45px } .padding-gt-md-10 { padding: 50px } .padding-top-gt-md-10 { padding-top: 50px } .padding-bottom-gt-md-10 { padding-bottom: 50px } .padding-left-gt-md-10 { padding-left: 50px } .padding-right-gt-md-10 { padding-right: 50px } .padding-x-gt-md-10 { padding-left: 50px; padding-right: 50px } .padding-y-gt-md-10 { padding-top: 50px; padding-bottom: 50px } } @media (min-width: 1600px) { .padding-gt-lg-0 { padding: 0 } .padding-top-gt-lg-0 { padding-top: 0 } .padding-bottom-gt-lg-0 { padding-bottom: 0 } .padding-left-gt-lg-0 { padding-left: 0 } .padding-right-gt-lg-0 { padding-right: 0 } .padding-x-gt-lg-0 { padding-left: 0; padding-right: 0 } .padding-y-gt-lg-0 { padding-top: 0; padding-bottom: 0 } .padding-gt-lg-1 { padding: 5px } .padding-top-gt-lg-1 { padding-top: 5px } .padding-bottom-gt-lg-1 { padding-bottom: 5px } .padding-left-gt-lg-1 { padding-left: 5px } .padding-right-gt-lg-1 { padding-right: 5px } .padding-x-gt-lg-1 { padding-left: 5px; padding-right: 5px } .padding-y-gt-lg-1 { padding-top: 5px; padding-bottom: 5px } .padding-gt-lg-2 { padding: 10px } .padding-top-gt-lg-2 { padding-top: 10px } .padding-bottom-gt-lg-2 { padding-bottom: 10px } .padding-left-gt-lg-2 { padding-left: 10px } .padding-right-gt-lg-2 { padding-right: 10px } .padding-x-gt-lg-2 { padding-left: 10px; padding-right: 10px } .padding-y-gt-lg-2 { padding-top: 10px; padding-bottom: 10px } .padding-gt-lg-3 { padding: 15px } .padding-top-gt-lg-3 { padding-top: 15px } .padding-bottom-gt-lg-3 { padding-bottom: 15px } .padding-left-gt-lg-3 { padding-left: 15px } .padding-right-gt-lg-3 { padding-right: 15px } .padding-x-gt-lg-3 { padding-left: 15px; padding-right: 15px } .padding-y-gt-lg-3 { padding-top: 15px; padding-bottom: 15px } .padding-gt-lg-4 { padding: 20px } .padding-top-gt-lg-4 { padding-top: 20px } .padding-bottom-gt-lg-4 { padding-bottom: 20px } .padding-left-gt-lg-4 { padding-left: 20px } .padding-right-gt-lg-4 { padding-right: 20px } .padding-x-gt-lg-4 { padding-left: 20px; padding-right: 20px } .padding-y-gt-lg-4 { padding-top: 20px; padding-bottom: 20px } .padding-gt-lg-5 { padding: 25px } .padding-top-gt-lg-5 { padding-top: 25px } .padding-bottom-gt-lg-5 { padding-bottom: 25px } .padding-left-gt-lg-5 { padding-left: 25px } .padding-right-gt-lg-5 { padding-right: 25px } .padding-x-gt-lg-5 { padding-left: 25px; padding-right: 25px } .padding-y-gt-lg-5 { padding-top: 25px; padding-bottom: 25px } .padding-gt-lg-6 { padding: 30px } .padding-top-gt-lg-6 { padding-top: 30px } .padding-bottom-gt-lg-6 { padding-bottom: 30px } .padding-left-gt-lg-6 { padding-left: 30px } .padding-right-gt-lg-6 { padding-right: 30px } .padding-x-gt-lg-6 { padding-left: 30px; padding-right: 30px } .padding-y-gt-lg-6 { padding-top: 30px; padding-bottom: 30px } .padding-gt-lg-7 { padding: 35px } .padding-top-gt-lg-7 { padding-top: 35px } .padding-bottom-gt-lg-7 { padding-bottom: 35px } .padding-left-gt-lg-7 { padding-left: 35px } .padding-right-gt-lg-7 { padding-right: 35px } .padding-x-gt-lg-7 { padding-left: 35px; padding-right: 35px } .padding-y-gt-lg-7 { padding-top: 35px; padding-bottom: 35px } .padding-gt-lg-8 { padding: 40px } .padding-top-gt-lg-8 { padding-top: 40px } .padding-bottom-gt-lg-8 { padding-bottom: 40px } .padding-left-gt-lg-8 { padding-left: 40px } .padding-right-gt-lg-8 { padding-right: 40px } .padding-x-gt-lg-8 { padding-left: 40px; padding-right: 40px } .padding-y-gt-lg-8 { padding-top: 40px; padding-bottom: 40px } .padding-gt-lg-9 { padding: 45px } .padding-top-gt-lg-9 { padding-top: 45px } .padding-bottom-gt-lg-9 { padding-bottom: 45px } .padding-left-gt-lg-9 { padding-left: 45px } .padding-right-gt-lg-9 { padding-right: 45px } .padding-x-gt-lg-9 { padding-left: 45px; padding-right: 45px } .padding-y-gt-lg-9 { padding-top: 45px; padding-bottom: 45px } .padding-gt-lg-10 { padding: 50px } .padding-top-gt-lg-10 { padding-top: 50px } .padding-bottom-gt-lg-10 { padding-bottom: 50px } .padding-left-gt-lg-10 { padding-left: 50px } .padding-right-gt-lg-10 { padding-right: 50px } .padding-x-gt-lg-10 { padding-left: 50px; padding-right: 50px } .padding-y-gt-lg-10 { padding-top: 50px; padding-bottom: 50px } } @media (min-width: 1920px) { .padding-gt-xl-0 { padding: 0 } .padding-top-gt-xl-0 { padding-top: 0 } .padding-bottom-gt-xl-0 { padding-bottom: 0 } .padding-left-gt-xl-0 { padding-left: 0 } .padding-right-gt-xl-0 { padding-right: 0 } .padding-x-gt-xl-0 { padding-left: 0; padding-right: 0 } .padding-y-gt-xl-0 { padding-top: 0; padding-bottom: 0 } .padding-gt-xl-1 { padding: 5px } .padding-top-gt-xl-1 { padding-top: 5px } .padding-bottom-gt-xl-1 { padding-bottom: 5px } .padding-left-gt-xl-1 { padding-left: 5px } .padding-right-gt-xl-1 { padding-right: 5px } .padding-x-gt-xl-1 { padding-left: 5px; padding-right: 5px } .padding-y-gt-xl-1 { padding-top: 5px; padding-bottom: 5px } .padding-gt-xl-2 { padding: 10px } .padding-top-gt-xl-2 { padding-top: 10px } .padding-bottom-gt-xl-2 { padding-bottom: 10px } .padding-left-gt-xl-2 { padding-left: 10px } .padding-right-gt-xl-2 { padding-right: 10px } .padding-x-gt-xl-2 { padding-left: 10px; padding-right: 10px } .padding-y-gt-xl-2 { padding-top: 10px; padding-bottom: 10px } .padding-gt-xl-3 { padding: 15px } .padding-top-gt-xl-3 { padding-top: 15px } .padding-bottom-gt-xl-3 { padding-bottom: 15px } .padding-left-gt-xl-3 { padding-left: 15px } .padding-right-gt-xl-3 { padding-right: 15px } .padding-x-gt-xl-3 { padding-left: 15px; padding-right: 15px } .padding-y-gt-xl-3 { padding-top: 15px; padding-bottom: 15px } .padding-gt-xl-4 { padding: 20px } .padding-top-gt-xl-4 { padding-top: 20px } .padding-bottom-gt-xl-4 { padding-bottom: 20px } .padding-left-gt-xl-4 { padding-left: 20px } .padding-right-gt-xl-4 { padding-right: 20px } .padding-x-gt-xl-4 { padding-left: 20px; padding-right: 20px } .padding-y-gt-xl-4 { padding-top: 20px; padding-bottom: 20px } .padding-gt-xl-5 { padding: 25px } .padding-top-gt-xl-5 { padding-top: 25px } .padding-bottom-gt-xl-5 { padding-bottom: 25px } .padding-left-gt-xl-5 { padding-left: 25px } .padding-right-gt-xl-5 { padding-right: 25px } .padding-x-gt-xl-5 { padding-left: 25px; padding-right: 25px } .padding-y-gt-xl-5 { padding-top: 25px; padding-bottom: 25px } .padding-gt-xl-6 { padding: 30px } .padding-top-gt-xl-6 { padding-top: 30px } .padding-bottom-gt-xl-6 { padding-bottom: 30px } .padding-left-gt-xl-6 { padding-left: 30px } .padding-right-gt-xl-6 { padding-right: 30px } .padding-x-gt-xl-6 { padding-left: 30px; padding-right: 30px } .padding-y-gt-xl-6 { padding-top: 30px; padding-bottom: 30px } .padding-gt-xl-7 { padding: 35px } .padding-top-gt-xl-7 { padding-top: 35px } .padding-bottom-gt-xl-7 { padding-bottom: 35px } .padding-left-gt-xl-7 { padding-left: 35px } .padding-right-gt-xl-7 { padding-right: 35px } .padding-x-gt-xl-7 { padding-left: 35px; padding-right: 35px } .padding-y-gt-xl-7 { padding-top: 35px; padding-bottom: 35px } .padding-gt-xl-8 { padding: 40px } .padding-top-gt-xl-8 { padding-top: 40px } .padding-bottom-gt-xl-8 { padding-bottom: 40px } .padding-left-gt-xl-8 { padding-left: 40px } .padding-right-gt-xl-8 { padding-right: 40px } .padding-x-gt-xl-8 { padding-left: 40px; padding-right: 40px } .padding-y-gt-xl-8 { padding-top: 40px; padding-bottom: 40px } .padding-gt-xl-9 { padding: 45px } .padding-top-gt-xl-9 { padding-top: 45px } .padding-bottom-gt-xl-9 { padding-bottom: 45px } .padding-left-gt-xl-9 { padding-left: 45px } .padding-right-gt-xl-9 { padding-right: 45px } .padding-x-gt-xl-9 { padding-left: 45px; padding-right: 45px } .padding-y-gt-xl-9 { padding-top: 45px; padding-bottom: 45px } .padding-gt-xl-10 { padding: 50px } .padding-top-gt-xl-10 { padding-top: 50px } .padding-bottom-gt-xl-10 { padding-bottom: 50px } .padding-left-gt-xl-10 { padding-left: 50px } .padding-right-gt-xl-10 { padding-right: 50px } .padding-x-gt-xl-10 { padding-left: 50px; padding-right: 50px } .padding-y-gt-xl-10 { padding-top: 50px; padding-bottom: 50px } } .layout-hidden { display: none } @media (max-width: 767px) { .layout-hidden-xs { display: none } } @media (min-width: 768px) and (max-width: 1023px) { .layout-hidden-sm { display: none } } @media (min-width: 1024px) and (max-width: 1399px) { .layout-hidden-md { display: none } } @media (min-width: 1400px) and (max-width: 1599px) { .layout-hidden-lg { display: none } } @media (min-width: 768px) { .layout-hidden-gt-xs { display: none } } @media (min-width: 1024px) { .layout-hidden-gt-sm { display: none } } @media (min-width: 1400px) { .layout-hidden-gt-md { display: none } } @media (min-width: 1600px) { .layout-hidden-gt-lg { display: none } } @media (min-width: 1920px) { .layout-hidden-gt-xl { display: none } } .datepicker { display: none; position: absolute; padding: 4px; margin-top: 1px; border-radius: 4px; background-color: #fff; z-index: 100000 } .datepicker.active { display: block } .datepicker.inline { position: relative } .datepicker.inline:before { display: none } .datepicker.inline:after { display: none } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, .2); position: absolute; top: -7px; right: 6px } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; right: 7px } .datepicker > div { display: none } .datepicker table { width: 100%; margin: 0 } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px } .datepicker td.day:hover { background: #f4f4f4; cursor: pointer } .datepicker td.day.disabled { color: #f4f4f4 } .datepicker td.old, .datepicker td.new { color: #cacaca } .datepicker td.active, .datepicker td.active:hover { color: #fff; background-color: #006dcc; background-image: -moz-linear-gradient(top, #08c, #04c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image: -webkit-linear-gradient(top, #08c, #04c); background-image: -o-linear-gradient(top, #08c, #04c); background-image: linear-gradient(to bottom, #08c, #04c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); *background-color: #04c; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; border-radius: 4px } .datepicker td span:hover { background: #f4f4f4 } .datepicker td span.active { background-color: #006dcc; background-image: -moz-linear-gradient(top, #08c, #04c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image: -webkit-linear-gradient(top, #08c, #04c); background-image: -o-linear-gradient(top, #08c, #04c); background-image: linear-gradient(to bottom, #08c, #04c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); *background-color: #04c; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .datepicker td span.old { color: #cacaca } .datepicker th.switch { width: 145px } .datepicker th.next, .datepicker th.prev { font-size: 21px } .datepicker th.next.disabled, .datepicker th.prev.disabled { color: #e1e1e1 } .datepicker th.next.disabled:hover, .datepicker th.prev.disabled:hover { background: none } .datepicker thead tr:first-child th { cursor: pointer } .datepicker thead tr:first-child th:hover { background: #f4f4f4 } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px } .globalWrapper { position: relative; overflow-x: hidden; min-height: 100%; margin: 0; padding: 0; background-color: #fff } @media only screen and (min-width: 1920px) { .globalWrapper { max-width: 1920px; margin: 0 auto } } .globalWrapper.full-width { max-width: 100% } .contentWrapper { padding-bottom: 30em } .contentWrapper.showMoreCities, .contentWrapper.showMoreNeighborhoods { padding-bottom: 10em !important } input[type=checkbox] { position: absolute; top: -9999px; left: -9999px; display: none } .iconEmptyCheckbox { position: relative; top: 6px; font-size: 20px; font-size: 1.25rem; margin-right: 10px; float: left } input[type=checkbox]:checked + label i.iconEmptyCheckbox:before { content: "î€’"; margin-right: -2.5px } .primaryCheckbox, .primaryRadio { opacity: 0; filter: alpha(opacity=0); position: relative; left: 1em; z-index: 5; top: 1px } .primaryCheckbox + label, .primaryRadio + label { position: relative } .primaryCheckbox + label:before, .primaryRadio + label:before { content: ''; display: inline-block; visibility: visible; left: 0; width: 14px; height: 14px; margin-right: .5em; text-align: center; border: 1px solid #e1e1e1; position: relative; top: 1px; background-color: #fff } .primaryCheckbox:checked + label:after, .primaryRadio:checked + label:after { content: ''; background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -72px -252px; display: inline-block; width: 18px; height: 16px; position: absolute; left: 1px; top: 1px } .primaryCheckbox:focus + label:before { outline: #5e9ed6 auto 5px } .primaryCheckbox:checked:focus + label:before { outline: #5e9ed6 auto 5px } .primaryCheckbox:disabled + label:before { border: 1px solid #cacaca; background-color: #f4f4f4 } .primaryRadio + label:before { border-radius: 50% } .primaryRadio:checked + label:after { width: 6px; height: 6px; left: 4px; top: 8px; background: #e66500; border: 1px solid #e66500; border-radius: 50% } .high-contrast .primaryRadio:checked + label:after { background: #c15401 } .high-contrast .primaryRadio:checked + label:after { border-color: #c15401 } .primaryRadio:focus + label:before { outline: none; box-shadow: 0 0 2px 1px #5e9ed6 } .primaryRadio:checked:focus + label:before { outline: none; box-shadow: 0 0 2px 1px #5e9ed6 } .primaryRadio:disabled + label:before { border: 1px solid #cacaca; background-color: #f4f4f4 } .primaryRadio:disabled + label:after { border: 1px solid #cacaca; background-color: #f4f4f4; background: #cacaca } .searchIcon { color: #cacaca } .searchIcon:hover { color: #cacaca } .smallGreyPrevIcon { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -108px 0; display: inline-block; width: 14px; height: 16px } .smallGreyNextIcon { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -144px 0; display: inline-block; width: 14px; height: 16px } .favoriteWidget.liked { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: 0 -180px; display: inline-block; width: 21px; height: 18px } .favoriteWidget.neutral { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -216px -144px; display: inline-block; width: 21px; height: 18px } .favoriteWidget.disliked { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -396px -108px; display: inline-block; width: 22px; height: 24px } .mapCaretIcon { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -252px -180px; display: inline-block; width: 8px; height: 6px } .spinner { background-image: url("/a/c0d6c7/content/images/afspinnerlargeorange.gif"); width: 45px; height: 45px; display: none } .oneStarRatingIcon { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: 0 -216px; display: inline-block; width: 15px; height: 22px } .twoStarRatingIcon { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -36px -216px; display: inline-block; width: 30px; height: 22px } .threeStarRatingIcon { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -72px -216px; display: inline-block; width: 45px; height: 22px } .fourStarRatingIcon { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -144px -216px; display: inline-block; width: 60px; height: 22px } .fiveStarRatingIcon { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -216px -216px; display: inline-block; width: 75px; height: 22px } .leedIcon { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: 0 -252px; display: inline-block; width: 25px; height: 25px } .energyStarIcon { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -36px -252px; display: inline-block; width: 22px; height: 24px } .greenCheckmarkIcon { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -72px -252px; display: inline-block; width: 18px; height: 16px } .greenCheckmarkIconLrg { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -144px -288px; display: inline-block; width: 33px; height: 29px } .videoPlayIcon { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -324px -216px; display: inline-block; width: 60px; height: 67px } .videoPlayIconSm { background: url("/a/c43dc2/content/images/icons.png") no-repeat; background-position: -72px -288px; display: inline-block; width: 48px; height: 48px } .videoPlayIconLarge { background: transparent url("/a/8b2ce6/content/images/videoplayiconlarge.png") no-repeat 0 0; width: 369px; height: 370px } /*@font-face {*/ /*font-family: 'apartmentIcons';*/ /*src: url("/a/8d7667/content/fonts/apartmenticons.woff") format('woff'), url("/a/37ef8c/content/fonts/apartmenticons.svg#apartmentIcons") format('svg');*/ /*font-weight: normal;*/ /*font-style: normal;*/ /*font-display: swap*/ /*}*/ [class$="Icon"], [class*="Icon "] { font-family: 'apartmentIcons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .hookupReadyIcon:before { content: "î™›" } .laundryFacilitesIcon:before { content: "î™š" } .virtualTourIcon:before { content: "î™�" } .playIcon:before { content: "î™�" } .ehoIcon:before { content: "î™Ž" } .questionMarkCircleIcon:before { content: "î™‚" } .clockIcon:before { content: "î™�" } .schoolsIcon:before { content: "î˜¿" } .busIcon:before { content: "î˜·" } .planeIcon:before { content: "î˜½" } .trainIcon:before { content: "î˜¾" } ._\33 60 Icon:before { content: "î˜€" } .bankIcon:before { content: "î˜�" } .barsIcon:before { content: "î˜‚" } .airConditionerIcon:before { content: "î˜ƒ" } .coffeeIcon:before { content: "î˜„" } .propertyIcon:before { content: "î˜…" } .restaurantIcon:before { content: "î˜†" } .pdfBrochureIcon:before { content: "î˜‡" } .servicesIcon:before { content: "î˜ˆ" } .featuresIcon:before { content: "î˜‰" } .utilitiesIcon:before { content: "î˜Š" } .shopsIcon:before { content: "î˜‹" } .groceriesIcon:before { content: "î˜Œ" } .kitchenIcon:before { content: "î˜�" } .leaseIcon:before { content: "î˜Ž" } .leisureIcon:before { content: "î˜�" } .catIcon:before { content: "î˜�" } .menuArrowRightIcon:before { content: "î˜‘" } .menuArrowLeftIcon:before { content: "î˜’" } .parkingIcon:before { content: "î˜“" } .parksIcon:before { content: "î˜”" } .dishWasherIcon:before { content: "î˜•" } .mobileMenuIconIcon:before { content: "î˜–" } .phoneIcon:before { content: "î˜—" } .wheelchairIcon:before { content: "î˜˜" } .emailIcon:before { content: "î˜™" } .highSpeedInternetIcon:before { content: "î˜š" } .listIcon:before { content: "î˜›" } .logoutIcon:before { content: "î˜œ" } .duplicateIcon:before { content: "î˜�" } .editIcon:before { content: "î˜ž" } .hideIcon:before { content: "î˜Ÿ" } .cameraIcon:before { content: "î˜ " } .viewIcon:before { content: "î˜¡" } .sofaIcon:before { content: "î˜¢" } .profileCarouselArrowDownIcon:before { content: "î˜£" } .aptsLogoMarkIcon:before { content: "î˜¤" } .aptsLogoTypeIcon:before { content: "î˜¥" } .commuteIcon:before { content: "î˜¦" } .paperclipIcon:before { content: "î˜§" } .aerialViewIcon:before { content: "î˜¨" } .mobileDrawIcon:before { content: "î˜©" } .interiorIcon:before { content: "î˜ª" } .gridIcon:before { content: "î˜«" } .singleViewIcon:before { content: "î˜¬" } .attachedDocIcon:before { content: "î˜" } .deleteIcon:before { content: "î €" } .infoIcon:before { content: "î �" } .favoriteFilledIcon:before { content: "î ‚" } .hamburgerIcon:before { content: "î ƒ" } .poolIcon:before { content: "î „" } .ratingEmptyIcon:before { content: "î …" } .fitnessIcon:before { content: "î †" } .favoriteEmptyIcon:before { content: "î ‡" } .favoriteDislikedIcon:before { content: "î ˆ" } .checkmarkIcon:before { content: "î ‰" } .youtubeIcon:before { content: "î Š" } .carIcon:before { content: "î ‹" } .twitterIcon:before { content: "î Œ" } .nosmokingIcon:before { content: "î �" } .leftArrowIcon:before { content: "î Ž" } .imageCarouselArrowLeftIcon:before { content: "î �" } .menuArrowDownIcon:before { content: "î �" } .shareIcon:before { content: "î ‘" } .googleIcon:before { content: "î ’" } .linkedinIcon:before { content: "î “" } .myPlacesIcon:before { content: "î ”" } .calendarIcon:before { content: "î •" } .petIcon:before { content: "î –" } .facebookIcon:before { content: "î —" } .filterIcon:before { content: "î ˜" } .savedSearchesIcon:before { content: "î ™" } .facebookLogoIcon:before { content: "î š" } .basicMapPinIcon:before { content: "î ›" } .printerIcon:before { content: "î œ" } .menuArrowUpIcon:before { content: "î �" } .flagIcon:before { content: "î ž" } .homepageCarouselArrowLeftIcon:before { content: "î Ÿ" } .mapZoomOutIcon:before { content: "î " } .laundryIcon:before { content: "î ¡" } .mapZoomInIcon:before { content: "î ¢" } .ratingFilledIcon:before { content: "î £" } .rightarrowIcon:before { content: "î ¤" } .profileCarouselArrowRightIcon:before { content: "î ¥" } .imageCarouselArrowRightIcon:before { content: "î ¦" } .searchIcon:before { content: "î §" } .pinterestIcon:before { content: "î ¨" } .googleLogoIcon:before { content: "î ©" } .closeIcon:before { content: "î ª" } .mapIcon:before { content: "î «" } .mapSatToggleIcon:before { content: "î ¬" } .homepageCarouselArrowRightIcon:before { content: "î " } .drawIcon:before { content: "î ®" } .userIcon:before { content: "î ¯" } .locationIcon:before { content: "î °" } .rentSpecialsIcon:before { content: "î ±" } .buildingIcon:before { content: "î ²" } .sortIcon:before { content: "î ³" } .downCaretIcon:before { content: "î ´" } .profileCarouselArrowLeftIcon:before { content: "î µ" } .menuDotsIcon:before { content: "î˜®" } .postCommentIcon:before { content: "î˜¯" } .viewLessIcon:before { content: "î˜°" } .viewMoreIcon:before { content: "î˜±" } .adAnalyticsIcon:before { content: "î˜²" } .myMediaIcon:before { content: "î˜³" } .singleBuildingIcon:before { content: "î˜´" } .favoriteDislikedEmptyIcon:before { content: "î˜µ" } .elevatorIcon:before { content: "î˜¸" } .upDownArrowsIcon:before { content: "î˜¹" } .starOutlineIcon:before { content: "î˜º" } .starFullIcon:before { content: "î˜»" } .furnishedIcon:before { content: "î˜¼" } .directionsIcon:before { content: "î˜¶" } .reviewBoardIcon:before { content: "î™€" } .commuteBusIcon:before { content: "î™ƒ" } .hdVideoIcon:before { content: "î™„" } .listingRentalsIcon:before { content: "î™…" } .neighborhoodTreesIcon:before { content: "î™†" } .circlePolygonIcon:before { content: "î™‡" } .ratingsGroupIcon:before { content: "î™ˆ" } .smarterSearchIcon:before { content: "î™‰" } .circleCheckmarkIcon:before { content: "î™Š" } .HiResImagesIcon:before { content: "î™‹" } .pencilRenameIcon:before { content: "î™Œ" } .trashCanIcon:before { content: "î™�" } .flagOutlineIcon:before { content: "î™‘" } .postCommentFilledIcon:before { content: "î™’" } .nearbySchoolsIcon:before { content: "î™“" } .attendanceZoneIcon:before { content: "î™”" } .schoolInfoIcon:before { content: "î™•" } .propertyIdentifiedIcon:before { content: "î™–" } .adFreshnessIcon:before { content: "î™—" } .alertDashboardIcon:before { content: "î™˜" } .addSchoolsIcon:before { content: "î™™" } .apartmentIcon:before { content: "î™œ" } .descriptionIcon:before { content: "î™�" } .houseIcon:before { content: "î™ž" } .location2Icon:before { content: "î™Ÿ" } .Schools_IconIcon:before { content: "î™ " } .reviewIcon:before { content: "î™¡" } .settings2Icon:before { content: "î™¢" } .greenQuoteOpenIcon:before { content: "î™£" } .greenQuoteClosedIcon:before { content: "î™¤" } .errorIcon:before { content: "î™¥" } .largeQuoteIcon:before { content: "î™¦" } .circleNumberOneIcon:before { content: "î™§" } .circleNumberTwoIcon:before { content: "î™¨" } .circleNumberThreeIcon:before { content: "î™©" } .circleNumberFourIcon:before { content: "î™ª" } .circleNumberFiveIcon:before { content: "î™«" } .circleEmailIcon:before { content: "î™¬" } .reviewsDeleteIcon:before { content: "î™" } .poiAirportIcon:before { content: "î™®" } .freeIcon:before { content: "î¤€" } .selectDropdown { outline: none; color: #7f7e7e } .selectDropdown button { padding-top: .5em; padding-bottom: .4em; border-radius: 0; border: 1px solid #b1b1b1; margin-top: -13px; margin-left: .5em } .selectDropdown .dropdownMenu.open { border-radius: 0; margin: 0; padding: 0 } .selectDropdown .dropdownMenu.open li { border-bottom: 1px solid #b1b1b1 } .selectDropdown .dropdownMenu.open li.selected a { font-weight: bold; background-color: #fff; color: #000 } .selectDropdown .dropdownMenu.open li.selected a:focus { outline: none; background-color: #e66500; color: #fff } .high-contrast .selectDropdown .dropdownMenu.open li.selected a:focus { background-color: #c15401 } .selectDropdown .dropdownMenu.open li.selected a.hover { background-color: #e66500; color: #fff } .high-contrast .selectDropdown .dropdownMenu.open li.selected a.hover { background-color: #c15401 } .selectDropdown .dropdownMenu.open a { color: #000; display: inline-block; padding: .5em .5em; width: 100% } .selectDropdown .dropdownMenu.open a.hover { background-color: #e66500; color: #fff } .high-contrast .selectDropdown .dropdownMenu.open a.hover { background-color: #c15401 } .selectDropdown .dropdownMenu.open a:active { background-color: #c25500 } .selectDropdown .dropdownMenu.open a:focus { display: inline-block; padding: .5em .5em; width: 100%; background-color: #e66500; color: #fff; outline: none } .high-contrast .selectDropdown .dropdownMenu.open a:focus { background-color: #c15401 } .selectDropdown .dropdownMenu.open a:focus:active { background-color: #c25500 } @media only screen and (min-device-width: 768px) and (max-device-width: 1023px) { input[type="text"], input[type="email"], input[type="password"] { -webkit-appearance: none; border-radius: 0 } } @media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 2) { input[type="text"], input[type="email"], input[type="password"] { -webkit-appearance: none; border-radius: 0 } } .updateToaster { position: absolute; width: 100%; top: 0; background-color: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; color: #fff; text-align: center; z-index: 1060; padding: 0 0 1.5em } /*@font-face {*/ /*font-family: 'Montserrat';*/ /*font-style: normal;*/ /*font-weight: 300;*/ /*font-display: swap;*/ /*src: local('Montserrat Light'), local('Montserrat-Light'), url("/a/f3310c/content/fonts/montserrat-300.woff2") format('woff2'), url("/a/210daa/content/fonts/montserrat-300.woff") format('woff')*/ /*}*/ /*@font-face {*/ /*font-family: 'Montserrat';*/ /*font-style: normal;*/ /*font-weight: 400;*/ /*font-display: swap;*/ /*src: local('Montserrat Regular'), local('Montserrat-Regular'), url("/a/0f97c0/content/fonts/montserrat-regular.woff2") format('woff2'), url("/a/d5c95e/content/fonts/montserrat-regular.woff") format('woff')*/ /*}*/ /*@font-face {*/ /*font-family: 'Montserrat';*/ /*font-style: normal;*/ /*font-weight: 500;*/ /*font-display: swap;*/ /*src: local('Montserrat Medium'), local('Montserrat-Medium'), url("/a/fcc637/content/fonts/montserrat-500.woff2") format('woff2'), url("/a/325087/content/fonts/montserrat-500.woff") format('woff')*/ /*}*/ /*@font-face {*/ /*font-family: 'Montserrat';*/ /*font-style: normal;*/ /*font-weight: 600;*/ /*font-display: swap;*/ /*src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url("/a/6468b0/content/fonts/montserrat-600.woff2") format('woff2'), url("/a/8e503e/content/fonts/montserrat-600.woff") format('woff')*/ /*}*/ /*@font-face {*/ /*font-family: 'Montserrat';*/ /*font-style: normal;*/ /*font-weight: 700;*/ /*font-display: swap;*/ /*src: local('Montserrat Bold'), local('Montserrat-Bold'), url("/a/9afe09/content/fonts/montserrat-700.woff2") format('woff2'), url("/a/d33695/content/fonts/montserrat-700.woff") format('woff')*/ /*}*/ /*@font-face {*/ /*font-family: 'Montserrat';*/ /*font-style: normal;*/ /*font-weight: 900;*/ /*font-display: swap;*/ /*src: local('Montserrat Black'), local('Montserrat-Black'), url("/a/fe5013/content/fonts/montserrat-900.woff2") format('woff2'), url("/a/c3b7ba/content/fonts/montserrat-900.woff") format('woff')*/ /*}*/ /*@font-face {*/ /*font-family: 'Montserrat';*/ /*font-style: normal;*/ /*font-weight: 800;*/ /*font-display: swap;*/ /*src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url("/a/b2c1f4/content/fonts/montserrat-800.woff2") format('woff2'), url("/a/2f770c/content/fonts/montserrat-800.woff") format('woff')*/ /*}*/ /*@font-face {*/ /*font-family: "AFFont";*/ /*font-display: swap;*/ /*src: url("/a/02192c/content/icons/dist/affont.woff") format('woff'), url("/a/cb528f/content/icons/dist/affont.woff2") format('woff2')*/ /*}*/ [class^="icon"], [class*=" icon"] { font-family: "AFFont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .iconAF:before { content: "î€�" } .iconAirconditioning:before { content: "î€‚" } .iconAirconditioning2:before { content: "î€ƒ" } .iconAirport:before { content: "î€„" } .iconAmbulance:before { content: "î€…" } .iconApple:before { content: "î€†" } .iconBalcony:before { content: "î€‡" } .iconBank:before { content: "î€ˆ" } .iconBestValue:before { content: "î€‰" } .iconBird:before { content: "î€Š" } .iconBlogCircle:before { content: "î€‹" } .iconBullet:before { content: "î€Œ" } .iconBusStop:before { content: "î€�" } .iconCalendar:before { content: "î€Ž" } .iconCancellation:before { content: "î€�" } .iconCats:before { content: "î€�" } .iconCats2:before { content: "î€‘" } .iconCheckbox:before { content: "î€’" } .iconCheckmark:before { content: "î€“" } .iconChevronDown:before { content: "î€”" } .iconChevronLeft:before { content: "î€•" } .iconChevronRight:before { content: "î€–" } .iconChevronUp:before { content: "î€—" } .iconClock:before { content: "î€˜" } .iconClose:before { content: "î€™" } .iconClose2:before { content: "î€š" } .iconCoffee:before { content: "î€›" } .iconCoffee2:before { content: "î€œ" } .iconCommunityFeatures:before { content: "î€�" } .iconCommunityFeatures2:before { content: "î€ž" } .iconCompare:before { content: "î€Ÿ" } .iconCopyright:before { content: "î€ " } .iconCross:before { content: "î€¡" } .iconCutlery:before { content: "î€¢" } .iconCutlery2:before { content: "î€£" } .iconDishwasher:before { content: "î€¤" } .iconDog:before { content: "î€¥" } .iconDog2:before { content: "î€¦" } .iconDraw:before { content: "î€§" } .iconDrawing:before { content: "î€¨" } .iconDropdown:before { content: "î€©" } .iconDropdownActive:before { content: "î€ª" } .iconElevator:before { content: "î€«" } .iconEmail:before { content: "î€¬" } .iconEmptyCheckbox:before { content: "î€" } .iconEnvelopeOutline:before { content: "î€®" } .iconEnvelopeOutline2:before { content: "î€¯" } .iconEqualHousing:before { content: "î€°" } .iconEqualHousing2:before { content: "î€±" } .iconErase:before { content: "î€²" } .iconError:before { content: "î€³" } .iconFacebook:before { content: "î€´" } .iconFacebookCircle:before { content: "î€µ" } .iconFacebookLogo:before { content: "î€¶" } .iconFavorite:before { content: "î€·" } .iconFavoriteOutline:before { content: "î€¸" } .iconFireplace:before { content: "î€¹" } .iconFish:before { content: "î€º" } .iconFlag:before { content: "î€»" } .iconFloorplan:before { content: "î€¼" } .iconFloorplan2:before { content: "î€½" } .iconFloorplan3:before { content: "î€¾" } .iconGated:before { content: "î€¿" } .iconGoogleCircle:before { content: "î�€" } .iconGooglePlay:before { content: "î��" } .iconGooglePlus:before { content: "î�‚" } .iconGrocery:before { content: "î�ƒ" } .iconGym:before { content: "î�„" } .iconHeadPhones:before { content: "î�…" } .iconHeart:before { content: "î�†" } .iconHeartOutline:before { content: "î�‡" } .iconInfo:before { content: "î�ˆ" } .iconInfo2:before { content: "î�‰" } .iconInfoCircle:before { content: "î�Š" } .iconInstagramCircle:before { content: "î�‹" } .iconInternet:before { content: "î�Œ" } .iconLink:before { content: "î��" } .iconlinkedinCircle:before { content: "î�Ž" } .iconList:before { content: "î��" } .iconLocation:before { content: "î��" } .iconMap:before { content: "î�‘" } .iconMapMarker:before { content: "î�’" } .iconMappin:before { content: "î�“" } .iconMenu:before { content: "î�”" } .iconMilitary:before { content: "î�•" } .iconMinus:before { content: "î�–" } .iconNoSmoking:before { content: "î�—" } .iconNotVerifiedBadge:before { content: "î�˜" } .iconParking:before { content: "î�™" } .iconParking2:before { content: "î�š" } .iconParkingSign:before { content: "î�›" } .iconParksRecreation:before { content: "î�œ" } .iconPaw:before { content: "î��" } .iconPhone:before { content: "î�ž" } .iconPhone2:before { content: "î�Ÿ" } .iconPinterestCircle:before { content: "î� " } .iconPinterestLogo:before { content: "î�¡" } .iconPlay:before { content: "î�¢" } .iconPlus:before { content: "î�£" } .iconPool:before { content: "î�¤" } .iconRadioChecked:before { content: "î�¥" } .iconRadioUnchecked:before { content: "î�¦" } .iconRecurringExpense:before { content: "î�§" } .iconReptile:before { content: "î�¨" } .iconRightArrow:before { content: "î�©" } .iconSchools:before { content: "î�ª" } .iconSchools2:before { content: "î�«" } .iconSearch:before { content: "î�¬" } .iconShopping:before { content: "î�" } .iconShopping2:before { content: "î�®" } .iconSingleExpense:before { content: "î�¯" } .iconSortby:before { content: "î�°" } .iconSpecialsTag:before { content: "î�±" } .iconSpinner:before { content: "î�²" } .iconStar:before { content: "î�³" } .iconStarEmpty:before { content: "î�´" } .iconStarFilled:before { content: "î�µ" } .iconStarHalf:before { content: "î�¶" } .iconStarOutline:before { content: "î�·" } .iconThreeD:before { content: "î�¸" } .iconTopDeals:before { content: "î�¹" } .iconTrain:before { content: "î�º" } .iconTrashBin:before { content: "î�»" } .iconTwitterCircle:before { content: "î�¼" } .iconTwitterLogo:before { content: "î�½" } .iconUpdate:before { content: "î�¾" } .iconVerifiedBadge:before { content: "î�¿" } .iconWasherDryer:before { content: "î‚€" } .iconWheelchair:before { content: "î‚�" } .iconYouTubeCircle:before { content: "î‚‚" } .iconYoutubeLogo:before { content: "î‚ƒ" } button:focus { outline: none } .primary { background-color: #e66500; color: #fff; line-height: 1em; border: 1px solid #fff; padding: 7px 30px; display: inline-block; font-size: .9em } .high-contrast .primary { background-color: #c15401 } .primary:hover { background-color: #555; color: #fff; border: 1px solid #555 } .primary:active { color: #fff; background-color: #cd5a00; border-color: #c25500 } .primary.disabled { color: #fff; background-color: #e1e1e1; border-color: #fff; pointer-events: none } .secondary { background-color: #fff; color: #e66500; line-height: 1em; border: 1px solid #e66500; padding: 7px; display: inline-block } .high-contrast .secondary { color: #c15401 } .high-contrast .secondary { border-color: #c15401 } .secondary:hover { background-color: #e66500; color: #fff; border: 1px solid #fff } .high-contrast .secondary:hover { background-color: #c15401 } .secondary:active { color: #fff; background-color: #cd5a00; border-color: #c25500 } .secondary.disabled { color: #e1e1e1; background-color: #fff; border-color: #e1e1e1; pointer-events: none } .btnBlue { background-color: #5bb2ef; color: #fff; line-height: 1em; border: 1px solid #5bb2ef; padding: 7px; display: inline-block } .btnBlue:hover, .btnBlue:active { background-color: #2d9cea; border-color: #2d9cea; color: #fff } .btnBlue.disabled { color: #e1e1e1; background-color: #fff; border-color: #e1e1e1; pointer-events: none } .errorMsg { color: #e5b32b; background-color: #f5f4f0; display: none; padding: .5em; width: 100%; margin-top: .25em; font-size: .9em } .errorInput { border: 1px solid #e5b32b !important } .successMsg { color: #5bb2ef; background-color: #f5f4f0; display: none; padding: .5em; width: 100%; margin-top: .25em; font-size: .9em } .hide { display: none } .show { display: block } .invisible { visibility: hidden } .loaderSpinner { background: url("/a/3e5793/content/images/sorting-loader.gif"); min-width: 16px; min-height: 16px; display: none } .loaderSpinner.active, .loaderSpinner.rotate { display: inline-block } .robotoRegular { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal } .robotoRegular { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal } .globalHeader { background-color: #e66500; color: #fff; border-bottom: 0; min-height: 63px; background-clip: padding-box; width: 100% } .high-contrast .globalHeader { background-color: #c15401 } @media only screen and (max-width: 1023px) { .globalHeader { min-height: 60px; position: fixed; top: 0; width: 100%; z-index: 1000; left: 0 } } @media only screen and (max-width: 750px) { .globalHeader { min-height: 45px } } .globalHeader a { display: block; color: #fff; text-decoration: none } .globalHeader .afLogo { display: block; width: 294px; margin-top: 7px; margin-left: 15px; float: left } @media only screen and (max-width: 750px) { .globalHeader .afLogo { width: 180px; margin-top: 8px; margin-left: 10px } } .globalHeader .afLogo img { width: 100% } .globalHeader .dropdownLink { user-select: none; position: relative; top: -5px; cursor: pointer } @media only screen and (max-width: 750px) { .globalHeader .dropdownLink { top: -8px } } .globalHeader .iconMenu { color: #fff; font-size: 2.3em } @media only screen and (max-width: 750px) { .globalHeader .iconMenu { font-size: 1.5em } } .dropdownItem { border: 1px solid #dfdfdf; border-top-width: 0; border-right-width: 0; border-radius: 0 0 0 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .19) } #popularCitiesSubMenu { border: 1px solid #ccc; border-top-width: 0; border-bottom-width: 4px; position: absolute; top: 220px; left: -681px; width: 551px; display: none } #popularCitiesSubMenuMobile { overflow: auto; font-size: 14px } #popularCitiesSubMenu .top-cities-list, #popularCitiesSubMenuMobile .top-cities-list { width: 100%; float: left } @media (min-width: 1024px) { #popularCitiesSubMenu .top-cities-list, #popularCitiesSubMenuMobile .top-cities-list { width: 33.33% } } #nearbyCitiesApartmentsSubMenu { border: 1px solid #ccc; border-top-width: 0; border-bottom-width: 4px; position: absolute; top: 214px; left: -533px; width: 311px; display: none } #nearbyCitiesHousesSubMenu { border: 1px solid #ccc; border-top-width: 0; border-bottom-width: 4px; position: absolute; top: 254px; left: -533px; width: 311px; display: none } #nearbyCitiesSubMenuMobile { height: 270px; overflow: auto; font-size: 14px } @media only screen and (max-width: 320px) { #headerSearchLink { padding-left: 12px; padding: 0 } } @media only screen and (max-width: 320px) { #mobileHMenuLink { padding: 0 } } .nav { list-style: none } .nav ul { padding: 0 } .nav li { text-align: center; list-style-type: none; position: relative; float: left } .nav li > a { position: relative; display: block; padding: 4px 15px 0 } @media only screen and (max-width: 750px) { .nav li > a { padding: 4px 15px 0 } } .nav li > a.hide { display: none } .nav li > a.headerMenuLink { overflow: hidden; max-height: 45px } .nav li > a.headerMenuLink::before { display: inline-flex; content: ""; background: url("/a/4be642/content/images/hamburger.svg"); background-repeat: no-repeat; width: 24px; height: 24px; background-size: 100% 100% } @media (min-width: 1400px) { .nav li > a.headerMenuLink::before { height: 30px; width: 30px } } .nav li > a.headerMenuLink.open::before { background: url("/a/af2bee/content/images/icon-close.svg"); background-repeat: no-repeat; width: 24px; height: 24px; background-size: 100% 100% } @media (min-width: 1400px) { .nav li > a.headerMenuLink.open::before { height: 30px; width: 30px } } @media (max-width: 767px) { .nav li > a.headerMenuLink { padding: 8px 20px 5px 15px } } @media (min-width: 768px) { .nav li > a.headerMenuLink { max-height: 60px } } @media (min-width: 1024px) { .nav li > a.headerMenuLink { max-height: 62px } } .nav li .favCount { position: relative; top: -4px } @media (min-width: 1024px) { .nav .dropdown-small-screen-item { display: none } } .nav .drop-down-menu-item { border-bottom: 1px solid #e5e5e5; cursor: pointer; user-select: none } .nav .submenu-container { line-height: 32px; display: none; flex-direction: column; max-height: 600px; border-bottom: none } .nav .submenu-container a { color: #e66500 !important } .high-contrast .nav .submenu-container a { color: #c15401 !important } .nav .collapsable-dropdown-item a.heading::after { content: ""; display: inline-flex; background: url("/a/583ad7/content/images/icon-chevron-right-orange.svg"); background-repeat: no-repeat; width: 22px; height: 22px; background-size: 100% 100%; transform: rotate(90deg); position: absolute; right: 5px; top: 8px } .nav .collapsable-dropdown-item.open .submenu-container { display: flex } .nav .collapsable-dropdown-item.open a.heading::after { transform: rotate(270deg) } .nav .hiddenScrollBar { scrollbar-width: none; -ms-overflow-style: none } .nav .hiddenScrollBar::-webkit-scrollbar { width: 0; height: 0 } .nav .submenu-items-scrollable { background-color: #fff; overflow: auto; flex-grow: 1; display: flex; flex-direction: column; scrollbar-width: none; -ms-overflow-style: none } .nav .submenu-items-scrollable::-webkit-scrollbar { width: 0; height: 0 } .nav .submenu-items-scrollable a { text-overflow: ellipsis; overflow: hidden } .nav .dropdownItem { top: 58px; right: 0; left: auto; z-index: 1000; display: none; float: left; min-width: 160px; margin-top: 2px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; position: fixed; width: 100% } @media (min-width: 768px) { .nav .dropdownItem { position: absolute; width: 320px; top: 43px } } @media (min-width: 1400px) { .nav .dropdownItem { top: 61px } } @media (min-width: 768px) { .nav .dropdownItem { width: 306px; margin-right: -10px } } .nav .dropdownItem.open { display: block } .nav .dropdownItem ul { padding: 0 } .nav .dropdownItem li { width: 100%; text-align: inherit } .nav .dropdownItem li.hide { display: none } .nav .dropdownItem li a { display: block; padding: 3px 0 3px 20px; clear: both; line-height: 2; color: #333; white-space: nowrap } .nav .dropdownItem li a:hover, .nav .dropdownItem li a:active { color: #000; background-color: #f2f2f2 } .nav .dropdownItem li hr { display: block; height: 1px; width: 87%; border: 0; border-top: 1px solid #c0bebb; padding: 0 } .nav #mobileMenu #menuNavContainer { user-select: none; position: fixed; left: 100%; width: 100%; top: -2px; height: 100%; z-index: 1000; background-color: rgba(14, 12, 12, 0); padding: 0; display: block; transition: background .5s ease-in-out } .nav #mobileMenu #menuNavContainer.dropdownItem { height: 100%; border: 0; border-top-width: 0; border-bottom-width: 0 } .nav #mobileMenu #menuNavContainer.dropdownItem.open { display: block; left: 0; background-color: rgba(14, 12, 12, .7) } .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid { height: 100% } .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid .row { height: 100% } .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid .row .xs-4 { width: 70%; height: 100% } @media (max-width: 767px) { .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid .row .xs-4 { width: 25% } } .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid .row .xs-8 { width: 30%; background-color: #fff; height: 100%; padding-left: 0; right: -600px; transition: all .5s cubic-bezier(.75, .22, .78, .96) 0ms } @media (max-width: 767px) { .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid .row .xs-8 { right: -300px; width: 75% } } .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid .row .xs-8 .menuContent { overflow-y: scroll; height: 100%; padding-bottom: 25px } .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid .row .xs-8 i { position: absolute; top: 10px; left: -25px; color: #fff } .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid .row .xs-8 ul { list-style-type: none; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; overflow-y: scroll } .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid .row .xs-8 ul li { padding-bottom: 5px } .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid .row .xs-8 ul .lineBreak { position: relative; border: 0; background-color: #ccc; height: 1px; margin-left: 7px } .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid .row .xs-8 ul a { color: #666 } .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid .row .xs-8 ul a:active { background-color: #fff } .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid .row .xs-8 ul a:hover { background-color: #fff } .nav #mobileMenu #menuNavContainer.dropdownItem .wrapper-fluid .row .slideIn { right: 0 } @media only screen and (max-width: 320px) { .nav #mobileMenu { margin-right: 20px } } @-moz-keyframes rotate { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(360deg) } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg) } } @keyframes rotate { from { transform: rotate(0deg) } to { transform: rotate(360deg) } } @-webkit-keyframes rotateY { from { -webkit-transform: perspective(120px) rotateY(0deg) } to { -webkit-transform: perspective(120px) rotateY(360deg) } } @keyframes rotateY { from { transform: perspective(120px) rotateY(0deg) } to { transform: perspective(120px) rotateY(360deg) } } .tooltip-wrapper { position: relative; display: inline-block } .tooltip-wrapper .tooltip-content { display: none; position: absolute; width: 200px; bottom: 140%; right: 50%; border: 1px solid #999; border-radius: 8px 8px 0 8px; background-color: #fff; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .15); padding: 10px; z-index: 100 } .tooltip-wrapper .tooltip-content.show { display: block } .tooltip-wrapper .tooltip-content.hide { display: none } .tooltip-wrapper .tooltip-content.max-content { width: auto; white-space: nowrap } .tooltip-wrapper .tooltip-content.wide { width: 300px } .tooltip-wrapper .tooltip-content.widest { width: 400px } .tooltip-wrapper .tooltip-content.bottom { bottom: unset; top: 140%; border-radius: 0 8px 8px 8px; right: unset; left: 50% } .tooltip-wrapper .tooltip-content.mid-arrow { right: unset; border-radius: 8px; left: calc(-95px) } .tooltip-wrapper .tooltip-content.mid-arrow.wide { left: calc(-145px) } .tooltip-wrapper .tooltip-content.mid-arrow.widest { left: calc(-195px) } .tooltip-wrapper .tooltip-content.right { right: 0% } .tooltip-wrapper .tooltip-content.right.bottom { right: unset; left: 100% } .tooltip-wrapper .tooltip-content.left { right: 100% } .tooltip-wrapper .tooltip-content.left.bottom { right: unset; left: 0% } .tooltip-wrapper .tooltip-content::after { display: block; content: ''; position: absolute; width: 20px; height: 20px; border-bottom: 1px solid; border-color: inherit; background: linear-gradient(45deg, #fff 48%, transparent 0%); transform: rotate(45deg); bottom: -11px; right: -10px } .tooltip-wrapper .tooltip-content.bottom::after { transform: rotate(227deg); left: -10px; top: -11px; bottom: unset; right: unset } .tooltip-wrapper .tooltip-content::before { display: block; content: ''; position: absolute; width: 1px; height: 32px; border-right: 1px solid; border-color: inherit; background-color: #fff; bottom: -15px; right: -1px; z-index: 1 } .tooltip-wrapper .tooltip-content.bottom::before { bottom: unset; right: unset; left: -1px; top: -16px } .tooltip-wrapper .tooltip-content.mid-arrow::before { width: 100%; height: 11px; top: 100%; background-color: transparent; border: none } .tooltip-wrapper .tooltip-content.mid-arrow.bottom::before { width: 100%; height: 11px; top: -11px; background-color: transparent; border: none } .tooltip-wrapper .tooltip-content.mid-arrow::after { border-right: 1px solid; border-color: inherit; background: #fff; right: unset; left: calc(100px) } .tooltip-wrapper .tooltip-content.mid-arrow.wide::after { left: calc(145px) } .tooltip-wrapper .tooltip-content.mid-arrow.widest::after { left: calc(195px) } .tooltip-wrapper .tooltip-content a { color: #e66500 } .high-contrast .tooltip-wrapper .tooltip-content a { color: #c15401 } .tooltip-wrapper:hover .tooltip-content, .tooltip-wrapper:focus .tooltip-content { display: block } .tooltip-wrapper:hover::after { content: ''; position: absolute; top: -11px; bottom: -11px; left: -5px } .tooltip-wrapper.show .tooltip-content { display: block } .tooltip-wrapper.hide { display: none } .placeholdersjs.hasPrefilledValue { color: #000 } .typeahead { position: absolute } .typeahead .results { list-style: none; position: absolute; background-color: #fff; border: 1px solid #b1b1b1; margin: -11px 0 0 0; padding: 5px 0; z-index: 10; max-height: 15em; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); overflow: hidden } .typeahead .item { cursor: pointer; padding: 5px } .typeahead .item:first-child { border-top: 1px solid #b1b1b1 } .typeahead .item:hover, .typeahead .item:active, .typeahead .item.active { background-color: #5bb2ef; color: #fff } .typeahead .currentlocation { color: #333; padding: 5px 10px } .typeahead .currentlocation:hover, .typeahead .currentlocation:focus, .typeahead .currentlocation:active { background-color: #5bb2ef; color: #fff } .typeahead .currentlocation:hover .iconLocation, .typeahead .currentlocation:focus .iconLocation, .typeahead .currentlocation:active .iconLocation { color: #fff } .typeahead .currentlocation .iconLocation { color: #5bb2ef; font-size: 1.2em; margin-right: 5px } .typeahead .currentlocation + li { border-top: 1px solid #ccc; margin-top: 5px } .typeahead .noresults { padding: 5px } .typeahead .matchText { font-weight: 600 } .robotoRegular { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal } .basicModals { background-color: rgba(255, 255, 255, 0) } .basicModals .iconClose { color: #000 } .basicModals .divider { margin: 1em 0 1.65em } .basicModals .divider .line { border-bottom: 1px solid #ccc; display: inline-block; width: 100% } .basicModals .divider .text { text-align: center; position: absolute; left: 42%; background-color: #fff; color: #ccc; padding: 0 40px } .basicModals .modalContainer { top: 20%; height: auto } .basicModals .modalContainer.smModal { width: 100%; background-color: #fff; position: absolute; min-height: 200px; height: auto; left: 0; right: 0; margin: -142px auto 0; padding-bottom: 30px } .basicModals .modalContainer.lowerTop { top: 30% } .basicModals .modalContainer .modalContent { box-shadow: none; border: none; width: 550px; position: relative; left: 0; right: 0; margin: auto } @media (max-width: 550px) { .basicModals .modalContainer .modalContent { width: 320px } } .basicModals .modalContainer .modalContent a { color: #5bb2ef } .basicModals .modalContainer .modalContent .modalBody .modalTitle, .basicModals .modalContainer .modalContent .modalBody .modalSubTitle { color: #666; font-weight: 300 } .basicModals .modalContainer .modalContent .modalBody .modalTitle { font-size: 2em; margin-bottom: .25em } .basicModals .modalContainer .modalContent .modalBody .modalSubTitle { font-size: .9em } .basicModals .modalContainer .modalContent .modalBody input[type="text"], .basicModals .modalContainer .modalContent .modalBody input[type="password"] { border: 1px solid #ccc; padding: .5em; width: 100% } .basicModals .modalContainer .modalContent .modalBody .loginSocial { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-align-content: stretch; -ms-align-content: stretch; align-content: stretch; -webkit-justify-content: space-evenly; -ms-justify-content: space-evenly; justify-content: space-evenly; -webkit-align-items: center; -ms-align-items: center; align-items: center; font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal } .basicModals .modalContainer .modalContent .modalBody .loginSocial .socialFormBtn { width: 100%; height: 40px; vertical-align: top; text-align: center; font-size: 1em; padding: 10px 8px 8px 45px; margin-bottom: 10px; cursor: pointer; color: #fff } .basicModals .modalContainer .modalContent .modalBody .loginSocial .socialFormBtn.facebookBtn { background: url("/a/f20ff8/modules/loginpopup/content/images/facebook-logo.svg") no-repeat 5px 5px #446db9; background-size: 30px } .basicModals .modalContainer .modalContent .modalBody .loginSocial .socialFormBtn.googleBtn { background: url("/a/38b775/modules/loginpopup/content/images/google-logo.svg") no-repeat 5px 5px #4285f4; background-size: 30px } @media (min-width: 550px) { .basicModals .modalContainer .modalContent .modalBody .loginSocial { -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-content: center; -ms-align-content: center; align-content: center; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } .basicModals .modalContainer .modalContent .modalBody .loginSocial .socialFormBtn { text-align: left; width: 48% } } .basicModals .modalContainer .modalContent .modalBody .noAccount { background-color: #f5f4f0; width: 100%; text-align: center; padding: .5em; font-size: .9em } .basicModals .modalContainer .modalContent .modalBody .actionRow { min-height: 50px; margin-bottom: .5em } .basicModals .modalContainer .modalContent .modalBody .actionRow .actionText { font-size: .8em; margin: 0 } .basicModals .modalContainer .modalContent .modalBody .actionRow .actionText.terms { color: #c0bebb } .basicModals .modalContainer .modalContent .modalBody .actionRow .checkbox { color: #c0bebb } .basicModals .modalContainer .modalContent .modalBody .actionRow .primary { float: right; position: relative } .modal-change-password .modalContainer .modalContent a { color: #666 } @media (max-width: 339px) { .modal-change-password .modalContainer .modalContent button { font-size: .8em } } .savedSearchLoginModal .modalContainer.smModal { padding-bottom: 0 } .savedSearchLoginModal .modalBody { padding: 10px 20px } .savedSearchLoginModal .loginSocial { margin-bottom: 1.25em } .savedSearchLoginModal .savedSearchForm { border-bottom: 1px solid #ccc } .savedSearchLoginModal #loginForgotPassword { font-size: .8em } .savedSearchLoginModal #signIn { width: 25% } .savedSearchModal .modalSubTitle { margin-bottom: 1em } .savedSearchModal .chooseSavedSearch { margin-bottom: 1em } .savedSearchModal .modalBody label { color: #666 } .savedSearchModal .modalBody label input[type="radio"] { margin-right: .5em } .savedSearchModal #savedSearchAsUpdateSect { padding-top: .75em } .savedSearchModal #savedSearchAsUpdateSect .selectDropdown .iconDropdown { float: right; margin-right: -1em } .savedSearchModal .primary { margin-top: 1px } #savedSearchAuthModal .modalTitle, #savedSearchConfirm .modalTitle { padding-bottom: .5em } #savedSearchAuthModal .modalBody, #savedSearchConfirm .modalBody { padding-top: 0; padding-bottom: 0 } .signupSocial .signOpt .primaryRadio { left: 0; top: 1.5em } .signupSocial .signOpt label { display: block; font-size: 1em; margin-bottom: 0 } .signupSocial #signupForgotPassword { margin-bottom: .5em; display: inline-block } .signupSocial .newAccountSignup { margin-bottom: 1em } .createAccountModal .actionRow .md-9 { padding-right: 0 } .createAccountModal .actionRow .primary { padding: 7px 25px } .signInSocial #signupError, .createAccountModal #signupError { margin-bottom: 0 } #savedSearchConfirm .smModal { padding-bottom: 10px } #savedSearchConfirm .modalSubTitle { padding-bottom: 1em } #savedSearchConfirm .primary { width: 25%; float: initial } #savedSearchConfirm #savedSearches { padding-right: 7em } button.primary .spinnerButtonContainer { position: relative; margin: auto; width: 20px } .robotoRegular { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal } .basicModals { background-color: rgba(255, 255, 255, 0) } .basicModals .iconClose { color: #000 } .basicModals .divider { margin: 1em 0 1.65em } .basicModals .divider .line { border-bottom: 1px solid #ccc; display: inline-block; width: 100% } .basicModals .divider .text { text-align: center; position: absolute; left: 42%; background-color: #fff; color: #ccc; padding: 0 40px } .basicModals .modalContainer { top: 20%; height: auto } .basicModals .modalContainer.smModal { width: 100%; background-color: #fff; position: absolute; min-height: 200px; height: auto; left: 0; right: 0; margin: -142px auto 0; padding-bottom: 30px } .basicModals .modalContainer.lowerTop { top: 30% } .basicModals .modalContainer .modalContent { box-shadow: none; border: none; width: 550px; position: relative; left: 0; right: 0; margin: auto } @media (max-width: 550px) { .basicModals .modalContainer .modalContent { width: 320px } } .basicModals .modalContainer .modalContent a { color: #5bb2ef } .basicModals .modalContainer .modalContent .modalBody .modalTitle, .basicModals .modalContainer .modalContent .modalBody .modalSubTitle { color: #666; font-weight: 300 } .basicModals .modalContainer .modalContent .modalBody .modalTitle { font-size: 2em; margin-bottom: .25em } .basicModals .modalContainer .modalContent .modalBody .modalSubTitle { font-size: .9em } .basicModals .modalContainer .modalContent .modalBody input[type="text"], .basicModals .modalContainer .modalContent .modalBody input[type="password"] { border: 1px solid #ccc; padding: .5em; width: 100% } .basicModals .modalContainer .modalContent .modalBody .loginSocial { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-align-content: stretch; -ms-align-content: stretch; align-content: stretch; -webkit-justify-content: space-evenly; -ms-justify-content: space-evenly; justify-content: space-evenly; -webkit-align-items: center; -ms-align-items: center; align-items: center; font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal } .basicModals .modalContainer .modalContent .modalBody .loginSocial .socialFormBtn { width: 100%; height: 40px; vertical-align: top; text-align: center; font-size: 1em; padding: 10px 8px 8px 45px; margin-bottom: 10px; cursor: pointer; color: #fff } .basicModals .modalContainer .modalContent .modalBody .loginSocial .socialFormBtn.facebookBtn { background: url("/a/f20ff8/modules/loginpopup/content/images/facebook-logo.svg") no-repeat 5px 5px #446db9; background-size: 30px } .basicModals .modalContainer .modalContent .modalBody .loginSocial .socialFormBtn.googleBtn { background: url("/a/38b775/modules/loginpopup/content/images/google-logo.svg") no-repeat 5px 5px #4285f4; background-size: 30px } @media (min-width: 550px) { .basicModals .modalContainer .modalContent .modalBody .loginSocial { -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-content: center; -ms-align-content: center; align-content: center; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } .basicModals .modalContainer .modalContent .modalBody .loginSocial .socialFormBtn { text-align: left; width: 48% } } .basicModals .modalContainer .modalContent .modalBody .noAccount { background-color: #f5f4f0; width: 100%; text-align: center; padding: .5em; font-size: .9em } .basicModals .modalContainer .modalContent .modalBody .actionRow { min-height: 50px; margin-bottom: .5em } .basicModals .modalContainer .modalContent .modalBody .actionRow .actionText { font-size: .8em; margin: 0 } .basicModals .modalContainer .modalContent .modalBody .actionRow .actionText.terms { color: #c0bebb } .basicModals .modalContainer .modalContent .modalBody .actionRow .checkbox { color: #c0bebb } .basicModals .modalContainer .modalContent .modalBody .actionRow .primary { float: right; position: relative } .modal-change-password .modalContainer .modalContent a { color: #666 } @media (max-width: 339px) { .modal-change-password .modalContainer .modalContent button { font-size: .8em } } .savedSearchLoginModal .modalContainer.smModal { padding-bottom: 0 } .savedSearchLoginModal .modalBody { padding: 10px 20px } .savedSearchLoginModal .loginSocial { margin-bottom: 1.25em } .savedSearchLoginModal .savedSearchForm { border-bottom: 1px solid #ccc } .savedSearchLoginModal #loginForgotPassword { font-size: .8em } .savedSearchLoginModal #signIn { width: 25% } .savedSearchModal .modalSubTitle { margin-bottom: 1em } .savedSearchModal .chooseSavedSearch { margin-bottom: 1em } .savedSearchModal .modalBody label { color: #666 } .savedSearchModal .modalBody label input[type="radio"] { margin-right: .5em } .savedSearchModal #savedSearchAsUpdateSect { padding-top: .75em } .savedSearchModal #savedSearchAsUpdateSect .selectDropdown .iconDropdown { float: right; margin-right: -1em } .savedSearchModal .primary { margin-top: 1px } #savedSearchAuthModal .modalTitle, #savedSearchConfirm .modalTitle { padding-bottom: .5em } #savedSearchAuthModal .modalBody, #savedSearchConfirm .modalBody { padding-top: 0; padding-bottom: 0 } .signupSocial .signOpt .primaryRadio { left: 0; top: 1.5em } .signupSocial .signOpt label { display: block; font-size: 1em; margin-bottom: 0 } .signupSocial #signupForgotPassword { margin-bottom: .5em; display: inline-block } .signupSocial .newAccountSignup { margin-bottom: 1em } .createAccountModal .actionRow .md-9 { padding-right: 0 } .createAccountModal .actionRow .primary { padding: 7px 25px } .signInSocial #signupError, .createAccountModal #signupError { margin-bottom: 0 } #savedSearchConfirm .smModal { padding-bottom: 10px } #savedSearchConfirm .modalSubTitle { padding-bottom: 1em } #savedSearchConfirm .primary { width: 25%; float: initial } #savedSearchConfirm #savedSearches { padding-right: 7em } .robotoRegular { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal } .basicModals { background-color: rgba(255, 255, 255, 0) } .basicModals .iconClose { color: #000 } .basicModals .divider { margin: 1em 0 1.65em } .basicModals .divider .line { border-bottom: 1px solid #ccc; display: inline-block; width: 100% } .basicModals .divider .text { text-align: center; position: absolute; left: 42%; background-color: #fff; color: #ccc; padding: 0 40px } .basicModals .modalContainer { top: 20%; height: auto } .basicModals .modalContainer.smModal { width: 100%; background-color: #fff; position: absolute; min-height: 200px; height: auto; left: 0; right: 0; margin: -142px auto 0; padding-bottom: 30px } .basicModals .modalContainer.lowerTop { top: 30% } .basicModals .modalContainer .modalContent { box-shadow: none; border: none; width: 550px; position: relative; left: 0; right: 0; margin: auto } @media (max-width: 550px) { .basicModals .modalContainer .modalContent { width: 320px } } .basicModals .modalContainer .modalContent a { color: #5bb2ef } .basicModals .modalContainer .modalContent .modalBody .modalTitle, .basicModals .modalContainer .modalContent .modalBody .modalSubTitle { color: #666; font-weight: 300 } .basicModals .modalContainer .modalContent .modalBody .modalTitle { font-size: 2em; margin-bottom: .25em } .basicModals .modalContainer .modalContent .modalBody .modalSubTitle { font-size: .9em } .basicModals .modalContainer .modalContent .modalBody input[type="text"], .basicModals .modalContainer .modalContent .modalBody input[type="password"] { border: 1px solid #ccc; padding: .5em; width: 100% } .basicModals .modalContainer .modalContent .modalBody .loginSocial { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-align-content: stretch; -ms-align-content: stretch; align-content: stretch; -webkit-justify-content: space-evenly; -ms-justify-content: space-evenly; justify-content: space-evenly; -webkit-align-items: center; -ms-align-items: center; align-items: center; font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal } .basicModals .modalContainer .modalContent .modalBody .loginSocial .socialFormBtn { width: 100%; height: 40px; vertical-align: top; text-align: center; font-size: 1em; padding: 10px 8px 8px 45px; margin-bottom: 10px; cursor: pointer; color: #fff } .basicModals .modalContainer .modalContent .modalBody .loginSocial .socialFormBtn.facebookBtn { background: url("/a/f20ff8/modules/loginpopup/content/images/facebook-logo.svg") no-repeat 5px 5px #446db9; background-size: 30px } .basicModals .modalContainer .modalContent .modalBody .loginSocial .socialFormBtn.googleBtn { background: url("/a/38b775/modules/loginpopup/content/images/google-logo.svg") no-repeat 5px 5px #4285f4; background-size: 30px } @media (min-width: 550px) { .basicModals .modalContainer .modalContent .modalBody .loginSocial { -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-content: center; -ms-align-content: center; align-content: center; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } .basicModals .modalContainer .modalContent .modalBody .loginSocial .socialFormBtn { text-align: left; width: 48% } } .basicModals .modalContainer .modalContent .modalBody .noAccount { background-color: #f5f4f0; width: 100%; text-align: center; padding: .5em; font-size: .9em } .basicModals .modalContainer .modalContent .modalBody .actionRow { min-height: 50px; margin-bottom: .5em } .basicModals .modalContainer .modalContent .modalBody .actionRow .actionText { font-size: .8em; margin: 0 } .basicModals .modalContainer .modalContent .modalBody .actionRow .actionText.terms { color: #c0bebb } .basicModals .modalContainer .modalContent .modalBody .actionRow .checkbox { color: #c0bebb } .basicModals .modalContainer .modalContent .modalBody .actionRow .primary { float: right; position: relative } .modal-change-password .modalContainer .modalContent a { color: #666 } @media (max-width: 339px) { .modal-change-password .modalContainer .modalContent button { font-size: .8em } } .savedSearchLoginModal .modalContainer.smModal { padding-bottom: 0 } .savedSearchLoginModal .modalBody { padding: 10px 20px } .savedSearchLoginModal .loginSocial { margin-bottom: 1.25em } .savedSearchLoginModal .savedSearchForm { border-bottom: 1px solid #ccc } .savedSearchLoginModal #loginForgotPassword { font-size: .8em } .savedSearchLoginModal #signIn { width: 25% } .savedSearchModal .modalSubTitle { margin-bottom: 1em } .savedSearchModal .chooseSavedSearch { margin-bottom: 1em } .savedSearchModal .modalBody label { color: #666 } .savedSearchModal .modalBody label input[type="radio"] { margin-right: .5em } .savedSearchModal #savedSearchAsUpdateSect { padding-top: .75em } .savedSearchModal #savedSearchAsUpdateSect .selectDropdown .iconDropdown { float: right; margin-right: -1em } .savedSearchModal .primary { margin-top: 1px } #savedSearchAuthModal .modalTitle, #savedSearchConfirm .modalTitle { padding-bottom: .5em } #savedSearchAuthModal .modalBody, #savedSearchConfirm .modalBody { padding-top: 0; padding-bottom: 0 } .signupSocial .signOpt .primaryRadio { left: 0; top: 1.5em } .signupSocial .signOpt label { display: block; font-size: 1em; margin-bottom: 0 } .signupSocial #signupForgotPassword { margin-bottom: .5em; display: inline-block } .signupSocial .newAccountSignup { margin-bottom: 1em } .createAccountModal .actionRow .md-9 { padding-right: 0 } .createAccountModal .actionRow .primary { padding: 7px 25px } .signInSocial #signupError, .createAccountModal #signupError { margin-bottom: 0 } #savedSearchConfirm .smModal { padding-bottom: 10px } #savedSearchConfirm .modalSubTitle { padding-bottom: 1em } #savedSearchConfirm .primary { width: 25%; float: initial } #savedSearchConfirm #savedSearches { padding-right: 7em } #modal-change-password .modalContainer, #forgotPasswordModal .modalContainer, #modal-set-password .modalContainer, #forgotPasswordSentModal .modalContainer { top: 0; margin: 0 auto 0 } #modal-change-password .modalContainer .modalHeader .close, #forgotPasswordModal .modalContainer .modalHeader .close, #modal-set-password .modalContainer .modalHeader .close, #forgotPasswordSentModal .modalContainer .modalHeader .close { margin-top: 0; float: none; position: absolute; top: 30px; right: 15px; z-index: 2 } #modal-change-password .modalContainer .modalContent, #forgotPasswordModal .modalContainer .modalContent, #modal-set-password .modalContainer .modalContent, #forgotPasswordSentModal .modalContainer .modalContent { background: none } @media (max-width: 767px) { #modal-change-password .modalContainer .modalContent, #forgotPasswordModal .modalContainer .modalContent, #modal-set-password .modalContainer .modalContent, #forgotPasswordSentModal .modalContainer .modalContent { width: 100% } } #modal-change-password .modalContainer .modalContent .actionRow, #forgotPasswordModal .modalContainer .modalContent .actionRow, #modal-set-password .modalContainer .modalContent .actionRow, #forgotPasswordSentModal .modalContainer .modalContent .actionRow { font-size: 1.3em } #modal-change-password .modalContainer .modalContent .actionRow button, #forgotPasswordModal .modalContainer .modalContent .actionRow button, #modal-set-password .modalContainer .modalContent .actionRow button, #forgotPasswordSentModal .modalContainer .modalContent .actionRow button, #modal-change-password .modalContainer .modalContent .actionRow .primary, #forgotPasswordModal .modalContainer .modalContent .actionRow .primary, #modal-set-password .modalContainer .modalContent .actionRow .primary, #forgotPasswordSentModal .modalContainer .modalContent .actionRow .primary { width: 100%; padding: 10px } #modal-change-password .modalContainer .modalContent .right-float, #forgotPasswordModal .modalContainer .modalContent .right-float, #modal-set-password .modalContainer .modalContent .right-float, #forgotPasswordSentModal .modalContainer .modalContent .right-float { float: right } #modal-change-password .errorMsg { display: none } #modal-change-password .button-cancel { line-height: 40px; vertical-align: middle } @media (min-width: 768px) { #modal-change-password .button-cancel { text-align: right } } #forgotPasswordModal .errorMsg:before { font-family: 'apartmentFinderIcons'; content: 'î˜€'; margin-right: .5em } #forgotPasswordModal .forgot-password-form #js-forgot-password-signup { text-align: center } #forgotPasswordModal .forgot-password-form .actionRow { min-height: initial; margin-top: 16px } @media (max-width: 767px) { #forgotPasswordModal .forgot-password-form .actionRow { float: right } } #forgotPasswordModal .forgot-password-form .iconSpinner { left: 20% } @media only screen and (max-width: 767px) { #forgotPasswordModal .forgot-password-form .iconSpinner { left: 35% } } #forgotPasswordModal .forgot-password-form .fallbackSpinner { left: 15%; top: 21% } @media only screen and (max-width: 767px) { #forgotPasswordModal .forgot-password-form .fallbackSpinner { left: 35% } } #forgotPasswordModal .actionText { line-height: 40px; vertical-align: middle } #forgotPasswordSentModal .modalContainer .modalContent .actionRow { float: right } .spinnerContainer { position: absolute; display: inline-block; width: 3.4375em; height: 3.4375em; background-color: #fff; border-radius: 100%; border: 3px solid #eee; font-size: 16px; overflow: hidden } .spinnerContainer.hide { display: none } .spinnerContainer .iconAF { font-size: 2em; padding: 18%; color: #e66500; display: inline-block; -webkit-animation: rotateY .8s infinite linear; animation: rotateY .8s infinite linear } .high-contrast .spinnerContainer .iconAF { color: #c15401 } .spinnerContainer.fallback { background-color: transparent; border: none } .spinnerContainer.fallback .iconAF { display: none } .spinnerContainer.fallback .fallbackSpinner { background: url("/a/c0d6c7/content/images/afspinnerlargeorange.gif") no-repeat center center; background-size: 100%; display: inline-block; height: 100%; width: 100% } .spinnerContainer.fallback .fallbackSpinner.hide { display: none } .spinnerButtonContainer { font-size: 16px } .spinnerButtonContainer .iconSpinner { font-size: 1em; color: #fff; display: inline-block; position: absolute; left: 8%; -webkit-animation: rotate .8s infinite linear; animation: rotate .8s infinite linear } .spinnerButtonContainer .iconSpinner.hide { display: none } .spinnerButtonContainer.fallback .iconSpinner { display: none } .spinnerButtonContainer.fallback .fallbackSpinner { background: url("/a/5153f5/content/images/afspinnersmallwhite.gif") no-repeat center center; background-size: 100%; display: inline-block; height: 20px; width: 20px; position: absolute; left: 6%; top: 16% } .spinnerButtonContainer.fallback .fallbackSpinner.hide { display: none } .robotoRegular { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal } .layout-wrapper { padding: 0 20px } .inner-layout-wrapper { max-width: 1900px } @media (min-width: 1920px) { .inner-layout-wrapper { margin: auto } } #globalFooter { font-size: 14px; font-weight: 400; background-color: #fcfcfc; border-top: solid 1px #e1e1e1; display: flex; flex-flow: column nowrap } @media (min-width: 768px) { #globalFooter .top-wrapper { padding: 0 30px } } #globalFooter .top-wrapper .top { max-width: 1340px; margin: 0 auto; display: flex; flex-flow: column; padding: 20px 0; box-sizing: border-box; width: 100% } @media (min-width: 768px) { #globalFooter .top-wrapper .top { flex-flow: row wrap; justify-content: space-between } } #globalFooter .top-wrapper .top .logo-social-copyright, #globalFooter .top-wrapper .top .contrast-control, #globalFooter .top-wrapper .top .navigation-links { display: flex; margin: 10px 0 } #globalFooter .top-wrapper .top .logo-social-copyright { flex-flow: column nowrap; text-align: center; order: 1 } #globalFooter .top-wrapper .top .logo-social-copyright .logo, #globalFooter .top-wrapper .top .logo-social-copyright .social-links, #globalFooter .top-wrapper .top .logo-social-copyright .copyright { padding: 5px } #globalFooter .top-wrapper .top .logo-social-copyright .logo::before { content: ""; display: block; background: url("/a/5db6a7/content/images/logo-tag.svg"); background-repeat: no-repeat; width: 100%; height: 35px; background-size: 100% 100% } .high-contrast #globalFooter .top-wrapper .top .logo-social-copyright .logo::before { background: url("/a/ca7934/content/images/logo-tag-ada.svg"); background-repeat: no-repeat; width: 100%; height: 35px; background-size: 100% 100% } @media (min-width: 768px) { #globalFooter .top-wrapper .top .logo-social-copyright .logo::before { width: 280px; height: 50px; background-size: 100% 100% } .high-contrast #globalFooter .top-wrapper .top .logo-social-copyright .logo::before { width: 280px; height: 50px; background-size: 100% 100% } } #globalFooter .top-wrapper .top .logo-social-copyright .social-links a::before { content: ""; display: inline-flex; margin-right: 15px } #globalFooter .top-wrapper .top .logo-social-copyright .social-links .facebook::before { background: url("/a/9736a4/content/images/icon-fb.svg"); background-repeat: no-repeat; width: 32px; height: 32px; background-size: 100% 100% } #globalFooter .top-wrapper .top .logo-social-copyright .social-links .twitter::before { background: url("/a/a4f4c0/content/images/icon-twitter.svg"); background-repeat: no-repeat; width: 32px; height: 32px; background-size: 100% 100% } #globalFooter .top-wrapper .top .logo-social-copyright .copyright { color: #9b9b9b; margin: 0 } @media (min-width: 768px) { #globalFooter .top-wrapper .top .logo-social-copyright { min-width: 280px; text-align: left } } #globalFooter .top-wrapper .top .contrast-control { order: 3; display: flex; flex-flow: column; align-items: center } @media (min-width: 768px) { #globalFooter .top-wrapper .top .contrast-control { order: 2; align-items: flex-start; margin: 12px 20px 0 } } #globalFooter .top-wrapper .top .contrast-control a, #globalFooter .top-wrapper .top .contrast-control label { font-size: 12px; letter-spacing: .4px } #globalFooter .top-wrapper .top .contrast-control h2 { font-size: inherit; white-space: nowrap; color: #4c4c4c; text-transform: uppercase; font-weight: 600 } #globalFooter .top-wrapper .top .contrast-control a { margin-top: 5px } #globalFooter .top-wrapper .top .contrast-control a:hover, #globalFooter .top-wrapper .top .contrast-control a:active { opacity: .58 } @media (min-width: 1400px) { #globalFooter .top-wrapper .top .contrast-control a a { font-weight: 600 } } #globalFooter .top-wrapper .top .contrast-control label { display: block; cursor: pointer; user-select: none } #globalFooter .top-wrapper .top .contrast-control button { margin: 5px 0 10px } #globalFooter .top-wrapper .top .contrast-control .switch { position: relative; display: inline-block; width: 40px; height: 30px; border: none; background-image: none; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } #globalFooter .top-wrapper .top .contrast-control .switch:before { content: ""; position: absolute; cursor: pointer; top: 9px; left: 3px; right: 0; bottom: 0; background-color: #e1e1e1; border-radius: 7.5px; border-color: #e1e1e1; -webkit-transition: .4s; transition: .4s; height: 15px } #globalFooter .top-wrapper .top .contrast-control .switch:after { position: absolute; content: ""; height: 20px; width: 20px; top: 6px; left: -3px; bottom: -3px; background-color: #fff; -webkit-transition: .4s; transition: .4s; border: 1px solid #e1e1e1; border-radius: 50%; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25) } #globalFooter .top-wrapper .top .contrast-control .switch[aria-checked="true"]:before { background-color: #e66500 } .high-contrast #globalFooter .top-wrapper .top .contrast-control .switch[aria-checked="true"]:before { background-color: #c15401 } @media (min-width: 768px) { #globalFooter .top-wrapper .top .contrast-control .switch[aria-checked="true"]:before { background-color: #333 } } #globalFooter .top-wrapper .top .contrast-control .switch[aria-checked="true"]:after { -webkit-transform: translateX(26px); -moz-transform: translateX(26px); -ms-transform: translateX(26px); -o-transform: translateX(26px); transform: translateX(26px) } #globalFooter .top-wrapper .top .navigation-links { order: 2; display: flex; flex-flow: column nowrap; border-top: solid 1px #e1e1e1 } @media (min-width: 768px) { #globalFooter .top-wrapper .top .navigation-links { order: 3; flex-flow: row nowrap; border-top: none; flex: 0 0 100%; margin: 0 -10px } } @media (min-width: 1400px) { #globalFooter .top-wrapper .top .navigation-links { flex: none; min-width: 775px } } #globalFooter .top-wrapper .top .navigation-links section { border-bottom: solid 1px #e1e1e1 } @media (min-width: 768px) { #globalFooter .top-wrapper .top .navigation-links section:nth-of-type(1) { flex: 6 } } @media (min-width: 768px) { #globalFooter .top-wrapper .top .navigation-links section:nth-of-type(4) { flex: 4 } } @media (min-width: 768px) { #globalFooter .top-wrapper .top .navigation-links section { border-bottom: none; flex: 5 } } #globalFooter .top-wrapper .top .navigation-links section h3 { font-size: inherit; color: #4c4c4c; text-transform: uppercase; cursor: pointer; font-weight: 600; padding: 12px 15px 8px } #globalFooter .top-wrapper .top .navigation-links section h3::after { float: right; margin-top: -5px; content: ""; display: inline-flex; background: url("/a/96e67f/content/images/icon-plus-orange.svg"); background-repeat: no-repeat; width: 24px; height: 24px; background-size: 100% 100% } .high-contrast #globalFooter .top-wrapper .top .navigation-links section h3::after { background: url("/a/0dccfa/content/images/icon-plus-orange-high-contrast.svg"); background-repeat: no-repeat; width: 24px; height: 24px; background-size: 100% 100% } @media (min-width: 768px) { #globalFooter .top-wrapper .top .navigation-links section h3::after { display: none } } #globalFooter .top-wrapper .top .navigation-links section ul { list-style: none; border-top: solid 1px #e1e1e1; -webkit-transition: display 1s ease-out; transition: display 1s ease-out; display: none; padding: 5px 10px 10px } @media (min-width: 768px) { #globalFooter .top-wrapper .top .navigation-links section ul { display: block; border-top: none } } #globalFooter .top-wrapper .top .navigation-links section ul li { padding: 5px } #globalFooter .top-wrapper .top .navigation-links section ul li:last-child { margin-bottom: 0 } #globalFooter .top-wrapper .top .navigation-links section ul li a { color: #9b9b9b } .high-contrast #globalFooter .top-wrapper .top .navigation-links section ul li a { color: #333 } #globalFooter .top-wrapper .top .navigation-links section ul li a:hover, #globalFooter .top-wrapper .top .navigation-links section ul li a:active { opacity: .58 } @media (min-width: 768px) { #globalFooter .top-wrapper .top .navigation-links section ul { border-top: none } } #globalFooter .top-wrapper .top .navigation-links section.open ul { display: block } #globalFooter .top-wrapper .top .navigation-links section.open h3::after { background: url("/a/698b1f/content/images/icon-minus-orange.svg"); background-repeat: no-repeat; width: 24px; height: 24px; background-size: 100% 100% } .high-contrast #globalFooter .top-wrapper .top .navigation-links section.open h3::after { background: url("/a/ad2b4c/content/images/icon-minus-orange-high-contrast.svg"); background-repeat: no-repeat; width: 24px; height: 24px; background-size: 100% 100% } @media (min-width: 768px) { #globalFooter .top-wrapper .top .navigation-links section.open h3::after { display: none } } #globalFooter .bottom-wrapper { color: #fff; background-color: #9b9b9b; padding: 0 30px } .high-contrast #globalFooter .bottom-wrapper { color: #333; background-color: #fff } #globalFooter .bottom-wrapper .bottom { max-width: 1340px; display: flex; flex-flow: column; font-size: 12px; margin: 0 auto; padding: 15px } @media (min-width: 768px) { #globalFooter .bottom-wrapper .bottom { height: 56px; flex-flow: row nowrap; justify-content: space-around; padding: 0 } } #globalFooter .bottom-wrapper .bottom .disclaimer, #globalFooter .bottom-wrapper .bottom .equal-housing { display: flex; align-items: center; padding: 5px } @media (min-width: 768px) { #globalFooter .bottom-wrapper .bottom .disclaimer, #globalFooter .bottom-wrapper .bottom .equal-housing { padding: 0 } } #globalFooter .bottom-wrapper .bottom .disclaimer { margin-right: auto } #globalFooter .bottom-wrapper .bottom .equal-housing::before { margin-right: 10px; content: ""; display: inline-flex; background: url("/a/55475a/content/images/equal_housing_opportunity_with_text.svg"); background-repeat: no-repeat; width: 32px; height: 32px; background-size: contain } .high-contrast #globalFooter .bottom-wrapper .bottom .equal-housing::before { background: url("/a/618a73/content/images/equal_housing_opportunity_with_text_black.svg"); background-repeat: no-repeat; width: 32px; height: 32px; background-size: contain } .robotoRegular { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal } .layout-wrapper { padding: 0 20px } .inner-layout-wrapper { max-width: 1900px } @media (min-width: 1920px) { .inner-layout-wrapper { margin: auto } } .color-orange a { color: #e66500 } .high-contrast .color-orange a { color: #c15401 } @media only screen and (max-width: 767px) { #left-arrow { margin-right: 30px } } @media only screen and (max-width: 320px) { #left-arrow { margin-right: 20px; margin-left: 20px } } @media only screen and (min-width: 600px) and (max-width: 767px) { #back-to-search-arrow { position: relative; top: 3px; margin-right: 10px } } @media only screen and (max-width: 599px) { #back-to-search-arrow { position: relative; top: 3px; margin-right: 1px } } #Back-to-search { white-space: nowrap } #Back-to-search a { padding: 0 !important } .prev-next-nav { margin-left: auto } @media (max-width: 767px) { .header-nav-links { width: 100% } } .show-gt-md { display: none } @media (min-width: 1400px) { .show-gt-md { display: inline-block } } .show-sm-md { display: none } @media (min-width: 768px) and (max-width: 1023px) { .show-sm-md { display: block } } @media (min-width: 1024px) and (max-width: 1399px) { .show-sm-md { display: block } } .show-xs-sm-md { display: block } @media (min-width: 1400px) { .show-xs-sm-md { display: none } } .show-xs { display: none } @media (max-width: 767px) { .show-xs { display: block } } .show-xs-flex { display: none } @media (max-width: 767px) { .show-xs-flex { display: flex } } .show-sm-flex { display: none } @media (max-width: 767px),(min-width: 768px) and (max-width: 1023px) { .show-sm-flex { display: flex } } .header-container { width: 100%; height: 55px; background-color: #fff } @media (min-width: 1400px) { .header-container { height: 90px; border-top: 5px solid #e66500 } .high-contrast .header-container { border-top-color: #c15401 } } .orange-border { border-top: 5px solid #e66500; width: 100%; height: 5px } .high-contrast .orange-border { border-top-color: #c15401 } .grey-border { border-bottom: 1px solid #e1e1e1 } @media only screen and (max-width: 767px) { .mobile-search-container { display: flex; flex-direction: row; justify-content: space-between } } .logo-container { height: 100% } .logo-container a { height: 100%; display: block } .logo-container a .logo { background: url("/a/711b77/content/images/logo.svg"); background-repeat: no-repeat; width: 200px; height: 100%; background-size: 100% 100% } .high-contrast .logo-container a .logo { background: url("/a/d47c96/content/images/logo-high-contrast.svg"); background-repeat: no-repeat; width: 200px; height: 100%; background-size: 100% 100% } @media (min-width: 768px) { .logo-container a .logo { width: 230px; height: 100%; background-size: 100% 100% } } .logo-container a .af-logo { background: url("/a/81cf8e/content/images/af-logo-af.svg"); background-repeat: no-repeat; width: 35px; height: 100%; background-size: 100% 100% } .high-contrast .logo-container a .af-logo { background: url("/a/f9c448/content/images/af-logo-af-high-contrast.svg"); background-repeat: no-repeat; width: 35px; height: 100%; background-size: 100% 100% } .logo-container a .logo-tagline { background: url("/a/5db6a7/content/images/logo-tag.svg"); background-repeat: no-repeat; width: 315px; height: 100%; background-size: 100% 100% } .high-contrast .logo-container a .logo-tagline { background: url("/a/ca7934/content/images/logo-tag-ada.svg"); background-repeat: no-repeat; width: 315px; height: 100%; background-size: 100% 100% } .logo-container a div { box-sizing: border-box; padding: 17px 0 16px } @media (min-width: 768px) { .logo-container a div { padding: 18px 0 12px } } @media (min-width: 1400px) { .logo-container a div { padding: 20px 0 17px } } .nav-container { display: flex; flex-direction: row } @media (max-width: 767px) { .nav-container { flex-grow: 1 } } .nav-links { color: #e66500; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; letter-spacing: .37px; line-height: 24px } .high-contrast .nav-links { color: #c15401 } .navigation-container { display: flex; flex-direction: row; justify-content: flex-end !important } .regular-text-link { text-decoration: none; cursor: pointer; color: #e66500; text-transform: uppercase; font-weight: 600; font-size: 16px } .high-contrast .regular-text-link { color: #c15401 } .regular-text-link:hover { text-decoration: underline } .favorites-icon::before { content: ""; display: inline-flex; background: url("/a/d7adaa/content/images/icon-heart-off-grey.svg"); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 100% 100% } .header-position { width: 100%; z-index: 20; position: fixed; top: 0 } .max-width-header { max-width: 1920px } .hamburger-container { cursor: pointer } @media (max-width: 767px) { .hamburger-container svg { width: 16px } } @media (min-width: 768px) and (max-width: 1023px) { .hamburger-container svg { width: 16px } } .header-large-screen-item { display: none; white-space: nowrap } @media (min-width: 1024px) { .header-large-screen-item { display: inline-flex } } @media (min-width: 1024px) { .header-small-screen-item { display: none } } .header-mobile-search-wrapper { width: 100%; margin-left: 15px; margin-right: 5px } .header-mobile-search-wrapper .autocompleteInput { display: block; width: 100% } .header-mobile-search-wrapper #autocompleteSuggestions { position: absolute; top: 31px; left: 0; text-align: left; z-index: 1000; background-color: #fff; width: 100%; border: 1px solid #d9d9d9; border-radius: 0 0 10px 10px; box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, .1); overflow: hidden; box-sizing: border-box } .header-mobile-search-wrapper #autocompleteSuggestions div { font-weight: 300; padding: 15px; border-bottom: 1px solid #d9d9d9 } .header-mobile-search-wrapper #autocompleteSuggestions div.highlighted { user-select: none; cursor: pointer; color: #fff; background-color: #e66500 } .high-contrast .header-mobile-search-wrapper #autocompleteSuggestions div.highlighted { background-color: #c15401 } .header-mobile-search-wrapper #autocompleteSuggestions div:last-child { border-bottom: none } .header-mobile-search-wrapper.suggestionsOpened .header-mobile-search { border-radius: 4px 4px 0 0; box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, .1); border-color: #e4e4e4 } @media (min-width: 768px) { .header-mobile-search-wrapper.suggestionsOpened .header-mobile-search { border-radius: 4px 4px 0 0 } } .header-mobile-search-wrapper .header-mobile-search { width: 100%; height: 32px; border: 1px solid #e4e4e4; border-radius: 4px } .header-mobile-search-wrapper .header-mobile-search:focus-within { border-color: #e66500 } .high-contrast .header-mobile-search-wrapper .header-mobile-search:focus-within { border-color: #c15401 } .header-mobile-search-wrapper .header-mobile-search input { border: none; outline: none; padding: 0 5px } .header-mobile-search-wrapper .header-mobile-search svg { fill: #e66500; width: 1em; margin-top: -2px } .high-contrast .header-mobile-search-wrapper .header-mobile-search svg { fill: #c15401 } .header-mobile-search-wrapper .header-mobile-search .search-icon { overflow: hidden; text-align: right; padding-right: 12px; min-width: 41px; background: url("/a/4b1354/content/images/icon-search-orange.svg"); background-repeat: no-repeat; width: 16px; height: 16px; background-size: 100% 100% } .high-contrast .header-mobile-search-wrapper .header-mobile-search .search-icon { background: url("/a/25cd66/content/images/icon-search-orange-high-contrast.svg"); background-repeat: no-repeat; width: 16px; height: 16px; background-size: 100% 100% } .header-arrow-back { box-sizing: border-box; border-right: .5px solid #dfdfdf; height: inherit; align-items: center; justify-content: center; width: 55px } .header-arrow-back a { cursor: pointer; width: 32px; height: 32px; background: url("/a/b33fd5/content/images/arrow-left-orange.svg"); background-repeat: no-repeat; background-size: 100% 100% } .high-contrast .header-arrow-back a { background: url("/a/aab5ff/content/images/arrow-left-orange-high-contrast.svg"); background-repeat: no-repeat } @media (max-width: 767px),(min-width: 768px) and (max-width: 1023px) { .header-centered-logo-container { width: 100%; display: flex; align-items: center; justify-content: center } .header-centered-logo-container a { padding-left: 50px } .header-optional-xs { display: block } } @media (max-width: 767px) { .header-optional-xs svg { max-width: 200px } }

__MACOSX/www/css/._common.css

www/css/style.css

.robotoRegular { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal } .section-heading-bold { color: #333; font-size: 20px; line-height: 32px; text-align: center; font-weight: 600; padding-bottom: 15px } @media (min-width: 768px) and (max-width: 1023px) { .section-heading-bold { text-align: left; padding-bottom: 10px; line-height: 24px } } @media (min-width: 1024px) and (max-width: 1399px) { .section-heading-bold { font-size: 24px; line-height: 24px; text-align: left; padding-bottom: 25px } } @media (min-width: 1400px) { .section-heading-bold { font-size: 50px; line-height: 54px; text-align: left; padding-bottom: 50px } } .section-copy { color: #666; margin: 0; font-size: 16px; line-height: 26px } @media (min-width: 768px) and (max-width: 1023px) { .section-copy { font-size: 14px; font-weight: 300; line-height: 20px } } @media (min-width: 1024px) and (max-width: 1399px) { .section-copy { font-size: 16px; font-weight: 300; line-height: 20px } } @media (min-width: 1400px) { .section-copy { font-size: 18px; font-weight: 300; line-height: 30px } } .section-heading { color: #333; font-size: 20px; line-height: 32px; text-align: center } @media (min-width: 768px) { .section-heading { font-size: 42px; font-weight: 500; line-height: 46px } } .section-copy-bold { color: #333; margin: 0; font-size: 16px; line-height: 26px; font-weight: 500 } @media (min-width: 768px) and (max-width: 1023px) { .section-copy-bold { font-size: 14px } } @media (min-width: 1024px) and (max-width: 1399px) { .section-copy-bold { font-size: 14px; line-height: 30px } } @media (min-width: 1400px) { .section-copy-bold { font-size: 18px; line-height: 30px } } .section-buttons { box-sizing: border-box; background-color: #e66500; border: 1px solid #e66500; border-radius: 10px; font-size: 22px; font-weight: 600; color: #fff; text-align: center; height: 56px; width: 173px } .high-contrast .section-buttons { background-color: #c15401; color: #fff } .high-contrast .section-buttons { border-color: #c15401 } .section-buttons button:hover { background-color: #e66500 } .high-contrast .section-buttons button:hover { background-color: #c15401 } @media (max-width: 767px) { .section-buttons { font-size: 25px; width: 100% } } @media (min-width: 768px) and (max-width: 1023px) { .section-buttons { height: 40px; width: 150px; font-size: 16px } } .layout-wrapper { padding: 0 20px } .inner-layout-wrapper { max-width: 1900px } @media (min-width: 1920px) { .inner-layout-wrapper { margin: auto } } #mainHeading { background-color: #f2f2f2; border-bottom: solid 1px #e1e1e1; padding-top: 20px; padding-bottom: 20px; margin-top: 50px } @media (min-width: 768px) { #mainHeading { margin-top: 55px } } @media (min-width: 1024px) { #mainHeading { margin-top: 40px; padding-top: 30px; padding-bottom: 30px } } @media (min-width: 1400px) { #mainHeading { margin-top: 45px; padding-top: 55px; padding-bottom: 55px } } #mainHeading h1 { color: #e66500; letter-spacing: -.63px; font-size: 28px; font-weight: 600; text-align: center; margin: 0; font-weight: 400 } .high-contrast #mainHeading h1 { color: #c15401 } @media (min-width: 768px) { #mainHeading h1 { font-size: 30px; font-weight: 500 } } @media (min-width: 1024px) { #mainHeading h1 { font-size: 45px } } @media (min-width: 1400px) { #mainHeading h1 { font-size: 60px } } #mainHeading h1 .greatDeals { white-space: nowrap } #mainHeading h1 .tagline { white-space: normal; font-size: 20px; font-weight: 300; color: #333; width: 100% } @media (min-width: 768px) { #mainHeading h1 .tagline { font-size: 18px } } @media (min-width: 1024px) { #mainHeading h1 .tagline { font-size: 28px } } @media (min-width: 1400px) { #mainHeading h1 .tagline { font-size: 38px } } ul { list-style: none; margin: 0; padding: 0 } .bullets li { list-style-type: none; list-style-position: outside; padding: 0 1.8em } .bullets li::before { content: '•'; color: #e66500; display: inline-block; margin-left: -.9em; margin-top: -.08em; position: absolute; font-size: 2em } .high-contrast .bullets li::before { color: #c15401 } @media (min-width: 768px) { .home-try-yourself-copy { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box } } @media (min-width: 1400px) { .home-try-yourself-copy { margin-right: 85px } } @media (min-width: 768px) { .home-try-yourself-img { margin-left: 15px; flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box } } @media (min-width: 768px) { .home-find-best-rent { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box } } .image-container { width: 100% } @media (min-width: 1400px) { .image-container { min-height: 415px } } @media (min-width: 1400px) { .image-container { border-radius: 4px } } @media (min-width: 1400px) { .find-best-rent-spacing { margin-left: 110px } } @media (min-width: 1400px) { .find-best-rent-img { width: 700px } } .media-item { object-fit: cover; height: 100% } @media (max-width: 767px) { .media-item { width: 100% } } @media (min-width: 768px) and (max-width: 1023px) { .media-item { width: 100% } } @media (min-width: 1024px) and (max-width: 1399px) { .media-item { width: 100% } } .layout-container { margin: 0 20px } .inner-layout-container { max-width: 1340px } @media (min-width: 1400px) { .inner-layout-container { margin: auto } } @media (min-width: 768px) and (max-width: 1023px) { .inner-layout-container { display: flex; flex-direction: column } } @media (min-width: 1024px) and (max-width: 1399px) { .inner-layout-container { display: flex; flex-direction: column; justify-content: center } } .show-xs-sm { display: block } @media (min-width: 1024px) { .show-xs-sm { display: none } } .show-gt-sm { display: none } @media (min-width: 1024px) { .show-gt-sm { display: block } } .show-xs { display: none } @media (max-width: 767px) { .show-xs { display: block } } .show-gt-xs { display: none } @media (min-width: 768px) { .show-gt-xs { display: block } } @media (max-width: 767px) { .order-xs-1 { order: 1 } } @media (max-width: 767px) { .order-xs-2 { order: 2 } } .no-more-guessing { padding-top: 15px; padding-bottom: 15px } @media (min-width: 768px) and (max-width: 1023px) { .no-more-guessing { padding-top: 10px; padding-bottom: 10px } } @media (min-width: 1024px) and (max-width: 1399px) { .no-more-guessing { padding-top: 20px; padding-bottom: 20px } } @media (min-width: 1400px) { .no-more-guessing { padding-top: 40px; padding-bottom: 40px } } @media (min-width: 1400px) { .find-best-rent-title { width: 525px } } @media (min-width: 1024px) { .layout-gt-sm-row { display: flex; flex-direction: row } } @media (max-width: 767px) { .layout-column { display: flex; flex-direction: column } } @media (min-width: 768px) { .layout-gt-xs-row { display: flex; flex-direction: row } } .section-gap { padding-top: 25px; padding-bottom: 25px } @media (min-width: 768px) and (max-width: 1023px) { .section-gap { padding-top: 35px; padding-bottom: 35px } } @media (min-width: 1024px) and (max-width: 1399px) { .section-gap { padding-top: 50px; padding-bottom: 50px } } @media (min-width: 1400px) { .section-gap { padding-top: 70px; padding-bottom: 70px } } @media (min-width: 1400px) { .take-us-with-you { padding-bottom: 70px } } .section-border { border-bottom: solid 2px #e1e1e1 } .section-border-top { border-top: solid 2px #e1e1e1 } @media (max-width: 767px) { .border-xs-sm { border-top: solid 2px #e1e1e1 } } .app-store-icons img { width: 130px; height: 40px } @media (min-width: 1400px) { .app-store-icons img { width: 206px; height: 63px } } @media (max-width: 767px) { .app-store-icons { margin-top: 15px } } @media (min-width: 768px) and (max-width: 1023px) { .app-store-icons { margin-top: 15px } } @media (min-width: 1024px) and (max-width: 1399px) { .app-store-icons { margin-top: 35px } } @media (min-width: 1400px) { .app-store-icons { margin-top: 50px } } @media (max-width: 767px) { .media-item-2 { object-fit: cover; height: 100%; width: 100%; width: 95% } } @media (min-width: 768px) and (max-width: 1023px) { .media-item-2 { object-fit: cover; width: 100% } } @media (min-width: 1024px) and (max-width: 1399px) { .media-item-2 { object-fit: cover; height: 100%; width: 100% } } @media (min-width: 1400px) { .media-item-2 { object-fit: cover; height: auto; width: 100% } } .image-border { border-radius: 10px } @media (min-width: 1400px) { .image-border { border-radius: 25px } } .section-bottom-border { border-bottom: 1px solid #e1e1e1 } .robotoRegular { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal } .deal-wrapper-3 { display: flex } .deal-wrapper-2 { display: flex } .deal-wrapper-1 { display: flex } .deal-wrapper-0 { display: flex } .top-deals-container { padding-top: 10px; padding-bottom: 14px; user-select: none; overflow: hidden } @media (min-width: 768px) { .top-deals-container { padding-bottom: 24px } } .top-deals-header-wrapper { display: flex; justify-content: center; width: 100% } .top-deals-header { color: #333; font-weight: 600; text-align: center; font-size: 20px; line-height: 24px; padding-bottom: 5px; width: 300px } @media (min-width: 768px) { .top-deals-header { font-size: 28px; padding-top: 10px; line-height: 32px; padding-bottom: 0; font-weight: 500; width: 600px } } @media (min-width: 1024px) { .top-deals-header { font-size: 36px; padding-top: 15px; line-height: 46px; padding-bottom: 0; font-weight: 500; width: 1024px } } .home-deals-card-container { display: flex; justify-content: center; align-items: center; position: relative } @media (min-width: 505px) { .home-deals-card-container { flex-direction: row; flex-wrap: wrap; overflow: hidden; max-height: 330px } } @media (min-width: 1024px) { .home-deals-card-container { max-height: 400px } } @media (min-width: 768px) { .home-deals-card-container { margin-top: 18px } } @media (min-width: 1024px) { .home-deals-card-container { margin-top: 18px } } .deal-card-wrapper { justify-content: center; align-items: center; touch-action: pan-y; height: 294px; width: 291px; min-width: 291px } @media (min-width: 505px) { .deal-card-wrapper { height: 324px; width: 244px; min-width: 244px } } @media (min-width: 1024px) { .deal-card-wrapper { height: 400px; width: 364px; min-width: 364px } } .deal-card { display: flex; justify-content: center; align-items: center; border: 1px solid #d8d8d8; border-radius: 8px; background-color: #fff; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15), 0 6px 7px 0 rgba(0, 0, 0, .04); cursor: pointer; transition: height .1s, width .1s; overflow: hidden; height: 274px; width: 271px } @media (min-width: 505px) { .deal-card { height: 304px; width: 224px } .deal-card:hover .deal-pill-icon span { color: #fff } } @media (min-width: 1024px) { .deal-card { height: 375px; width: 334px } } .deal-card .deal-pill-icon span { color: #333 } .deal-card-inner { display: flex; flex-direction: column; align-items: center; height: 294px; width: 291px } @media (min-width: 505px) { .deal-card-inner { height: 324px; width: 244px } } @media (min-width: 1024px) { .deal-card-inner { height: 400px; width: 364px } } @media (min-width: 505px) { .deal-card-rent-special:hover { border-color: #e66500 } .high-contrast .deal-card-rent-special:hover { border-color: #c15401 } .deal-card-rent-special:hover .deal-pill-rent-special { background-color: #478500 } .high-contrast .deal-card-rent-special:hover .deal-pill-rent-special { background-color: #476e00 } .high-contrast .deal-card-rent-special:hover .deal-pill-rent-special .svg-icon { background: url("/a/6d1270/content/images/deals/specials-active-inverted.svg"); background-repeat: no-repeat } .deal-card-rent-special:hover .deal-pill-rent-special .svg-icon { background: url("/a/6d1270/content/images/deals/specials-active-inverted.svg"); background-repeat: no-repeat } .deal-card-best-value:hover { border-color: #e66500 } .high-contrast .deal-card-best-value:hover { border-color: #c15401 } .deal-card-best-value:hover .deal-pill-best-value { background-color: #2196f3 } .high-contrast .deal-card-best-value:hover .deal-pill-best-value { background-color: #1872b8 } .high-contrast .deal-card-best-value:hover .deal-pill-best-value .svg-icon { background: url("/a/3eaa7d/content/images/deals/best-value-active-inverted.svg"); background-repeat: no-repeat } .deal-card-best-value:hover .deal-pill-best-value .svg-icon { background: url("/a/3eaa7d/content/images/deals/best-value-active-inverted.svg"); background-repeat: no-repeat } .deal-card-top-deal:hover, .deal-card-price-drop:hover { border-color: #e66500 } .high-contrast .deal-card-top-deal:hover, .high-contrast .deal-card-price-drop:hover { border-color: #c15401 } .deal-card-top-deal:hover .deal-pill-price-drop, .deal-card-price-drop:hover .deal-pill-price-drop, .deal-card-top-deal:hover .deal-pill-top-deal, .deal-card-price-drop:hover .deal-pill-top-deal { background-color: #e66500 } .high-contrast .deal-card-top-deal:hover .deal-pill-price-drop, .high-contrast .deal-card-price-drop:hover .deal-pill-price-drop, .high-contrast .deal-card-top-deal:hover .deal-pill-top-deal, .high-contrast .deal-card-price-drop:hover .deal-pill-top-deal { background-color: #c15401 } .high-contrast .deal-card-top-deal:hover .deal-pill-price-drop .svg-icon, .high-contrast .deal-card-price-drop:hover .deal-pill-price-drop .svg-icon, .high-contrast .deal-card-top-deal:hover .deal-pill-top-deal .svg-icon, .high-contrast .deal-card-price-drop:hover .deal-pill-top-deal .svg-icon { background: url("/a/79f92a/content/images/deals/price-drop-active-inverted-high-contrast.svg"); background-repeat: no-repeat } .deal-card-top-deal:hover .deal-pill-price-drop .svg-icon, .deal-card-price-drop:hover .deal-pill-price-drop .svg-icon, .deal-card-top-deal:hover .deal-pill-top-deal .svg-icon, .deal-card-price-drop:hover .deal-pill-top-deal .svg-icon { background: url("/a/d6a492/content/images/deals/price-drop-active-inverted.svg"); background-repeat: no-repeat } } @media (min-width: 505px) { .deal-card:hover { box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, .15), 0 6px 7px 0 rgba(0, 0, 0, .04); height: 324px; width: 244px } } @media (min-width: 1024px) { .deal-card:hover { box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, .15), 0 6px 7px 0 rgba(0, 0, 0, .04); width: 364px; height: 400px } } .deal-card-picture-wrapper { height: 58%; width: 100%; overflow: hidden; display: flex; align-items: flex-end } .deal-card-picture-wrapper img { width: 294px; min-height: 162px } @media (min-width: 505px) { .deal-card-picture-wrapper img { width: 274px; min-height: 180px } } @media (min-width: 1024px) { .deal-card-picture-wrapper img { width: 365px; min-height: 233px } } .deal-card-content { text-align: center; width: 334px } .deal-card-content-title { display: flex; align-items: center; justify-content: center; color: #333; font-weight: 500; line-height: 16px; height: 40px } .deal-card-content-title span { margin-top: 0; width: 270px; font-size: 16px } @media (min-width: 505px) { .deal-card-content-title { height: 45px } .deal-card-content-title span { font-size: 16px; width: 220px } } @media (min-width: 1024px) { .deal-card-content-title { line-height: 18px; height: 45px } .deal-card-content-title span { width: 325px; font-size: 18px } } .deal-card-content-details { height: 20px; display: flex; justify-content: center; align-items: center; color: #333; letter-spacing: .01px; line-height: 12px; font-size: 12px; margin-top: 7px } .deal-card-content-details span { width: 220px } @media (min-width: 1024px) { .deal-card-content-details { font-size: 14px; margin-top: 0; line-height: 12px } .deal-card-content-details span { width: 300px } } .deal-card-content-pill { border: 1px solid; border-radius: 22px; position: relative; padding-top: 10px; display: inline-block; font-weight: 600; margin-top: 15px; display: inline-flex; height: 20px; padding-top: 2px; font-size: 12px } .deal-card-content-pill span { text-transform: uppercase; margin-top: -1px; padding-left: 20px; padding-right: 15px; white-space: nowrap } @media (min-width: 505px) { .deal-card-content-pill { font-size: 12px; height: 31px; padding-top: 5px } .deal-card-content-pill span { margin-top: 1px } } @media (min-width: 1024px) { .deal-card-content-pill { font-size: 16px; height: 44px; padding-top: 11px } .deal-card-content-pill span { margin-top: 0 } } .deal-pill-icon .svg-icon { width: 24px; height: 24px; background-size: contain; margin-left: 5px; margin-top: -5px; margin-right: -20px } @media (min-width: 505px) { .deal-pill-icon .svg-icon { width: 28px; height: 28px; background-size: contain; margin-left: 5px; margin-top: -5px } } @media (min-width: 1024px) { .deal-pill-icon .svg-icon { width: 32px; height: 32px; background-size: contain; margin-left: 7px; margin-top: -7px } } .deal-pill-icon.deal-pill-top-deal, .deal-pill-icon.deal-pill-price-drop { border-color: #e66500 } .deal-pill-icon.deal-pill-top-deal .svg-icon, .deal-pill-icon.deal-pill-price-drop .svg-icon { background: url("/a/35c6d5/content/images/deals/price-drop-active.svg"); background-repeat: no-repeat } .high-contrast .deal-pill-icon.deal-pill-top-deal, .high-contrast .deal-pill-icon.deal-pill-price-drop { border-color: #c15401 } .high-contrast .deal-pill-icon.deal-pill-top-deal .svg-icon, .high-contrast .deal-pill-icon.deal-pill-price-drop .svg-icon { background: url("/a/84852b/content/images/deals/price-drop-active-high-contrast.svg"); background-repeat: no-repeat } .deal-pill-icon.deal-pill-best-value { border-color: #2196f3 } .deal-pill-icon.deal-pill-best-value .svg-icon { background: url("/a/4ea21a/content/images/deals/best-value-active.svg"); background-repeat: no-repeat } .high-contrast .deal-pill-icon.deal-pill-best-value { border-color: #1872b8 } .high-contrast .deal-pill-icon.deal-pill-best-value .svg-icon { background: url("/a/de1d61/content/images/deals/best-value-active-high-contrast.svg"); background-repeat: no-repeat } .deal-pill-icon.deal-pill-rent-special { border-color: #478500 } .deal-pill-icon.deal-pill-rent-special .svg-icon { background: url("/a/dc0be2/content/images/deals/specials-active.svg"); background-repeat: no-repeat } .high-contrast .deal-pill-icon.deal-pill-rent-special { border-color: #476e00 } .high-contrast .deal-pill-icon.deal-pill-rent-special .svg-icon { background: url("/a/7862e4/content/images/deals/specials-active-high-contrast.svg"); background-repeat: no-repeat } @media (min-width: 505px) { .home-deals-paginator-container { display: none } } .home-deals-paginator { padding-bottom: 15px; display: flex; align-content: center; justify-content: center } .paginator-dot { height: 14px; width: 14px; background-color: #fff; border-radius: 50%; border: solid 1px #bfbfbf; display: inline-block; margin: 5px } .paginator-selected { background-color: #4c4c4c } .home-deals-view-all-apartments { display: flex; align-content: center; justify-content: center; letter-spacing: .51px; font-size: 16px; padding-bottom: 0; text-align: center } .home-deals-view-all-apartments span { width: 250px } @media (min-width: 505px) { .home-deals-view-all-apartments { padding-top: 10px } } @media (min-width: 768px) { .home-deals-view-all-apartments { padding-top: 30px; font-size: 22px; padding-bottom: 15px } .home-deals-view-all-apartments span { width: 1024px } } .home-deals-view-all-apartments a { color: #e66500 } .high-contrast .home-deals-view-all-apartments a { color: #c15401 } .robotoRegular { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal } .layout-wrapper { padding: 0 20px } .inner-layout-wrapper { max-width: 1900px } @media (min-width: 1920px) { .inner-layout-wrapper { margin: auto } } #searchWidget { font-weight: 300 } #searchWidget .wrapper { height: 48px; font-size: 16px } @media (min-width: 1024px) { #searchWidget .wrapper { height: 62px; font-size: 20px } } @media (min-width: 1400px) { #searchWidget .wrapper { height: 76px; font-size: 24px } } #searchWidget ul { list-style: none; margin: 0; padding: 0 } #searchWidget .formContainer { background-color: #fff; border: 1px solid #d9d9d9; border-radius: 10px 10px; box-shadow: inset 2px 3px 4px 0 rgba(0, 0, 0, .1); box-sizing: border-box } @media (min-width: 768px) { #searchWidget .formContainer { border-radius: 10px 0 0 10px } } #searchWidget .formContainer #autocomplete input { width: 100%; height: 100%; padding: 0 15px; box-sizing: border-box; border: none; border-radius: 0; background: none !important; font-size: inherit; font-weight: inherit; text-overflow: ellipsis } @media (min-width: 1400px) { #searchWidget .formContainer #autocomplete input { padding: 0 30px } } #searchWidget .formContainer #autocomplete .autocompleteSearch { vertical-align: middle; min-width: 2em; background: url("/a/4b1354/content/images/icon-search-orange.svg"); background-repeat: no-repeat; width: 1em; height: 1em; background-size: 100% 100% } .high-contrast #searchWidget .formContainer #autocomplete .autocompleteSearch { background: url("/a/25cd66/content/images/icon-search-orange-high-contrast.svg"); background-repeat: no-repeat; width: 1em; height: 1em; background-size: 100% 100% } @media (min-width: 768px) { #searchWidget .formContainer #autocomplete .autocompleteSearch { display: none } } #searchWidget .formContainer #autocomplete #autocompleteSuggestions { position: relative; z-index: 2; background-color: #fff; width: 100%; border: 1px solid #d9d9d9; border-radius: 0 0 10px 10px; box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, .1); overflow: hidden; box-sizing: border-box } #searchWidget .formContainer #autocomplete #autocompleteSuggestions div { font-weight: 300; padding: 15px; border-bottom: 1px solid #d9d9d9 } #searchWidget .formContainer #autocomplete #autocompleteSuggestions div.highlighted { user-select: none; cursor: pointer; color: #fff; background-color: #e66500 } .high-contrast #searchWidget .formContainer #autocomplete #autocompleteSuggestions div.highlighted { background-color: #c15401 } #searchWidget .formContainer #autocomplete #autocompleteSuggestions div:last-child { border-bottom: none } @media (min-width: 1400px) { #searchWidget .formContainer #autocomplete #autocompleteSuggestions div { padding-left: 30px; padding-right: 30px } } @media (min-width: 1024px) { #searchWidget .formContainer #autocomplete { max-width: 50% } } @media (min-width: 1400px) { #searchWidget .formContainer #autocomplete { max-width: 60% } } #searchWidget .formContainer .dropdownContainer .menuButton { border-left: 1px solid #d9d9d9; background: none !important; color: #333; cursor: pointer } #searchWidget .formContainer .dropdownContainer .menuButton h3 { font-size: inherit; font-weight: 300 } #searchWidget .formContainer .dropdownContainer .menuButton h3:first-child { padding: 0 10px } @media (min-width: 1400px) { #searchWidget .formContainer .dropdownContainer .menuButton h3:first-child { padding: 0 20px } } #searchWidget .formContainer .dropdownContainer .menuButton span.dropdownMenuIcon { margin: 10px; padding: 7.5px; background: url("/a/d5bbaf/content/images/icondropdown.svg"); background-repeat: no-repeat; width: .5em; height: .5em; background-size: 100% 100% } #searchWidget .formContainer .dropdownContainer .menuButton[aria-expanded="true"] span.dropdownMenuIcon { transform: scaleY(-1) } #searchWidget .formContainer .dropdownContainer .dropdownWrapper { position: relative; z-index: 2; background-color: #fff; width: 100%; border: 1px solid #d9d9d9; border-radius: 0 0 10px 10px; box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, .1); overflow: hidden; box-sizing: border-box; font-weight: 300; font-size: .8em } #searchWidget .formContainer .dropdownContainer .dropdownWrapper .priceInputContainer { border-bottom: 1px solid #d9d9d9 } #searchWidget .formContainer .dropdownContainer .dropdownWrapper .priceInputContainer input { color: #333; border: 1px solid #d9d9d9; background-color: #f2f2f2; padding: 5px } #searchWidget .formContainer .dropdownContainer .dropdownWrapper .priceInputContainer input.invalidInput { border-color: #fe0000 } #searchWidget .formContainer .dropdownContainer .dropdownWrapper .maximumPriceListbox { text-align: right } #searchWidget .formContainer .dropdownContainer .dropdownWrapper li { font-weight: 300; padding: 7.5px; border-bottom: 1px solid #d9d9d9; user-select: none; cursor: pointer } #searchWidget .formContainer .dropdownContainer .dropdownWrapper li:hover { background-color: #f2f2f2 } #searchWidget .formContainer .dropdownContainer .dropdownWrapper li[aria-selected="true"] { color: #fff; background-color: #e66500 } .high-contrast #searchWidget .formContainer .dropdownContainer .dropdownWrapper li[aria-selected="true"] { background-color: #c15401 } #searchWidget .formContainer .dropdownContainer .dropdownWrapper li:last-child { border-bottom: none } #searchWidget .formContainer .dropdownContainer .dropdownWrapper li[disabled] { display: none } @media (min-width: 1400px) { #searchWidget .formContainer .dropdownContainer .dropdownWrapper li { padding-left: 30px; padding-right: 30px } } @media (min-width: 1024px) { #searchWidget .formContainer .dropdownContainer { display: block; max-width: 20% } } @media (min-width: 1024px) { #searchWidget .formContainer .dropdownContainer#priceDropdown { max-width: 30% } } @media (min-width: 1400px) { #searchWidget .formContainer .dropdownContainer#priceDropdown { max-width: 20% } } #searchWidget .formContainer.suggestionsOpened { border-radius: 10px 10px 0 0 } @media (min-width: 768px) { #searchWidget .formContainer.suggestionsOpened { border-radius: 10px 0 0 0 } } #searchWidget .searchButton { box-sizing: border-box; background-color: #e66500; border: 1px solid #e66500; border-radius: 10px 10px; font-size: 22px; font-weight: 600; color: #fff; text-align: center; cursor: pointer } .high-contrast #searchWidget .searchButton { background-color: #c15401 } .high-contrast #searchWidget .searchButton { border-color: #c15401 } @media (min-width: 768px) { #searchWidget .searchButton { border-radius: 0 10px 10px 0; font-size: 16px } } @media (min-width: 1024px) { #searchWidget .searchButton { font-size: 20px } } @media (min-width: 1400px) { #searchWidget .searchButton { font-size: 24px } } @media (min-width: 768px) { #searchWidget { min-width: 540px; max-width: 85% } } @media (min-width: 1400px) { #searchWidget { max-width: 1260px } } .iPadVideoPlayer { position: absolute; left: -9999px } #modalVideoPlayerContainer { position: relative } #videoPlayerWrapper { color: #fff; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; min-height: 1100px } @media only screen and (max-width: 2000px) { #videoPlayerWrapper { min-height: 900px } } @media only screen and (max-width: 1660px) { #videoPlayerWrapper { min-height: 800px } } @media only screen and (max-width: 1399px) { #videoPlayerWrapper { min-height: 680px; top: 60% } } @media only screen and (max-width: 1023px) { #videoPlayerWrapper { min-height: 500px; top: 60% } } @media only screen and (max-width: 1280px) and (max-height: 720px) { #videoPlayerWrapper { min-height: 560px; top: 50% } } @media only screen and (max-width: 1023px) and (max-height: 768px) { #videoPlayerWrapper { min-height: 560px; top: 50% } } @media only screen and (max-width: 800px) and (max-height: 600px) { #videoPlayerWrapper { min-height: 420px; top: 50% } } #videoPlayerWrapper .viewerContent { width: 66%; margin: 2.5% auto; height: 75%; background-color: #000 } #videoPlayerWrapper .viewerContent .videoPlayer { height: 100%; display: none; position: relative } #videoPlayerWrapper .viewerContent .videoPlayer .close { position: absolute; z-index: 10; right: 1%; top: 5px; border: none; background-color: transparent } #videoPlayerWrapper .viewerContent .videoPlayer.active { display: block } #videoPlayerWrapper .viewerContent .videoPlayer .videoPlayerContent { height: 100%; width: 100% } .mobileVideoPlayer { position: absolute; left: -9999px }

__MACOSX/www/css/._style.css

www/image/4.jpg

__MACOSX/www/image/._4.jpg

www/image/2.jpg

__MACOSX/www/image/._2.jpg

www/image/3.jpg

__MACOSX/www/image/._3.jpg

www/image/1.jpg

__MACOSX/www/image/._1.jpg

www/img/cowboy.jpg

__MACOSX/www/img/._cowboy.jpg

www/wamplangues/index_romanian.php

<?php // 3.1.4 - txtTLDdev // $langues = array( 'langue' => 'Română', 'locale' => 'romanian', 'titreHtml' => 'Index-ul WAMPSERVER', 'titreConf' => 'Configurare Server', 'versa' => 'Versiune Apache:', 'doca2.2' => 'httpd.apache.org/docs/2.2/en/', 'doca2.4' => 'httpd.apache.org/docs/2.4/en/', 'versp' => 'Versiune PHP:', 'server' => 'Aplicaţie Server:', 'documentation' => 'Documentaţie', 'docp' => 'www.php.net/manual/en/', 'versm' => 'Versiune MySQL:', 'docm' => 'dev.mysql.com/doc/index.html', 'versmaria' => 'Versiune MariaDB: ', 'docmaria' => 'mariadb.com/kb/en/mariadb/documentation', 'phpExt' => 'Extensii încarcate: ', 'titrePage' => 'Instrumente', 'txtProjet' => 'Proiectele Tale', 'txtNoProjet' => 'Nu există niciun Proiect.<br />Pentru a crea unul, nu trebuie decât sa creaţi un director (folder) în \'www\'.', 'txtAlias' => 'Aliasuri', 'txtNoAlias' => 'Nu există niciun Alias.<br />Pentru a crea unul, foloseşte meniul WAMPSERVER.', 'txtVhost' => 'VirtualHost', 'txtServerName' => 'Numele Serverului %s are o eroare de sintaxă în fişierul %s', 'txtDocRoot' => 'Numele Serverului %s foloseşte DocumentRoot %s rezervat pentru localhost', 'txtTLDdev' => 'Numele Serverului %s foloseşte TLD %s care este exclusiv folosit de browserele web. Foloseşte un alt TLD (.test spre examplu)', 'txtServerNameIp' => 'IP %s pentru Numele Serverului %s este invalid în fişierul %s', 'txtVhostNotClean' => 'Fişierul %s nu a fost golit. Rămân exemple de VirtualHost precum: dummy-host.example.com', 'txtNoVhost' => 'Niciun VirtualHost definit. Adaugă câte unul pentru fiecare proiect ăn fişierul: wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf', 'txtNoIncVhost' => 'Şterge comentariul sau adaugă linia <i>Include conf/extra/httpd-vhosts.conf</i> în fişierul wamp/bin/apache/apache%s/conf/httpd.conf', 'txtNoVhostFile' => 'Fişierul: %s nu există', 'txtNoPath' => 'Calea %s pentru %s nu există (Fişierul %s)', 'txtNotWritable' => 'Fişierul: %s nu este modificabil', 'txtNbNotEqual' => 'Numărul de %s nu se potriveşte cu numărul de %s în fişierul %s', 'txtAddVhost' => 'Adaugă un Virtual Host', 'txtPortNumber' => 'Numărul Portului pentru %s este incorect sau diferă de cel din fişierul %s', 'txtCorrected' => 'Unele erori VirtualHosts pot fi corectate.', 'forum' => 'Forumul Wampserver', 'forumLink' => 'http://forum.wampserver.com/list.php?2', 'portUsed' => 'Portul definit pentru Apache: ', 'mysqlportUsed' => 'Portul definit pentru MySQL: ', 'mariaportUsed' => 'Portul definit pentru MariaDB: ', 'nolocalhost' => 'Nu este o idee bună sa adăugaţi localhost în adresa (url-ul) proiectelor. Este recomandată definirea unui VirtualHost corespunzător în fişierul<br />wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf<br />şi evitarea folosirii localhost în adrese (url).', ); ?>

__MACOSX/www/wamplangues/._index_romanian.php

www/wamplangues/index_english.php

<?php // 3.2.0 - txtProjects // $langues = array( 'langue' => 'English', 'locale' => 'english', 'titreHtml' => 'WAMPSERVER Homepage', 'titreConf' => 'Server Configuration', 'versa' => 'Apache Version:', 'doca2.2' => 'httpd.apache.org/docs/2.2/en/', 'doca2.4' => 'httpd.apache.org/docs/2.4/en/', 'versp' => 'PHP Version:', 'server' => 'Server Software:', 'documentation' => 'Documentation', 'docp' => 'www.php.net/manual/en/', 'versm' => 'MySQL Version:', 'docm' => 'dev.mysql.com/doc/index.html', 'versmaria' => 'MariaDB Version: ', 'docmaria' => 'mariadb.com/kb/en/mariadb/documentation', 'phpExt' => 'Loaded Extensions : ', 'titrePage' => 'Tools', 'txtProjet' => 'Your Projects', 'txtNoProjet' => 'No projects yet.<br />To create a new one, just create a directory in \'www\'.', 'txtProjects' => 'These are your folders in %s<br />To use them as an http link, you must declare them as VirtualHost', 'txtAlias' => 'Your Aliases', 'txtNoAlias' => 'No Alias yet.<br />To create a new one, use the WAMPSERVER menu.', 'txtVhost' => 'Your VirtualHost', 'txtServerName' => 'The ServerName %s has syntax error in file %s', 'txtDocRoot' => 'The ServerName %s use DocumentRoot %s reserved to localhost', 'txtTLDdev' => 'The ServerName %s use TLD %s which is monopolized by web browsers. Use another TLD (.test for example)', 'txtServerNameIp' => 'IP %s for Servername %s is not valid in file %s', 'txtVhostNotClean' => 'The %s file has not been cleaned. There remain VirtualHost examples like: dummy-host.example.com', 'txtNoVhost' => 'No VirtualHost yet. Add one for each project in the file: wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf', 'txtNoIncVhost' => 'Uncomment or add <i>Include conf/extra/httpd-vhosts.conf</i> in file wamp/bin/apache/apache%s/conf/httpd.conf', 'txtNoVhostFile' => 'The file: %s does not exists', 'txtNoPath' => 'The path %s for %s does not exist (File %s)', 'txtNotWritable' => 'The file: %s is not writable', 'txtNbNotEqual' => 'The number of %s does not match the number of %s in %s file', 'txtAddVhost' => 'Add a Virtual Host', 'txtPortNumber' => 'Port number for %s has not correct value or is not the same in file %s', 'txtCorrected' => 'Some VirtualHosts errors can be corrected.', 'forum' => 'Wampserver Forum', 'forumLink' => 'http://forum.wampserver.com/list.php?2', 'portUsed' => 'Port defined for Apache: ', 'mysqlportUsed' => 'Port defined for MySQL: ', 'mariaportUsed' => 'Port defined for MariaDB: ', 'nolocalhost' => 'It\'s a bad idea to add localhost in the url of launching projects. It is best to define VirtualHost in<br />wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf<br />file and not add localhost in the url.', ); ?>

__MACOSX/www/wamplangues/._index_english.php

www/wamplangues/index_czech.php

<?php // // 3.1.1 - txtDocRoot // translated by František Bartoš (Bart, [email protected]) $langues = array( 'langue' => 'Czech', 'locale' => 'czech', 'titreHtml' => 'WAMPSERVER Přehled', 'titreConf' => 'Konfigurace serveru', 'versa' => 'Apache verze:', 'doca2.2' => 'httpd.apache.org/docs/2.2/en/', 'doca2.4' => 'httpd.apache.org/docs/2.4/en/', 'versp' => 'PHP verze:', 'server' => 'Software serveru:', 'documentation' => 'Dokumentace', 'docp' => 'www.php.net/manual/en/', 'versm' => 'MySQL verze:', 'docm' => 'dev.mysql.com/doc/index.html', 'versmaria' => 'MariaDB verze: ', 'docmaria' => 'mariadb.com/kb/en/mariadb/documentation', 'phpExt' => 'Načtená rozšíření: ', 'titrePage' => 'Nástroje', 'txtProjet' => 'Projekty', 'txtNoProjet' => 'Nevytvořen zatím žádný projekt.<br />Chcete-li vytvořit nový PROJEKT, stačí vytvořit nový adresář s projektem v adresáři \'www\'.', 'txtAlias' => 'Aliasy', 'txtNoAlias' => 'Zatím žádný Alias.<br />Chcete-li vytvořit nový ALIAS, použijte nabídku v menu WAMPSERVER.', 'txtVhost' => 'VirtualHost', 'txtServerName' => 'ServerName %s má chybnou syntaxi v souboru %s', 'txtDocRoot' => 'ServerName %s používá DocumentRoot %s vyhrazený pro localhost', 'txtServerNameIp' => 'IP adresa %s pro Servername %s v souboru %s není platná', 'txtVhostNotClean' => 'Soubor %s nebyl vyčištěn. Zde je příklad pro VirtualHost: dummy-host.example.com', 'txtNoVhost' => 'Zatím žádný VirtualHost. Přidejte pro záznam pro každý projekt zvlášt v souboru: wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf', 'txtNoIncVhost' => 'Odkomentujte nebo přidejte <i>Include conf/extra/httpd-vhosts.conf</i> v souboru wamp/bin/apache/apache%s/conf/httpd.conf', 'txtNoVhostFile' => 'Soubor: %s neexistuje', 'txtNoPath' => 'Cesta %s k %s neexistuje (Soubor %s)', 'txtNotWritable' => 'Soubor: %s není zapisovatelný', 'txtNbNotEqual' => 'Počet %s neodpovídá počtu %s v souboru %s', 'txtAddVhost' => 'Přidat Virtual Host', 'txtPortNumber' => 'Číslo portu pro %s nemá správnou hodnotu nebo není stejné v souboru %s', 'txtCorrected' => 'Některé chyby ve VirtualHosts lze opravit.', 'forum' => 'WampServer Fórum', 'forumLink' => 'http://forum.wampserver.com/list.php?2', 'portUsed' => 'Definovaný port pro Apache: ', 'mysqlportUsed' => 'Definovaný port pro MySQL: ', 'mariaportUsed' => 'Definovaný port pro MariaDB: ', 'nolocalhost' => 'Jde o špatný nápad přidat "localhost" do URL adresy projektů při jejich zahájení. Nejlepší způsob je definovat VirtualHost v souboru<br />wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf<br /> a do URL adresy tak localhost nepřidávat.', ); ?>

__MACOSX/www/wamplangues/._index_czech.php

www/wamplangues/index_portuguese.php

<?php $langues = array( 'langue' => 'Português', 'locale' => 'brazil', 'titreHtml' => 'WAMPSERVER Início', 'titreConf' => 'Configurações do Servidor', 'doc' => 'Documentação', 'ver' => 'Versão', 'versa' => 'Versão do Apache :', 'doca2.2' => 'httpd.apache.org/docs/2.2/pt-br/', 'doca2.4' => 'httpd.apache.org/docs/2.4/pt-br/', 'versp' => 'Versão do PHP :', 'server' => 'Software do Servidor :', 'docp' => 'www.php.net/manual/pt_BR/', 'versm' => 'Versão do MySQL:', 'docm' => 'dev.mysql.com/doc/index.html', 'phpExt' => 'Extensões Carregadas : ', 'titrePage' => 'Ferramentas', 'txtProjet' => 'Seus Projetos', 'txtNoProjet' => 'Sem projetos Ainda.<br />Para criar um novo, apenas crie um diretório em \'www\'.', 'txtAlias' => 'Seus Aliases', 'txtNoAlias' => 'Sem Alias Ainda.<br />Para criar um novo, use o menu do WAMPSERVER.', 'txtVhost' => 'Seus VirtualHost', 'txtServerName' => 'O ServerName %s esta com erro de sintaxe no arquivo %s', 'txtVhostNotClean' => 'O arquivo %s não foi entendido. Siga os exemplos de VirtualHost como: dummy-host.example.com', 'txtNoVhost' => 'Sem VirtualHost ainda. Adicione um para cada projeto no arquivo: wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf', 'txtNoIncVhost' => 'Descomente ou adicione <i>Include conf/extra/httpd-vhosts.conf</i> no arquivo wamp/bin/apache/apache%s/conf/httpd.conf', 'txtNoVhostFile' => 'O Arquivo: %s não existe', 'txtNoPath' => 'O Caminho %s para %s não existe (Arquivo %s)', 'txtNotWritable' => 'O Arquivo: %s não é gravável', 'txtNbNotEqual' => 'O número de %s não corresponde ao número de %s no arquivo %s', 'txtAddVhost' => 'Adicionar Virtual Host', 'txtPortNumber' => 'Número da porta para %s não tem valor correto ou não é o mesmo no arquivo %s', 'txtCorrected' => 'Alguns erros VirtualHosts pode ser corrigido.', 'forumLink' => 'http://forum.wampserver.com/', 'forum' => 'Fórum do WampServer', 'portUsed' => 'Porta definida para o Apache: ', 'mysqlportUsed' => 'Porta definida para o MySQL: ', 'nolocalhost' => 'Não é recomendado adicionar o localhost nas url dos projetos. É melhor definir VirtualHost no arquivo <br />wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf<br /> e não adicionar localhost na url', ); ?>

__MACOSX/www/wamplangues/._index_portuguese.php

www/wamplangues/index_spanish.php

<?php // 3.1.4 - txtTLDdev // $langues = array( 'langue' => 'Español', 'locale' => 'español', 'titreHtml' => 'Página de inicio de WAMPSERVER', 'titreConf' => 'Configuración del servidor', 'versa' => 'Versión de Apache:', 'doca2.2' => 'httpd.apache.org/docs/2.2/es/', 'doca2.4' => 'httpd.apache.org/docs/2.4/es/', 'versp' => 'Versión de PHP:', 'server' => 'Software del servidor:', 'documentation' => 'Documentación', 'docp' => 'www.php.net/manual/es/', 'versm' => 'Versión de MySQL:', 'docm' => 'dev.mysql.com/doc/index.html', 'versmaria' => 'Versión de MariaDB: ', 'docmaria' => 'mariadb.com/kb/en/mariadb/documentation', 'phpExt' => 'Extensiones cargadas: ', 'titrePage' => 'Herramientas', 'txtProjet' => 'Tus proyectos', 'txtNoProjet' => 'Aún no hay proyectos.<br/>Para crear uno nuevo, solo crea un directorio en \www\.', 'txtAlias' => 'Tus alias', 'txtNoAlias' => 'Aún no hay alias. <br /> Para crear uno nuevo, use el menú de WAMPSERVER.', 'txtVhost' => 'Tu VirtualHost', 'txtServerName' => 'El ServerName %s tiene un error de sintaxis en el archivo %s', 'txtDocRoot' => 'El ServerName %s usa DocumentRoot %s reservado para localhost', 'txtTLDdev' => 'ServerName %s usa TLD %s, que está monopolizado por los navegadores web. Utilice otro TLD (.test por ejemplo)', 'txtServerNameIp' => 'IP %s del Servername %s no es válida en el archivo %s', 'txtVhostNotClean' => 'El archivo %s no se ha limpiado. Quedan ejemplos de VirtualHost como: dummy-host.example.com', 'txtNoVhost' => 'No hay VirtualHost todavía. Agregue uno para cada proyecto en el archivo wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf', 'txtNoIncVhost' => 'Descomentar o añadir <i>Include conf/extra/httpd-vhosts.conf</i> en el archivo wamp/bin/apache/apache%s/conf/httpd.conf', 'txtNoVhostFile' => 'El archivo: %s no existe', 'txtNoPath' => 'La ruta %s para %s no existe (archivo %s)', 'txtNotWritable' => 'El archivo: %s es de solo lectura', 'txtNbNotEqual' => 'El número de %s no coincide con el número de %s en el archivo %s', 'txtAddVhost' => 'Añadir un host virtual', 'txtPortNumber' => 'El número de puerto para %s no tiene el valor correcto o no es el mismo en el archivo %s', 'txtCorrected' => 'Algunos errores de VirtualHosts pueden ser corregidos.', 'forum' => 'Foro de Wampserver', 'forumLink' => 'http://forum.wampserver.com/list.php?2', 'portUsed' => 'Puerto definido para Apache: ', 'mysqlportUsed' => 'Puerto definido para MySQL: ', 'mariaportUsed' => 'Puerto definido para MariaDB: ', 'nolocalhost' => 'Es una mala idea añadir localhost en la url de lanzamiento de proyectos. Es mejor definir VirtualHost en el archivo<br/>wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf<br/> y no añadir localhost en la url.', ); ?>

__MACOSX/www/wamplangues/._index_spanish.php

www/wamplangues/add_vhost_hellenic.php

<?php $langues = array( 'langue' => 'Ελληνικά', 'locale' => 'hellenic', 'addVirtual' => 'Προσθήκη ενός VirtualHost', 'backHome' => 'Επιστροφή στην Αρχική σελίδα', 'VirtualSubMenuOn' => 'Το αντικείμενο <code>υπομενού VirtualHost</code> πρέπει να τεθεί σε (Ανοιχτό) στις <code>Ρυθμίσεις Wamp</code> Μενού Δεξιού Κλικ. Μετά επαναφορτώστε αυτή τη σελίδα', 'UncommentInclude' => 'Αποσχολιάστε <small>(Σβήστε τη δίεση #)</small> τη γραμμή <code>#Include conf/extra/httpd-vhosts.conf</code><br>στο αρχείο %s', 'FileNotExists' => 'Το αρχείο <code>%s</code> δεν υπάρχει', 'FileNotWritable' => 'Το αρχείο <code>%s</code> δεν είναι εγγράψιμο', 'DirNotExists' => 'Το <code>%s</code> δεν υπάρχει ή δεν είναι φάκελος', 'NotCleaned' => 'Το αρχείο <code>%s</code> δεν εκκαθαρίστηκε.<br>Εκεί παραμένουν παραδείγματα VirtualHost όπως: dummy-host.example.com', 'NoVirtualHost' => 'Δεν έχει οριστεί VirtualHost στο <code>%s</code><br>Πρέπει να υπάρχει τουλάχιστον το VirtualHost για το localhost.', 'NoFirst' => 'Το πρώτο VirtualHost πρέπει να είναι το <code>localhost</code> στο αρχείο <code>%s</code>', 'ServerNameInvalid' => 'Το όνομα διακομιστή ServerName <code>%s</code> δεν είναι έγκυρο.', 'VirtualHostName' => 'Το όνομα του <code>Virtual Host</code> Όχι διακριτικοί χαρακτήρες (ecen) - Όχι κενό - Όχι κάτω παύλα (_)', 'VirtualHostFolder' => 'Πλήρης απόλυτη <code>διαδρομή</code> του <code>φακέλου</code> του VirtualHost <i>Παραδείγματα: C:/wamp/www/projet/ ή E:/www/site1/</i>', 'VirtualAlreadyExist' => 'Το όνομα διακοιστή ServerName <code>%s</code> υπάρχει ήδη', 'VirtualHostExists' => 'Το VirtualHost έχει ήδη οριστεί:', 'Start' => 'Έναρξη της δημιουργίας του VirtualHost (Ίσως διαρκέσει λίγο...)', 'GreenErrors' => 'Τα σφάλματα σε πράσινο πλαίσιο μπορούν να διορθωθούν αυτόματα.', 'Correct' => 'Έναρξη της αυτόματης διόρθωσης των σφαλμάτων εντός των πράσινων πλαισίων', 'NoModify' => 'Αδύνατη η αλλαγή των αρχείων <code>httpd-vhosts.conf</code> ή <code>hosts</code>', 'VirtualCreated' => 'Τα αρχεία έχουν αλλάξει. Το Virtual host <code>%s</code> δημιουργήθηκε', 'CommandMessage' => 'Μηνύματα από τη γραμμή εντολών για ενημέρωση του DNS:', 'However' => 'Μπορείτε να προσθέσετε ένα άλλο VirtualHost επικυρώνοντας το «Προσθήκη ενός VirtualHost».<br>Ωστόσο, για αυτά τα νέα VirtualHost που λαμβάνονται υπόψη από τον Apache, πρέπει να εκτελέσετε το αντικείμενο <br><code>Επανεκκίνηση DNS</code><br>από το μενού Εργαλείων Δεξιού Κλικ του εικονιδίου Wampmanager. <i>(Αυτό δυστυχώς δεν μπορεί να γίνει αυτόματα)</i>', ); ?>

__MACOSX/www/wamplangues/._add_vhost_hellenic.php

www/wamplangues/add_vhost_portuguese.php

<?php $langues = array( 'langue' => 'Português', 'locale' => 'brazil', 'addVirtual' => 'Adicionar VirtualHost', 'backHome' => 'Voltar ao Início', 'VirtualSubMenuOn' => 'O <code>sub-menu VirtualHost</code> devem ser ativado no menu do botão direito <code>Opções do Wamp</code> <br> Ative este item e recarregue esta página', 'UncommentInclude' => 'Descomente <small>(Apague #)</small> na linha <code>#Include conf/extra/httpd-vhosts.conf</code><br>no Arquivo %s', 'FileNotExists' => 'O Arquivo <code>%s</code> não existe', 'FileNotWritable' => 'The file <code>%s</code> is not writable', 'FileNotWritable' => 'O Arquivo <code>%s</code> não é gravável', 'DirNotExists' => '<code>%s</code> não existe ou não é um diretório', 'NotCleaned' => 'O arquivo <code>%s</code> não foi entendido. Siga os exemplos de VirtualHost como: dummy-host.example.com', 'NoVirtualHost' => 'Não há VirtualHost definida em <code>%s</code><br> Ele deve ter pelo menos o VirtualHost para localhost.', 'NoFirst' => 'The first VirtualHost must be <code>localhost</code> in <code>%s</code> file', 'ServerNameInvalid' => 'O ServerName <code>%s</code> é Inválido.', 'VirtualHostName' => 'Digite o Nome do <code>Virtual Host</code> Sem espaços - Sem underscore(_)', 'VirtualHostFolder' => 'Digite o <code>path</code> Caminho Completo do <code>Diretorio</code> do VirtualHost. <i>Exemplos: C:/wamp/www/projet/ ou E:/www/site1/</i>', 'VirtualAlreadyExist' => 'O ServerName <code>%s</code> já existe.', 'VirtualHostExists' => 'VirtualHost já definidos:', 'Start' => 'Iniciar a criação do VirtualHost (Pode demorar um pouco ...)', 'GreenErrors' => 'Os erros verdes verificados podem ser corrigidos automaticamente.', 'Correct' => 'Start the automatic correction of errors inside the green borders panel', 'Correct' => 'Comece a correção automática de erros dentro da aba verde do painel', 'NoModify' => 'Impossível modificar o arquivo <code>httpd-vhosts.conf</code> ou <code>hosts</code>', 'VirtualCreated' => 'Os arquivos foram modificados. o Virtual host <code>%s</code> foi criada', 'CommandMessage' => 'As mensagens do console para atualizar o DNS:', 'However' => 'Você pode adicionar outro VirtualHost em "Adicionar um VirtualHost". <br> No entanto, para estes novos VirtualHost feitos por conta do Apache, você deve executar o comando <br><code>Restart DNS</code><br> Clique direito no ícone do Wamp e no menu Ferramentas. <i>(Isto pode, infelizmente, não ser feito automaticamente) </i> ', ); ?>

__MACOSX/www/wamplangues/._add_vhost_portuguese.php

www/wamplangues/index_french.php

<?php // 3.2.0 - txtProjects // $langues = array( 'langue' => 'Français', 'locale' => 'french', 'titreHtml' => 'Accueil WAMPSERVER', 'titreConf' => 'Configuration Serveur', 'versa' => 'Version Apache :', 'doca2.2' => 'httpd.apache.org/docs/2.2/fr/', 'doca2.4' => 'httpd.apache.org/docs/2.4/fr/', 'versp' => 'Version de PHP :', 'server' => 'Server Software :', 'documentation' => 'Documentation', 'docp' => 'www.php.net/manual/fr/', 'versm' => 'Version de MySQL :', 'docm' => 'dev.mysql.com/doc/index.html', 'versmaria' => 'Version de MariaDB :', 'docmaria' => 'mariadb.com/kb/fr/documentation-de-mariadb', 'phpExt' => 'Extensions Chargées :', 'titrePage' => 'Outils', 'txtProjet' => 'Vos Projets', 'txtServerName' => 'Le ServerName %s comporte des erreurs de syntaxe dans le fichier %s', 'txtDocRoot' => 'Le ServerName %s utilise le DocumentRoot %s réservé à localhost', 'txtTLDdev' => 'Le ServerName %s utilise le TLD %s qui est accaparé par les navigateurs internet. Utilisez un autre TLD (.test par exemple)', 'txtServerNameIp' => 'L\'IP %s du Servername %s n\'est pas valide dans le fichier %s', 'txtVhostNotClean' => 'Le fichier %s n\'a pas été nettoyé. Il reste des exemples de VirtualHost comme : dummy-host.example.com', 'txtNoProjet' => 'Aucun projet.<br /> Pour en ajouter un nouveau, créez simplement un répertoire dans \'www\'.', 'txtProjects' => 'Ce sont vos dossiers dans %s<br />Pour les utiliser comme lien http, il faut les déclarer en tant que VirtualHost', 'txtAlias' => 'Vos Alias', 'txtNoAlias' => 'Aucun alias.<br /> Pour en ajouter un nouveau, utilisez le menu de WAMPSERVER.', 'txtVhost' => 'Vos VirtualHost', 'txtNoVhost' => 'Aucun VirtualHost. Ajouter-en un par projet dans le fichier : wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf', 'txtNoIncVhost' => 'Décommentez ou ajouter <i>Include conf/extra/httpd-vhosts.conf</i> dans le fichier wamp/bin/apache/apache%s/conf/httpd.conf', 'txtNoVhostFile' => 'Le fichier : %s n\'existe pas', 'txtNoPath' => 'Le chemin %s pour %s n\'existe pas (Fichier %s)', 'txtNotWritable' => 'Le fichier : %s est en lecture seule', 'txtNbNotEqual' => 'Le nombre %s ne correspond pas au nombre de %s dans le fichier %s', 'txtAddVhost' => 'Ajouter un Virtual Host', 'txtCorrected' => 'Certaines erreurs VirtualHosts pourront être corrigées.', 'txtPortNumber' => 'Le numéro de port pour %s n\'est pas correct ou ne sont pas identiques dans le fichier %s', 'forum' => 'Forum Wampserver', 'forumLink' => 'http://forum.wampserver.com/list.php?1', 'portUsed' => 'Port défini pour Apache : ', 'mysqlportUsed' => 'Port défini pour MySQL : ', 'mariaportUsed' => 'Port défini pour MariaDB : ', 'nolocalhost' => 'C\'est une mauvaise idée d\'ajouter localhost dans les url de lancement des projets. Il est préférable de définir des VirtualHost dans le fichier<br />wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf<br />et de ne pas ajouter localhost dans les url.', ); ?>

__MACOSX/www/wamplangues/._index_french.php

www/wamplangues/add_vhost_turkish.php

<?php /* Translate By HASAN ERYILMAZ Websites:http://hasaneryilmaz.blogspot.com */ //3.0.7 VirtualHostPort - VirtualPortNotExist - VirtualPortExist $langues = array( 'langue' => 'Türkçe', 'locale' => 'turkish', 'addVirtual' => 'Sanal Sunucu Ekle', 'backHome' => 'Anasayfaua geri dön', 'VirtualSubMenuOn' => '<Code> VirtualHost alt menüsü </code> öğesinin <code> Wamp Ayarları </code> Sağ Tıklama menüsünde (Açık) olarak ayarlanmış olması gerekir. Sonra bu sayfayı yeniden yükleyin..', 'UncommentInclude' => '%s dosyasını "#Include conf/extra/httpd-vhosts.conf" dosyasında kaldırın', 'FileNotExists' => '<code> %s </code> dosyası mevcut değil', 'FileNotWritable' => '<code> %s </code> dosyası yazılabilir değil', 'DirNotExists' => '<code> %s </code> yok veya bir dizin değil', 'NotCleaned' => '<code> %s </code> dosyası temizlenmedi. <br> Aşağıdaki gibi VirtualHost örnekleri kaldı: dummy-host.example.com', 'NoVirtualHost' => '<code> %s </code> içinde tanımlanmış hiçbir Virtual Host yok. En azından localhost için Virtual Host \'a sahip olmalı.', 'NoFirst' => 'İlk Sanal Ana Makine, <code> %s </code> dosyasında <code> localhost </code> olmalıdır', 'ServerNameInvalid' => 'SunucuAdı <code> %s </code> geçersiz.', 'LocalIpInvalid' => 'Yerel IP <code> %s </code> geçersiz.', 'VirtualHostName' => 'Lütfen boşluk ve alt çizgi kullanmayınız.', 'VirtualHostFolder' => 'Sanal Ana Bilgisayar klasörünün örnek olarak bu şekilde olabilir: C:/wamp/www/project/ yada E:/www/site1/ </i>', 'VirtualHostIP' => '<code class="option"> </code> Sanal Ana Bilgisayarı IP ile kullanmak istiyorsanız: <code class="option"> yerel IP </code> 127.x.y.z', 'VirtualHostPort' => '<code class="option">If</code>If you want to use "Listen port" other than the default <code class="option">Accepted ports</code> %s', 'VirtualAlreadyExist' => 'SunucuAdı <code> %s </code> zaten mevcut', 'VirtualIpAlreadyUsed' => 'Yerel IP <code> %s </code> zaten mevcut', 'VirtualPortNotExist' => 'The port <code>%s</code> is not a "Listen port" Apache', 'VirtualPortExist' => 'The port <code>%s</code> is default "Listen port" Apache and should not be mentioned', 'VirtualHostExists' => 'Sanal Ev Sahibi önceden tanımlandı:', 'Start' => 'Sanal Sunucunun oluşturulmasına başlayın (biraz zaman alabilir ...)', 'GreenErrors' => 'Yeşil çerçeveli hatalar otomatik olarak düzeltilebilir.', 'Correct' => 'Yeşil kenarlıklar panelindeki hataların otomatik düzeltilmesini başlatma', 'NoModify' => '<code> httpd-vhosts.conf </code> veya <code> hosts </code> dosyalarını değiştirmek imkansız', 'VirtualCreated' => 'Dosyalar değiştirildi. Sanal konak <code> %s </code> oluşturuldu', 'CommandMessage' => 'DNS \' i güncellemek için konsoldaki iletiler:', 'However' => '"Bir VirtualHost ekle" ni onaylayarak başka bir VirtualHost ekleyebilirsiniz. <br> Ancak, bu yeni VirtualHost için Apache tarafından dikkate alınır, <br> <code> DNS yi yeniden başlat </code> <br> öğesini sağdan çalıştırmanız gerekir -Wampmanager simgesinin Araçlar menüsünü tıklayın. <i> (Bu maalesef otomatik olarak yapılamaz) </i>', 'suppForm' => 'Sanal Ev Sahibi Formunu Bastır', 'suppVhost' => 'Sanal Ana Makineyi Bastır', 'Required' => 'Gerekli', 'Optional' => 'İsteğe Bağlı', ); ?>

__MACOSX/www/wamplangues/._add_vhost_turkish.php

www/wamplangues/add_vhost_french.php

<?php //3.1.1 - NotwwwDir //3.1.3 - VirtualHostPortNone //3.1.4 - txtTLDdev //3.1.9 - VirtualHostName modifié. Accepte les diacritiques (IDN) $langues = array( 'langue' => 'Français', 'locale' => 'french', 'addVirtual' => 'Ajouter un VirtualHost', 'backHome' => 'Retour à l\'accueil', 'VirtualSubMenuOn' => 'L\'item <code>Sous-menu VirtualHost</code> doit être validé dans le menu Clic-Droit <code>Paramètres Wamp</code><br>Validez cet item puis rechargez cette page', 'UncommentInclude' => 'Décommenter <small>(Supprimer #)</small> la ligne <code>#Include conf/extra/httpd-vhosts.conf</code><br>dans le fichier %s', 'FileNotExists' => 'Le fichier <code>%s</code> n\'existe pas', 'txtTLDdev' => 'Le ServerName %s utilise le TLD %s qui est accaparé par les navigateurs internet. Utilisez un autre TLD (.test par exemple)', 'FileNotWritable' => 'Le fichier <code>%s</code> est protégé en écriture.', 'DirNotExists' => '<code>%s</code> n\'existe pas ou n\'est pas un dossier', 'NotwwwDir' => 'Le dossier <code>%s</code> est réservé à "localhost". Veuillez utiliser un autre dossier', 'NotCleaned' => 'Le fichier <code>%s</code> n\'a pas été nettoyé.<br>Il reste des exemples de VirtualHost comme : dummy-host.example.com', 'NoVirtualHost' => 'Aucun VirtualHost n\'est défini dans <code>%s</code><br>Il doit y avoir au moins un VirtualHost pour localhost.', 'NoFirst' => 'Le premier VirtualHost doit être <code>localhost</code> dans le fichier <code>%s</code>', 'ServerNameInvalid' => 'Le nom du ServerName <code>%s</code> n\'est pas valide.', 'LocalIpInvalid' => 'L\'IP locale <code>%s</code> n\'est pas valide.', 'VirtualHostName' => 'Nom du <code>Virtual Host</code> Pas d\'espace - Pas de tiret bas (_) ', 'VirtualHostFolder' => '<code>Chemin</code> complet absolu du <code>dossier</code> VirtualHost - <i>Exemples : C:/wamp/www/projet/ ou E:/www/site1/</i> ', 'VirtualHostIP' => '<code class="option">Si</code> vous voulez utiliser les VirtualHost par IP : <code class="option">IP locale</code> 127.x.y.z ', 'VirtualHostPort' => '<code class="option">Si</code> vous voulez utiliser un "Listen port" autre que celui par défaut <code class="option">Ports acceptés</code> %s', 'VirtualHostPortNone' => 'Si vous voulez utiliser un "Listen port" autre que celui par défaut, vous devez ajouter un Listen Port à Apache par Clic-Droit Outils ', 'VirtualAlreadyExist' => 'Le ServerName <code>%s</code> existe déjà', 'VirtualIpAlreadyUsed' => 'L\'IP locale <code>%s</code> existe déjà', 'VirtualPortNotExist' => 'Le port <code>%s</code> ne fait pas partie des "Listen port" Apache', 'VirtualPortExist' => 'Le port <code>%s</code> fait partie des "Listen port" Apache par défaut et ne doit pas être mentionné', 'VirtualHostExists' => 'VirtualHost déjà définis :', 'Start' => 'Démarrer la création du VirtualHost (Peut prendre un certain temps)', 'GreenErrors' => 'Les erreurs encadrées en vert peuvent être corrigées automatiquement"', 'Correct' => 'Démarrer la correction automatique des erreurs notées dans le cadre à bordures vertes', 'NoModify' => 'Impossible de modifier les fichiers <code>httpd-vhosts.conf</code> ou <code>hosts</code>', 'VirtualCreated' => 'Les fichiers ont été modifiés, le virtual host <code>%s</code> a été créé', 'CommandMessage' => 'Messages de la console pour actualisation des DNS :', 'However' => 'Vous pouvez ajouter un autre VirtualHost en validant "Ajouter un VirtualHost"<br>Cependant, pour que ces nouveaux VirtualHost soient pris en compte par Apache, vous devez lancer l\'item<br><code>Redémarrage DNS</code><br>du menu Outils par Clic-Droit sur l\'icône Wampmanager. <i>(Ceci ne peut, hélas, pas être fait automatiquement)</i>', 'suppForm' => 'Formulaire de suppression de VirtualHost', 'suppVhost' => 'Supprimer VirtualHost', 'Required' => 'Requis', 'Optional' => 'Optionnel', ); ?>

__MACOSX/www/wamplangues/._add_vhost_french.php

www/wamplangues/add_vhost_spanish.php

<?php //3.1.1 - NotwwwDir //3.1.3 - VirtualHostPortNone' //3.1.4 - txtTLDdev $langues = array( 'langue' => 'Español', 'locale' => 'español', 'addVirtual' => 'Añadir un VirtualHost', 'backHome' => 'Volver a la página de inicio', 'VirtualSubMenuOn' => 'El elemento <code>VirtualHost sub-menu</code> debe configurarse en (Activado) en el menú del botón derecho de <code>Wamp Settings</code>. Luego vuelve a cargar esta página', 'UncommentInclude' => 'Descomentar <small>(Suppress #)</small> en la línea <code>#Include conf/extra/httpd-vhosts.conf</code><br>en el archivo %s', 'FileNotExists' => 'El archivo <code>%s</code> no existe', 'txtTLDdev' => 'El ServerName %s usa TLD %s, que está monopolizado por los navegadores web. Utilice otro TLD (.test por ejemplo)', 'FileNotWritable' => 'El archivo <code>%s</code> es de solo lectura', 'DirNotExists' => '<code>%s</code> no existe o no es un directorio', 'NotwwwDir' => 'La carpeta <code>%s</code> está reservada para "localhost". Por favor use otra carpeta.', 'NotCleaned' => 'El archivo <code>%s</code> no se ha limpiado.<br>Quedan ejemplos de VirtualHost como: dummy-host.example.com', 'NoVirtualHost' => 'No hay VirtualHost definido en <code>%s</code><br>Debe tener al menos el VirtualHost para localhost.', 'NoFirst' => 'El primer VirtualHost debe ser <code>localhost</code> en el archivo <code>%s</code>', 'ServerNameInvalid' => 'El ServerName <code>%s</code> no es válido.', 'LocalIpInvalid' => 'La IP local <code>%s</code> no es válida.', 'VirtualHostName' => 'Nombre del <code>Virtual Host</code> Sin espacio - Sin guión bajo (_)', 'VirtualHostFolder' => 'Complete absoluta <code>ruta</code> de la carpeta <code>VirtualHost</code> <i>Ejemplos: C:/wamp/www/projet/ o E:/www/site1/</i> ', 'VirtualHostIP' => '<code class="option">Si</code> desea utilizar VirtualHost por IP: <code class="option">IP local</code> 127.x.y.z ', 'VirtualHostPort' => '<code class="option">Si</code> desea utilizar "Puerto de escucha" que no sea el predeterminado <code class="option">Puertos aceptados</code> %s', 'VirtualHostPortNone' => 'Si desea utilizar un "puerto de escucha" que no sea el predeterminado, debe agregar un puerto de escucha a Apache haciendo clic con el botón derecho en las herramientas ', 'VirtualAlreadyExist' => 'El ServerName <code>%s</code> ya existe', 'VirtualIpAlreadyUsed' => 'La IP local <code>%s</code> ya existe', 'VirtualPortNotExist' => 'El puerto <code>%s</code> no es un "Puerto de escucha" Apache', 'VirtualPortExist' => 'El puerto <code>%s</code> es el "Puerto de escucha" predeterminado de Apache y no debe mencionarse', 'VirtualHostExists' => 'VirtualHost ya definido:', 'Start' => 'Iniciar la creación de VirtualHost (puede tardar un rato...)', 'GreenErrors' => 'Los errores enmarcados en verde se pueden corregir automáticamente.', 'Correct' => 'Inicia la corrección automática de errores dentro del panel de bordes verdes.', 'NoModify' => 'No es posible modificar los archivos <code>httpd-vhosts.conf</code> o <code>hosts</code>', 'VirtualCreated' => 'Los archivos han sido modificados. Se creó el host virtual <code>%s</code>', 'CommandMessage' => 'Mensajes desde la consola para actualizar DNS:', 'However' => 'Puede agregar otro VirtualHost mediante la validación "Añadir un VirtualHost". Sin embargo, para que estos nuevos VirtualHost sean tenidos en cuenta por Apache, debe ejecutar el elemento<br><code>Reiniciar DNS</code><br> haciendo clic con el botón derecho en el icono del menú Herramientas de Wampmanager. <i>(Desgraciadamente, esto no se puede hacer automáticamente)</i>', 'suppForm' => 'Suprimir el formulario VirtualHost', 'suppVhost' => 'Suprimir VirtualHost', 'Required' => 'Obligatorio', 'Optional' => 'Opcional', ); ?>

__MACOSX/www/wamplangues/._add_vhost_spanish.php

www/wamplangues/index_macedonian.php

<?php $langues = array( 'langue' => 'Македонски', 'locale' => 'mk_MK', 'titreHtml' => 'WAMPSERVER почетна страна', 'titreConf' => 'Конфигурација на серверот', 'versa' => 'Apache Верзија:', 'doca2.2' => 'httpd.apache.org/docs/2.2/en/', 'doca2.4' => 'httpd.apache.org/docs/2.4/en/', 'versp' => 'PHP Верзија:', 'server' => 'Server Software:', 'docp' => 'www.php.net/manual/en/', 'versm' => 'MySQL Верзија:', 'docm' => 'dev.mysql.com/doc/index.html', 'phpExt' => 'Вчитани екстензии : ', 'titrePage' => 'Алатки', 'txtProjet' => 'Мои Проекти', 'txtNoProjet' => 'Сеуште нема проекти.<br />За да креирате нов проект, направете директориум во \'www\'.', 'txtAlias' => 'Мои Aliases', 'txtNoAlias' => 'Сеуште нема Alias.<br />За да креирате нов, искористете го WAMPSERVER менито.', 'txtVhost' => 'Мои VirtualHost', 'txtServerName' => 'ServerName %s - има синтаксна грешка во датотеката %s', 'txtVhostNotClean' => 'Датотеката %s не е избришана. Сеуште постојат VirtualHost примери како на пр.: dummy-host.example.com', 'txtNoVhost' => 'Нема дефиниран VirtualHost. Додадете по една дефиниција за секој проект во: wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf', 'txtNoIncVhost' => 'Од-коментирајте или додадете <i>Include conf/extra/httpd-vhosts.conf</i> во : wamp/bin/apache/apache%s/conf/httpd.conf', 'txtNoVhostFile' => 'Датотеката: %s не постои', 'txtNoPath' => 'Патеката %s за %s не постои (датотека %s)', 'txtNotWritable' => 'Датотеката: %s нема дозвола за запишување', 'txtNbNotEqual' => 'Бројот на %s не е ист со бројот на %s во %s датотеката', 'txtAddVhost' => 'Додавање на Virtual Host', 'txtPortNumber' => 'Бројот на порта за %s нема точна вредност или не е во истата датотека за %s', 'txtCorrected' => 'Некои VirtualHosts грешки не може да се корегираат.', 'forum' => 'http://forum.wampserver.com/list.php?2', 'portUsed' => 'Дефинирана порта за Apache: ', 'mysqlportUsed' => 'Дефинирана порта за MySQL: ', 'nolocalhost' => 'Лоша идеја: не треба да се додаде localhost во url за нов проект. Треба да се дефинира VirtualHost во <br />wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf<br />.', ); ?>

__MACOSX/www/wamplangues/._index_macedonian.php

www/wamplangues/add_vhost_czech.php

<?php //3.1.1 - NotwwwDir // translated by František Bartoš (Bart, [email protected]) $langues = array( 'langue' => 'Czech', 'locale' => 'czech', 'addVirtual' => 'Přidat VirtualHost', 'backHome' => 'Zpět na WAMPSERVER Přehled', 'VirtualSubMenuOn' => 'Položka <code>sub-menu VirtualHost</code> musít být nastavena na (Zobrazit) v nabídce <code>Wamp nastavení</code> - pravé kontextové tlačítko myši. Poté znovu obnovte tuto stránku', 'UncommentInclude' => 'Odkomentujte <small>(odstraňte #)</small> na řádku <code>#Include conf/extra/httpd-vhosts.conf</code><br> v souboru %s', 'FileNotExists' => 'Soubor <code>%s</code> neexistuje', 'FileNotWritable' => 'Soubor <code>%s</code> není zapisovatelný', 'DirNotExists' => '<code>%s</code> neexistuje nebo není adresář', 'NotwwwDir' => 'Adresář <code>%s</code> je vyhrazen pro "localhost". Použijte prosím jiný (nový) adresář.', 'NotCleaned' => '<code>%s</code> soubor nebyl vyčištěn.<br>Zde jde příklad pro VirtualHost: dummy-host.example.com', 'NoVirtualHost' => 'Neexistuje žádný VirtualHost definovaný v <code>%s</code><br>VirtualHost by měl být vytvořen alespoň pro localhost.', 'NoFirst' => 'První VirtualHost musí být <code>localhost</code> v souboru <code>%s</code>', 'ServerNameInvalid' => 'ServerName <code>%s</code> je neplatný.', 'LocalIpInvalid' => 'Místní IP adresa <code>%s</code> je neplatná.', 'VirtualHostName' => '<code>Název</code> pro <code>Virtual Host</code> Žádné mezery - Žádné podtržítko(_) ', 'VirtualHostFolder' => 'Kompletní a absolutní <code>cesta</code> k <code>adresáři</code> s <code>projektem</code> pro VirtualHost <i>Příklady: C:/wamp/www/projekt/ nebo E:/www/stranky1/</i> ', 'VirtualHostIP' => '<code class="option">Jestliže</code> chcete pro VirtualHost použít IP adresu: <code class="option">místní IP adresa</code> 127.x.y.z ', 'VirtualHostPort' => '<code class="option">Jestliže</code> chcete použít "Port pro naslouchání" jiný než výchozí <code class="option">Povolené porty</code> %s', 'VirtualHostPortNone' => 'Pokud chcete použít jiný "Port naslouchaní" než výchozí, je nutné přejít na položku "Nastavit port pro naslouchání Apache", kterou naleznete pod kontextovou nabídkou Nástroje. ', 'VirtualAlreadyExist' => 'ServerName <code>%s</code> již existuje', 'VirtualIpAlreadyUsed' => 'Místní IP adresa <code>%s</code> již existuje', 'VirtualPortNotExist' => 'Port <code>%s</code> není "Port pro naslouchání" Apache', 'VirtualPortExist' => 'Port <code>%s</code> je výchozí "Port pro naslouchání" Apache a neměl by být měněn', 'VirtualHostExists' => 'VirtualHost byl již definován pro:', 'Start' => 'Vytvořit VirtualHost (může chvíli trvat...)', 'GreenErrors' => 'Chyby, které jsou označeny zeleně, mohou být opraveny automaticky.', 'Correct' => 'Spustit automatickou opravu chyb, které jsou označeny zeleně.', 'NoModify' => 'Nelze měnit soubory <code>httpd-vhosts.conf</code> nebo <code>hosts</code>', 'VirtualCreated' => 'Soubory byly upraveny. Virtual host <code>%s</code> byl vytvořen', 'CommandMessage' => 'Zprávy z konzole pro aktualizaci DNS:', 'However' => 'Můžete přidat další VirtualHost zvolením položky "Přidat VirtualHost".<br>Pro nově vytvořené VirtualHost je nutné vzít v úvahu to, že je potřeba spustit položku <code>Restartovat DNS</code><br> - kliknutím kontextového tlačítka myši v nabídce Nástroje. <i>(Tento proces se bohužel nedá provést automaticky)</i>', 'suppForm' => 'Formulář pro odstranění VirtualHost', 'suppVhost' => 'Odstranit VirtualHost', 'Required' => 'Vyžadováno', 'Optional' => 'Volitelné', ); ?>

__MACOSX/www/wamplangues/._add_vhost_czech.php

www/wamplangues/add_vhost_romanian.php

<?php //3.1.1 - NotwwwDir //3.1.3 - VirtualHostPortNone' //3.1.4 - txtTLDdev $langues = array( 'langue' => 'Română', 'locale' => 'romanian', 'addVirtual' => 'Adaugă un VirtualHost', 'backHome' => 'Înapoi la homepage', 'VirtualSubMenuOn' => '<code>Sub-meniul VirtualHost</code> trebuie setat la (Activat) în Meniul Click-Dreapta <code>Setări Wamp</code>. Apoi reîncarcă această pagină', 'UncommentInclude' => 'Anulează comentariul <small>(Elimină simbolul #)</small> liniei <code>#Include conf/extra/httpd-vhosts.conf</code><br />în fişierul %s', 'FileNotExists' => 'Fişierul <code>%s</code> nu există', 'txtTLDdev' => 'Numele Serverului %s foloseşte TLD %s care este exclusiv folosit de browserele web. Foloseşte un alt TLD (.test spre examplu)', 'FileNotWritable' => 'Fişierul <code>%s</code> este nemodificabil', 'DirNotExists' => '<code>%s</code> nu există sau nu este un director valid', 'NotwwwDir' => 'Directorul <code>%s</code> este rezervat pentru "localhost". Vă rugăm să folosiţi un alt director.', 'NotCleaned' => 'Fişierul <code>%s</code> nu a fost golit.<br />Rămân exemple de VirtualHost precum: dummy-host.example.com', 'NoVirtualHost' => 'Niciun VirtualHost definit în <code>%s</code><br />Ar trebui să conţină măcar VirtualHost pentru localhost.', 'NoFirst' => '<code>localhost</code> trebuie să fie primul VirtualHost definit în fişierul <code>%s</code>', 'ServerNameInvalid' => 'Numele Serverului <code>%s</code> nu este valid.', 'LocalIpInvalid' => 'IP-ul local <code>%s</code> nu este valid.', 'VirtualHostName' => 'Numele <code>VirtualHost</code> Fără spaţii - fără underscore(_) ', 'VirtualHostFolder' => 'Completează <code>calea</code> absolută către <code>directorul</code> VirtualHost <i>Exemplu: C:/wamp/www/project/ sau E:/www/site1/</i> ', 'VirtualHostIP' => '<code class="option">Dacă</code> vrei să foloseşti VirtualHost după IP: <code class="option">IP local</code> 127.x.y.z ', 'VirtualHostPort' => '<code class="option">Dacă</code> vrei să foloseşti un alt "Port de Intrare" decât cel implicit <code class="option">Porturi acceptate</code> %s', 'VirtualHostPortNone' => 'Dacă vrei să foloseşti alt "Port de Intrare" decât cel implicit, trebuie să adaugi un Port de Intrare pentru Apache folosind Meniul Click-Dreapta din bară ', 'VirtualAlreadyExist' => 'Numele Serverului <code>%s</code> există deja', 'VirtualIpAlreadyUsed' => 'IP-ul local <code>%s</code> există deja', 'VirtualPortNotExist' => 'Portul <code>%s</code> nu este un "Port de Intrare" Apache', 'VirtualPortExist' => 'Portul <code>%s</code> este "Portul de Intrare" implicit al Apache şi nu mai trebuie menţionat', 'VirtualHostExists' => 'VirtualHost definit deja:', 'Start' => 'Începe crearea VirtualHost (S-ar putea să dureze puţin...)', 'GreenErrors' => 'Erorile încercuite cu culoarea verde pot fi corectate în mod automat', 'Correct' => 'Începe corectarea automată a erorilor încercuite cu culoarea verde', 'NoModify' => 'Imposibil de modificat <code>httpd-vhosts.conf</code> sau fişierele <code>hosts</code>', 'VirtualCreated' => 'Fişierele au fost modificate. VirtualHost <code>%s</code> a fost creat', 'CommandMessage' => 'Mesajele de la consolă pentru actualizarea DNS:', 'However' => 'Poţi adăuga un nou VirtualHost folosind "Adaugă un VirtualHost".<br />Oricum, pentru ca noul VirtualHost să fie luat în considerare de Serverul Apache, trebuie să apeşi pe<br /><code>Reporneşte DNS</code><br />din Meniul Click-Dreapta pe icon-ul Wampmanager din bară. <i>(Din păcate, acest lucru nu se poate face în mod automat)</i>', 'suppForm' => 'Elimină formularul VirtualHost', 'suppVhost' => 'Elimină VirtualHost', 'Required' => 'Obligatoriu', 'Optional' => 'Opţional', ); ?>

__MACOSX/www/wamplangues/._add_vhost_romanian.php

www/wamplangues/index_turkish.php

<?php /* Translate By HASAN ERYILMAZ Websites:http://hasaneryilmaz.blogspot.com */ //3.0.7 $langues = array( 'langue' => 'Türkçe', 'locale' => 'turkish', 'titreHtml' => 'WAMPSERVER AnaSayfası', 'titreConf' => 'Server Ayarları', 'versa' => 'Apache Versiyonu:', 'doca2.2' => 'httpd.apache.org/docs/2.2/en/', 'doca2.4' => 'httpd.apache.org/docs/2.4/en/', 'versp' => 'PHP Versiyonu:', 'server' => 'Server Yazılımı:', 'docp' => 'www.php.net/manual/en/', 'versm' => 'MySQL Versiyonu:', 'docm' => 'dev.mysql.com/doc/index.html', 'phpExt' => 'Yüklü Eklentiler : ', 'titrePage' => 'Araçlar', 'txtProjet' => 'Projelerin', 'txtNoProjet' => 'Şimdilik bir projen yok.<br />Hemen bir tane oluşturmak için \'www\' klasörüne git..', 'txtAlias' => 'Yardımcı Programlar', 'txtNoAlias' => 'Şuanda bir yardımcı program yok.<br />Hemen oluşturmak için WAMPSERVER menüsüne git.', 'txtVhost' => 'Sanal Hostların', 'txtServerName' => 'Sunucu Adı %s dosyasında %s var sözdizimi hatası', 'txtServerNameIp' => 'Sunucu adı %s için IP %s dosyası %s da geçerli değil', 'txtVhostNotClean' => '%s Dosyası temizlendi.Ama şunu gibi Sanal Host örnekleri var: dummy-host.example.com', 'txtNoVhost' => 'Henüz bir Sanal Sunucu yok. Dosyadaki her proje için bir tane ekleyin: wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf', 'txtNoIncVhost' => '(wamp/bin/apache/apache%s/conf/httpd.conf) dosyasına (conf/extra/httpd-vhosts.conf) dosyasını ekleyin veya kaldırın.', 'txtNoVhostFile' => '%s adındaki dosya mevcut değil', 'txtNoPath' => '%s yolu %s yok (Dosya: %s)', 'txtNotWritable' => 'Dosya: %s yazılabilir değil', 'txtNbNotEqual' => '%s sayısı %s dosyasındaki %s sayısıyla eşleşmiyor', 'txtAddVhost' => 'Sanal Host Ekle', 'txtPortNumber' => '%s için port numarası doğru değil veya %s dosyasında aynı değil.', 'txtCorrected' => 'Bazı Sanal Hostlar hataları düzeltilebilir.', 'forum' => 'Wampserver Forum', 'forumLink' => 'http://forum.wampserver.com/list.php?2', 'portUsed' => ' Apache için tanımlanmış port: ', 'mysqlportUsed' => 'MySQL için tanımlanmış port: ', 'nolocalhost' => 'Projelerin başına localhost eklemek kötü bir fikir. <b>wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf</b> dosyasınada localhost eklemek pek iyi sayılmaz.Çakışır makışır yapma böyle şeyler.', ); ?>

__MACOSX/www/wamplangues/._index_turkish.php

www/wamplangues/add_vhost_macedonian.php

<?php $langues = array( 'langue' => 'Македонски', 'locale' => 'mk_MK', 'addVirtual' => 'Додади VirtualHost', 'backHome' => 'Дома', 'VirtualSubMenuOn' => '<code>Опцијата VirtualHost sub-menu</code> мора да биде вклучена(On) во секцијата со<code>Wamp Нагодувања</code> во менито (десен клик на system tray икона). Откако ќе го направите тоа, вчитајте ја оваа страна повторно', 'UncommentInclude' => 'Од-коментирајте <small>(отстранете го симболот #)</small> кај линијата <code>#Include conf/extra/httpd-vhosts.conf</code><br> во датотеката %s', 'FileNotExists' => 'Датотеката <code>%s</code> не постои', 'FileNotWritable' => 'Во датотеката <code>%s</code> не може да се запише', 'DirNotExists' => '<code>%s</code> не постои или пак не е директориум', 'NotCleaned' => 'Датотеката <code>%s</code> не е избришана.<br>Сеуште постојат VirtualHost примери како на пр. : dummy-host.example.com', 'NoVirtualHost' => 'Нема дефиниран VirtualHost во <code>%s</code><br>, треба да постои барем еден VirtualHost за localhost.', 'NoFirst' => 'Првиот VirtualHost мора да биде дефиниран како <code>localhost</code> во датотеката <code>%s</code>', 'ServerNameInvalid' => 'ServerName <code>%s</code> е невалиден стринг.', 'VirtualHostName' => 'Името на <code>Virtual Host</code> празни места( ) или пак долна линија(_)', 'VirtualHostFolder' => 'Целосна апсолутна <code>патека</code> на <code>директориумот</code> со VirtualHost <i>Пример: C:/wamp/www/projet/ or E:/www/site1/</i>', 'VirtualAlreadyExist' => 'ServerName <code>%s</code> веќе постои', 'Start' => 'Се креира VirtualHost (Може да трае подолго време...)', 'GreenErrors' => 'Грешките обележани со зелена боја и рамка може да се корегираат автоматски.', 'Correct' => 'Почни автоматско корегирање на грешките обележани со зелена боја', 'NoModify' => 'Не е возможна модификација на датотеките <code>httpd-vhosts.conf</code> или <code>hosts</code>', 'VirtualCreated' => 'Датотеките се модифицирани. Virtual host <code>%s</code> е успешно креиран', 'CommandMessage' => 'Порака од конзола, треба да се смени DNS:', 'However' => 'Можете да додате уште еден VirtualHost со опцијата "Add a VirtualHost".<br>Меѓутоа, за да биде активен овој VirtualHost во рамките на Apache, мора да ја одберете опцијата<br><code>Restart DNS</code><br>од менито со алатки (десен клик). <i>(Оваа постапка не може да се модифицира)</i>', ); ?>

__MACOSX/www/wamplangues/._add_vhost_macedonian.php

www/wamplangues/index_hellenic.php

<?php $langues = array( 'langue' => 'Ελληνικά', 'locale' => 'hellenic', 'titreHtml' => 'Αρχική WAMPSERVER', 'titreConf' => 'Ρύθμιση Διακομιστή', 'versa' => 'Έκδοση Apache:', 'doca2.2' => 'httpd.apache.org/docs/2.2/en/', 'doca2.4' => 'httpd.apache.org/docs/2.4/en/', 'versp' => 'Έκδοση PHP:', 'server' => 'Λογισμικό Διακομιστή:', 'docp' => 'www.php.net/manual/en/', 'versm' => 'Έκδοση MySQL:', 'docm' => 'dev.mysql.com/doc/index.html', 'phpExt' => 'Φορτωμένες Επεκτάσεις : ', 'titrePage' => 'Εργαλεία', 'txtProjet' => 'Τα Έργα σας', 'txtNoProjet' => 'Κανένα έργο ακόμα.<br />Για να δημιουργήσετε ένα νέο, απλά δημιουργήστε ένα φάκελο στο «www».', 'txtAlias' => 'Τα Aliases σας', 'txtNoAlias' => 'Κανένα Alias ακόμα.<br />Για να δημιουργήσετε ένα νέο, χρησιμοποιήστε το μενού του WAMPSERVER.', 'txtVhost' => 'Τα VirtualHost σας', 'txtServerName' => 'Το ServerName %s έχει σφάλμα σύνταξης στο αρχείο %s', 'txtVhostNotClean' => 'Το αρχείο %s δεν έχει καθαριστεί. Εκεί παραμένουν παραδείγματα VirtualHost όπως: dummy-host.example.com', 'txtNoVhost' => 'Κανένα VirtualHost ακόμα. Προσθέστε ένα για κάθε έργο στο αρχείο: wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf', 'txtNoIncVhost' => 'Αφαιρέστε το σύμβολο σχολίου ή προσθέστε <i>Include conf/extra/httpd-vhosts.conf</i> στο αρχείο wamp/bin/apache/apache%s/conf/httpd.conf', 'txtNoVhostFile' => 'Το αρχείο: %s δεν υπάρχει', 'txtNoPath' => 'Η διαδρομή %s για το %s δεν υπάρχει (Αρχείο %s)', 'txtNotWritable' => 'Το αρχείο: %s δεν είναι εγγράψιμο', 'txtNbNotEqual' => 'Ο αριθμός του %s δεν ταιριάζει με τον αριθμό του %s στο αρχείο %s', 'txtAddVhost' => 'Προσθήκη ενός Virtual Host', 'txtPortNumber' => 'Ο αριθμός θύρας για το %s δεν έχει σωστή τιμή ή δεν είναι το ίδιο στο αρχείο %s', 'txtCorrected' => 'Ορισμένα σφάλματα των VirtualHosts μπορούν να διορθωθούν.', 'forum' => 'Δημόσια Συζήτηση WampServer', 'forumLink' => 'http://forum.wampserver.com/list.php?2', 'portUsed' => 'Η θύρα που ορίστηκε για τον Apache: ', 'mysqlportUsed' => 'Η θύρα που ορίστηκε για την MySQL: ', 'nolocalhost' => 'Είναι κακή ιδέα να προσθέσετε το localhost στο url για την πρόσβαση στα έργα σας. Είναι προτιμότερο να ορίσετε VirtualHost στο αρχείο <br />wamp/bin/apache/apache%s/conf/extra/httpd-vhosts.conf<br />και να μην προσθέσετε το localhost στο url.', 'Documentation' => 'Τεκμηρίωση', ) ?>

__MACOSX/www/wamplangues/._index_hellenic.php

www/wamplangues/add_vhost_english.php

<?php //3.1.1 - NotwwwDir //3.1.3 - VirtualHostPortNone //3.1.4 - txtTLDdev //3.1.9 - VirtualHostName modified - Accept diacritical characters (IDN) $langues = array( 'langue' => 'English', 'locale' => 'english', 'addVirtual' => 'Add a VirtualHost', 'backHome' => 'Back to homepage', 'VirtualSubMenuOn' => 'The <code>VirtualHost sub-menu</code> item must be set to (On) in the <code>Wamp Settings</code> Right-Click menu. Then reload this page', 'UncommentInclude' => 'Uncomment <small>(Suppress #)</small> the line <code>#Include conf/extra/httpd-vhosts.conf</code><br>in file %s', 'FileNotExists' => 'The file <code>%s</code> does not exists', 'txtTLDdev' => 'The ServerName %s use TLD %s which is monopolized by web browsers. Use another TLD (.test for example)', 'FileNotWritable' => 'The file <code>%s</code> is not writable', 'DirNotExists' => '<code>%s</code> does not exists or is not a directory', 'NotwwwDir' => 'The <code>%s</code> folder is reserved for "localhost". Please use another folder.', 'NotCleaned' => 'The <code>%s</code> file has not been cleaned.<br>There remain VirtualHost examples like: dummy-host.example.com', 'NoVirtualHost' => 'There is no VirtualHost defined in <code>%s</code><br>It should at least have the VirtualHost for localhost.', 'NoFirst' => 'The first VirtualHost must be <code>localhost</code> in <code>%s</code> file', 'ServerNameInvalid' => 'The ServerName <code>%s</code> is invalid.', 'LocalIpInvalid' => 'The local IP <code>%s</code> is invalid.', 'VirtualHostName' => 'Name of the <code>Virtual Host</code> No space - No underscore(_) ', 'VirtualHostFolder' => 'Complete absolute <code>path</code> of the VirtualHost <code>folder</code> <i>Examples: C:/wamp/www/projet/ or E:/www/site1/</i> ', 'VirtualHostIP' => '<code class="option">If</code> you want to use VirtualHost by IP: <code class="option">local IP</code> 127.x.y.z ', 'VirtualHostPort' => '<code class="option">If</code> you want to use "Listen port" other than the default <code class="option">Accepted ports</code> %s', 'VirtualHostPortNone' => 'If you want to use a "Listen port" other than the default one, you must add a Listen Port to Apache by Right-Click Tools ', 'VirtualAlreadyExist' => 'The ServerName <code>%s</code> already exists', 'VirtualIpAlreadyUsed' => 'The local IP <code>%s</code> already exists', 'VirtualPortNotExist' => 'The port <code>%s</code> is not a "Listen port" Apache', 'VirtualPortExist' => 'The port <code>%s</code> is default "Listen port" Apache and should not be mentioned', 'VirtualHostExists' => 'VirtualHost already defined:', 'Start' => 'Start the creation of the VirtualHost (May take a while...)', 'GreenErrors' => 'The green framed errors can be corrected automatically.', 'Correct' => 'Start the automatic correction of errors inside the green borders panel', 'NoModify' => 'Impossible to modify <code>httpd-vhosts.conf</code> or <code>hosts</code> files', 'VirtualCreated' => 'The files have been modified. Virtual host <code>%s</code> was created', 'CommandMessage' => 'Messages from the console to update DNS:', 'However' => 'You may add another VirtualHost by validate "Add a VirtualHost".<br>However, for these new VirtualHost are taken into account by Apache, you must run item<br><code>Restart DNS</code><br>from Right-Click Tools menu of Wampmanager icon. <i>(This can unfortunately not be done automatically)</i>', 'suppForm' => 'Suppress VirtualHost form', 'suppVhost' => 'Suppress VirtualHost', 'Required' => 'Required', 'Optional' => 'Optional', ); ?>

__MACOSX/www/wamplangues/._add_vhost_english.php

__MACOSX/www/wampthemes/._classic

__MACOSX/www/wampthemes/._no-style

__MACOSX/www/wampthemes/._simple

__MACOSX/www/wampthemes/._modern

__MACOSX/www/wampthemes/classic/._img

www/wampthemes/classic/style.css

/* Classic style for WampServer */ * { margin: 0; padding: 0; } html { background: #ddd; } body { margin: 1em 10%; padding: 1em 3em; font: 80%/1.4 tahoma, arial, helvetica, lucida sans, sans-serif; border: 1px solid #999; background: #eee; position: relative; } .innerhead { margin-bottom: 1.8em; margin-top: 1.8em; padding-bottom: 0em; border-bottom: 1px solid #999; letter-spacing: -500em; text-indent: -500em; height: 100px; background: url('img/gifLogo.gif') 0 0 no-repeat; } .utility { position: absolute; right: 4em; top: 115px; font-size: 0.85em; } .utility li { display: inline; } h2 { margin: 0.8em 0 0 0; } ul { list-style: none; margin: 0; padding: 0; } #head ul li, dl ul li, #foot li { list-style: none; display: inline; margin: 0; padding: 0 0.4em; } ul.aliases, ul.projects, ul.tools, ul.vhost { list-style: none; line-height: 24px; } ul.projects { max-width:230px; } ul.aliases a, ul.projects a, ul.tools a ,ul.vhost a { padding-left: 22px; background: url('img/pngFolder.png') 0 100% no-repeat; } ul.tools a { background: url('img/pngWrench.png') 0 100% no-repeat; } ul.aliases a, ul.vhost a { background: url('img/pngFolderGo.png') 0 100% no-repeat; } li.projectsdir { line-height:95%; margin-top:10px; padding-right:15px; font-size: 0.72em; color: #04569A; } dl { margin: 0; padding: 0; } dt { font-weight: bold; text-align: right; width: 11em; clear: both; } dd { margin: -1.35em 0 0 12em; padding-bottom: 0.4em; overflow: auto; } dd ul li { float: left; display: block; width: 16.5%; min-width: 140px; margin: 0; padding: 0 0 0 20px; background: url('img/pngPlugin.png') 2px 50% no-repeat; line-height: 1.35; } .divider1 { margin-top:5px; border-top:1px solid #999; } .divider2 { clear:both; } a { color: #024378; font-weight: bold; text-decoration: none; } a:hover { color: #04569A; text-decoration: underline; } #foot, #error { text-align: center; margin-top: 1.8em; border-top: 1px solid #999; padding-top: 1em; font-size: 0.85em; } .column { min-width: 220px; float:left; } .three-columns .column { min-width: 32%; } .four-columns .column { min-width: 23%; } @media screen and (max-width: 750px) { dt { text-align: left; width: 100%; clear: left; margin: 2% 0 0 0; } dd { margin: 0; padding: 0.5% 1.5% 1% 1.5%; } }

__MACOSX/www/wampthemes/classic/._style.css

www/wampthemes/no-style/style.css

/* No style for WampServer */

__MACOSX/www/wampthemes/no-style/._style.css

www/wampthemes/simple/style.css

/* Simple style for WampServer */ html { margin:0; padding: 0; } body { margin: 0; padding: 0; font: 100%/1.4 Impact, Charcoal, sans-serif; } #head, .config, .alltools, #foot { padding: 1em; } #head ul, #foot { margin: 0; padding: 0; text-align: right; list-style: none; } #head, #foot { background: darkslategray; color: #FFF; padding: 1em; } #head ul li, ul#foot li { margin: 0.5em; padding: 0.5em; display: inline; } #head a, #foot a { color: lightgrey; } h1 { margin: 0; padding: 0; font-size: 4.5em; font-weight: normal; text-shadow: 1px 1px 0 #000; } h2 { margin: 0; padding: 0; font-size: 1.5em; clear: left; font-weight: normal; } ul.aliases, ul.projects, ul.tools, ul.vhost, dd ul { list-style: none; margin: 0 1.2em 1em 1.2em; padding: 0; } ul.aliases li, ul.projects li, ul.tools li, ul.vhost li, dd ul li { float: left; margin: 1em; padding: 0.5em; width: 200px; text-align: center; } li.projectsdir { line-height:95%; margin-top:10px; padding-right:15px; font-size: 0.72em; color: #04569A; } dd ul li { background: lightblue; color: dimgrey; } .aliases li { background: lightgreen; } .projects li { background: gold; } .tools li { background: darksalmon; } .vhost li { background: thistle; } dl { margin: 1.2em; padding: 0; } dt { margin: 0 1em; padding: 0; text-decoration: underline; clear: left; } dd { margin: 0; padding: 0.5em 1.5em; } a { color: #2F4F4F; text-decoration: none; } a:hover { color: #000; } #foot, #error { clear: left; }

__MACOSX/www/wampthemes/simple/._style.css

__MACOSX/www/wampthemes/modern/._img

www/wampthemes/modern/style.css

@font-face { font-family: 'rationaleregular'; src: url('fonts/rationale-regular-webfont.eot'); src: url('fonts/rationale-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/rationale-regular-webfont.woff2') format('woff2'), url('fonts/rationale-regular-webfont.woff') format('woff'), url('fonts/rationale-regular-webfont.ttf') format('truetype'), url('fonts/rationale-regular-webfont.svg#rationaleregular') format('svg'); font-weight: normal; font-style: normal; } html, body { margin: 0; padding: 0; } body { background: #FFF url('img/bg-wall-repeat.jpg'); line-height: 1; font-family: Helvetica, Arial, sans-serif; font-size:14px; } #head { height:118px; width:100%; background:url('img/bg-header.png') repeat-x bottom center; color: #FFF; z-index: 9000; position: absolute; } .innerhead { width: 100%; height: 100%; max-width: 960px; margin: 0 auto; background:url('img/logo.png') no-repeat left center; } .innerhead h1, .innerhead ul { display: none; } .utility { position: relative; margin: -30px auto 0 auto; padding: 0.5% 1%; width: 98%; max-width: 960px; text-align: right; font-size: 0.85em; } .utility li { margin: 0; padding: 0; display: inline; } .utility a { color:#ffc002; text-decoration:none; cursor:pointer; } .config { padding: 100px 0 1% 0; } .config a { color: #EAA90B; text-decoration: none; } .alltools { background: url('img/bg-begin-repeat.jpg'); color: #212121; padding: 0 0 1% 0; } .alltools a:link, .alltools a:visited, #foot a:link, #foot a:visited { color: #FFF; text-decoration:none; cursor:pointer; } .alltools a:hover, #foot a:hover { border-bottom: #FFF solid 1px; } .innerconfig, .inneralltools { width: 100%; height: 100%; max-width: 980px; margin: 0 auto 0 auto; } h2 { font-family: 'rationaleregular', sans-serif; font-size:2.5em; text-transform:uppercase; letter-spacing:-2px; width: 100%; margin: 0; padding: 4% 0 0.5% 0; } ul { list-style: none; margin: 0; padding: 0; } #head ul li, dl ul li, #foot li { list-style: none; display: inline; margin: 0; padding: 0 0.4em; } ul.aliases, ul.projects, ul.tools, ul.vhost { list-style: none; line-height: 24px; } ul.aliases a, ul.projects a, ul.tools a ,ul.vhost a { padding-left: 22px; background: url('img/pngFolder.png') 0 100% no-repeat; } ul.tools a { background: url('img/pngWrench.png') 0 100% no-repeat; } ul.aliases a, ul.vhost a { background: url('img/pngFolderGo.png') 0 100% no-repeat; } li.projectsdir { line-height:95%; margin-top:10px; padding-right:15px; font-size: 0.72em; color: #04569A; } dl { margin: 0; padding: 0; } dt { width: 250px; height: 40px; line-height: 40px; font-size: 1.2em; text-align: center; clear: both; margin: 0; padding: 0; float: left; background: url('img/bg-title-dark.png') no-repeat; color: #FFF; } dd { margin: 0 0 0 50px; padding: 14px 0.5%; overflow: auto; } dd ul li { float: left; display: block; width: 16.5%; min-width: 140px; margin: 0; padding: 0 0 0 20px; background: url('img/pngPlugin.png') 2px 50% no-repeat; line-height: 1.6; } .divider1 { position: relative; margin: -5px 0; height: 20px; width: 100%; background: url('img/divider.png') repeat-x center top; z-index: 2000; } .divider2 { position: relative; margin: -5px 0; height: 20px; width: 100%; background: url('img/divider.png') repeat-x center bottom; z-index: 2000; clear: left; } .column { padding: 0.5%; display: inline-block; vertical-align: top; min-width: 220px; } .three-columns .column { width:32%; } .four-columns .column { width: 23%; } #foot { margin: 0; padding: 0; text-align: center; height: 100px; line-height: 100px; background: url('img/bg-dl-repeat.jpg') repeat-x top; } @media screen and (max-width: 750px) { dt { text-align: left; width: 100%; float: none; margin: 2% 0 0 0; } dd { margin: 0; padding: 0.5% 1.5% 1% 1.5%; } }

__MACOSX/www/wampthemes/modern/._style.css

__MACOSX/www/wampthemes/modern/._fonts

www/wampthemes/classic/img/gifLogo.png

__MACOSX/www/wampthemes/classic/img/._gifLogo.png

www/wampthemes/classic/img/pngPlugin.png

__MACOSX/www/wampthemes/classic/img/._pngPlugin.png

www/wampthemes/classic/img/favicon.ico

__MACOSX/www/wampthemes/classic/img/._favicon.ico

www/wampthemes/classic/img/pngFolderGo.png

__MACOSX/www/wampthemes/classic/img/._pngFolderGo.png

www/wampthemes/classic/img/favicon.png

__MACOSX/www/wampthemes/classic/img/._favicon.png

www/wampthemes/classic/img/pngWrench.png

__MACOSX/www/wampthemes/classic/img/._pngWrench.png

www/wampthemes/classic/img/gifLogo.gif

__MACOSX/www/wampthemes/classic/img/._gifLogo.gif

www/wampthemes/classic/img/pngFolder.png

__MACOSX/www/wampthemes/classic/img/._pngFolder.png

www/wampthemes/modern/img/bg-header.png

__MACOSX/www/wampthemes/modern/img/._bg-header.png

www/wampthemes/modern/img/pngPlugin.png

__MACOSX/www/wampthemes/modern/img/._pngPlugin.png

www/wampthemes/modern/img/bg-begin-repeat.jpg

__MACOSX/www/wampthemes/modern/img/._bg-begin-repeat.jpg

www/wampthemes/modern/img/divider.png

__MACOSX/www/wampthemes/modern/img/._divider.png

www/wampthemes/modern/img/bg-wall-repeat.jpg

__MACOSX/www/wampthemes/modern/img/._bg-wall-repeat.jpg

www/wampthemes/modern/img/pngFolderGo.png

__MACOSX/www/wampthemes/modern/img/._pngFolderGo.png

www/wampthemes/modern/img/pngWrench.png

__MACOSX/www/wampthemes/modern/img/._pngWrench.png

www/wampthemes/modern/img/logo.png

__MACOSX/www/wampthemes/modern/img/._logo.png

www/wampthemes/modern/img/bg-dl-repeat.jpg

__MACOSX/www/wampthemes/modern/img/._bg-dl-repeat.jpg

www/wampthemes/modern/img/pngFolder.png

__MACOSX/www/wampthemes/modern/img/._pngFolder.png

www/wampthemes/modern/img/bg-title-dark.png

__MACOSX/www/wampthemes/modern/img/._bg-title-dark.png

www/wampthemes/modern/fonts/rationale-regular-webfont.svg

__MACOSX/www/wampthemes/modern/fonts/._rationale-regular-webfont.svg

www/wampthemes/modern/fonts/rationale-regular-webfont.woff

__MACOSX/www/wampthemes/modern/fonts/._rationale-regular-webfont.woff

www/wampthemes/modern/fonts/webfontkit-20150426-043002.zip

rationale-regular-webfont.woff

rationale-regular-webfont.woff2

rationale-regular-webfont.eot

rationale-regular-webfont.svg

rationale-regular-webfont.ttf

rationale-regular-demo.html

Rationale Regular

Specimen
Sample Layout
Glyphs & Languages
Installing Webfonts

AaBb ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890&.,?!@()#$%*+-=:;

10	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ

◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body body body body bodyRationale Regular bodyArial bodyVerdana bodyGeorgia

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

Lorem Ipsum Dolor

Etiam porta sem malesuada magna mollis euismod

By Aenean Lacinia

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Pellentesque ornare sem

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas sed diam eget risus varius.

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Language Support

The subset of Rationale Regular in this kit supports the following languages: Albanian, Basque, Breton, Chamorro, Danish, English, Faroese, Finnish, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish

Glyph Chart

The subset of Rationale Regular in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.

(

)

;

[

]

{

}

‐

‑

‒

–

—

‘

’

‚

“

”

„

•

‹

›

€

◼

Installing Webfonts

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

1. Upload your webfonts

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

2. Include the webfont stylesheet

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

@font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.eot?#iefix') format('embedded-opentype'), url('WebFont.woff') format('woff'), url('WebFont.ttf') format('truetype'), url('WebFont.svg#webfont') format('svg'); }

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

3. Modify your own stylesheet

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

p { font-family: 'WebFont', Arial, sans-serif; }

4. Test

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

Troubleshooting Font-Face Problems

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

Fonts not showing in any browser

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

Fonts not loading in iPhone or iPad

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

Fonts not loading in Firefox

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

Fonts not loading in IE

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

Fonts not loading in IE9

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

stylesheet.css

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 26, 2015 */ @font-face { font-family: 'rationaleregular'; src: url('rationale-regular-webfont.eot'); src: url('rationale-regular-webfont.eot?#iefix') format('embedded-opentype'), url('rationale-regular-webfont.woff2') format('woff2'), url('rationale-regular-webfont.woff') format('woff'), url('rationale-regular-webfont.ttf') format('truetype'), url('rationale-regular-webfont.svg#rationaleregular') format('svg'); font-weight: normal; font-style: normal; }

generator_config.txt

# Font Squirrel Font-face Generator Configuration File # Upload this file to the generator to recreate the settings # you used to create these fonts. {"mode":"optimal","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_vertical_metrics":"Y","fix_gasp":"xy","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}

specimen_files/easytabs.js

specimen_files/specimen_stylesheet.css

@import url('grid_12-825-55-15.css'); /* CSS Reset by Eric Meyer - Released under Public Domain http://meyerweb.com/eric/tools/css/reset/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0; font-size: 100%;vertical-align: baseline; background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} body { color: #000; background-color: #dcdcdc; } a { text-decoration: none; color: #1883ba; } h1{ font-size: 32px; font-weight: normal; font-style: normal; margin-bottom: 18px; } h2{ font-size: 18px; } #container { width: 865px; margin: 0px auto; } #header { padding: 20px; font-size: 36px; background-color: #000; color: #fff; } #header span { color: #666; } #main_content { background-color: #fff; padding: 60px 20px 20px; } #footer p { margin: 0; padding-top: 10px; padding-bottom: 50px; color: #333; font: 10px Arial, sans-serif; } .tabs { width: 100%; height: 31px; background-color: #444; } .tabs li { float: left; margin: 0; overflow: hidden; background-color: #444; } .tabs li a { display: block; color: #fff; text-decoration: none; font: bold 11px/11px 'Arial'; text-transform: uppercase; padding: 10px 15px; border-right: 1px solid #fff; } .tabs li a:hover { background-color: #00b3ff; } .tabs li.active a { color: #000; background-color: #fff; } div.huge { font-size: 300px; line-height: 1em; padding: 0; letter-spacing: -.02em; overflow: hidden; } div.glyph_range { font-size: 72px; line-height: 1.1em; } .size10{ font-size: 10px; } .size11{ font-size: 11px; } .size12{ font-size: 12px; } .size13{ font-size: 13px; } .size14{ font-size: 14px; } .size16{ font-size: 16px; } .size18{ font-size: 18px; } .size20{ font-size: 20px; } .size24{ font-size: 24px; } .size30{ font-size: 30px; } .size36{ font-size: 36px; } .size48{ font-size: 48px; } .size60{ font-size: 60px; } .size72{ font-size: 72px; } .size90{ font-size: 90px; } .psample_row1 { height: 120px;} .psample_row1 { height: 120px;} .psample_row2 { height: 160px;} .psample_row3 { height: 160px;} .psample_row4 { height: 160px;} .psample { overflow: hidden; position: relative; } .psample p { line-height: 1.3em; display: block; overflow: hidden; margin: 0; } .psample span { margin-right: .5em; } .white_blend { width: 100%; height: 61px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==); position: absolute; bottom: 0; } .black_blend { width: 100%; height: 61px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC); position: absolute; bottom: 0; } .fullreverse { background: #000 !important; color: #fff !important; margin-left: -20px; padding-left: 20px; margin-right: -20px; padding-right: 20px; padding: 20px; margin-bottom:0; } .sample_table td { padding-top: 3px; padding-bottom:5px; padding-left: 5px; vertical-align: middle; line-height: 1.2em; } .sample_table td:first-child { background-color: #eee; text-align: right; padding-right: 5px; padding-left: 0; padding: 5px; font: 11px/12px "Courier New", Courier, mono; } code { white-space: pre; background-color: #eee; display: block; padding: 10px; margin-bottom: 18px; overflow: auto; } .bottom,.last {margin-bottom:0 !important; padding-bottom:0 !important;} .box { padding: 18px; margin-bottom: 18px; background: #eee; } .reverse,.reversed { background: #000 !important;color: #fff !important; border: none !important;} #bodycomparison { position: relative; overflow: hidden; font-size: 72px; height: 90px; white-space: nowrap; } #bodycomparison div{ font-size: 72px; line-height: 90px; display: inline; margin: 0 15px 0 0; padding: 0; } #bodycomparison div span{ font: 10px Arial; position: absolute; left: 0; } #xheight { float: none; position: absolute; color: #d9f3ff; font-size: 72px; line-height: 90px; } .fontbody { position: relative; } .arialbody{ font-family: Arial; position: relative; } .verdanabody{ font-family: Verdana; position: relative; } .georgiabody{ font-family: Georgia; position: relative; } /* @group Layout page */ #layout h1 { font-size: 36px; line-height: 42px; font-weight: normal; font-style: normal; } #layout h2 { font-size: 24px; line-height: 23px; font-weight: normal; font-style: normal; } #layout h3 { font-size: 22px; line-height: 1.4em; margin-top: 1em; font-weight: normal; font-style: normal; } #layout p.byline { font-size: 12px; margin-top: 18px; line-height: 12px; margin-bottom: 0; } #layout p { font-size: 14px; line-height: 21px; margin-bottom: .5em; } #layout p.large{ font-size: 18px; line-height: 26px; } #layout .sidebar p{ font-size: 12px; line-height: 1.4em; } #layout p.caption { font-size: 10px; margin-top: -16px; margin-bottom: 18px; } /* @end */ /* @group Glyphs */ #glyph_chart div{ background-color: #d9f3ff; color: black; float: left; font-size: 36px; height: 1.2em; line-height: 1.2em; margin-bottom: 1px; margin-right: 1px; text-align: center; width: 1.2em; position: relative; padding: .6em .2em .2em; } #glyph_chart div p { position: absolute; left: 0; top: 0; display: block; text-align: center; font: bold 9px Arial, sans-serif; background-color: #3a768f; width: 100%; color: #fff; padding: 2px 0; } #glyphs h1 { font-family: Arial, sans-serif; } /* @end */ /* @group Installing */ #installing { font: 13px Arial, sans-serif; } #installing p, #glyphs p{ line-height: 1.2em; margin-bottom: 18px; font: 13px Arial, sans-serif; } #installing h3{ font-size: 15px; margin-top: 18px; } /* @end */ #rendering h1 { font-family: Arial, sans-serif; } .render_table td { font: 11px "Courier New", Courier, mono; vertical-align: middle; }

specimen_files/grid_12-825-55-15.css

/*Notes about grid: Columns: 12 Grid Width: 825px Column Width: 55px Gutter Width: 15px -------------------------------*/ .section {margin-bottom: 18px; } .section:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .section {*zoom: 1;} .section .firstcolumn, .section .firstcol {margin-left: 0;} /* Border on left hand side of a column. */ .border { padding-left: 7px; margin-left: 7px; border-left: 1px solid #eee; } /* Border with more whitespace, spans one column. */ .colborder { padding-left: 42px; margin-left: 42px; border-left: 1px solid #eee; } /* The Grid Classes */ .grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12 {margin-left: 15px;float: left;display: inline; overflow: hidden;} .width1, .grid1, .span-1 {width: 55px;} .width1_2cols,.grid1_2cols {width: 20px;} .width1_3cols,.grid1_3cols {width: 8px;} .width1_4cols,.grid1_4cols {width: 2px;} .input_width1 {width: 49px;} .width2, .grid2, .span-2 {width: 125px;} .width2_3cols,.grid2_3cols {width: 31px;} .width2_4cols,.grid2_4cols {width: 20px;} .input_width2 {width: 119px;} .width3, .grid3, .span-3 {width: 195px;} .width3_2cols,.grid3_2cols {width: 90px;} .width3_4cols,.grid3_4cols {width: 37px;} .input_width3 {width: 189px;} .width4, .grid4, .span-4 {width: 265px;} .width4_3cols,.grid4_3cols {width: 78px;} .input_width4 {width: 259px;} .width5, .grid5, .span-5 {width: 335px;} .width5_2cols,.grid5_2cols {width: 160px;} .width5_3cols,.grid5_3cols {width: 101px;} .width5_4cols,.grid5_4cols {width: 72px;} .input_width5 {width: 329px;} .width6, .grid6, .span-6 {width: 405px;} .width6_4cols,.grid6_4cols {width: 90px;} .input_width6 {width: 399px;} .width7, .grid7, .span-7 {width: 475px;} .width7_2cols,.grid7_2cols {width: 230px;} .width7_3cols,.grid7_3cols {width: 148px;} .width7_4cols,.grid7_4cols {width: 107px;} .input_width7 {width: 469px;} .width8, .grid8, .span-8 {width: 545px;} .width8_3cols,.grid8_3cols {width: 171px;} .input_width8 {width: 539px;} .width9, .grid9, .span-9 {width: 615px;} .width9_2cols,.grid9_2cols {width: 300px;} .width9_4cols,.grid9_4cols {width: 142px;} .input_width9 {width: 609px;} .width10, .grid10, .span-10 {width: 685px;} .width10_3cols,.grid10_3cols {width: 218px;} .width10_4cols,.grid10_4cols {width: 160px;} .input_width10 {width: 679px;} .width11, .grid11, .span-11 {width: 755px;} .width11_2cols,.grid11_2cols {width: 370px;} .width11_3cols,.grid11_3cols {width: 241px;} .width11_4cols,.grid11_4cols {width: 177px;} .input_width11 {width: 749px;} .width12, .grid12, .span-12 {width: 825px;} .input_width12 {width: 819px;} /* Subdivided grid spaces */ .emptycols_left1, .prepend-1 {padding-left: 70px;} .emptycols_right1, .append-1 {padding-right: 70px;} .emptycols_left2, .prepend-2 {padding-left: 140px;} .emptycols_right2, .append-2 {padding-right: 140px;} .emptycols_left3, .prepend-3 {padding-left: 210px;} .emptycols_right3, .append-3 {padding-right: 210px;} .emptycols_left4, .prepend-4 {padding-left: 280px;} .emptycols_right4, .append-4 {padding-right: 280px;} .emptycols_left5, .prepend-5 {padding-left: 350px;} .emptycols_right5, .append-5 {padding-right: 350px;} .emptycols_left6, .prepend-6 {padding-left: 420px;} .emptycols_right6, .append-6 {padding-right: 420px;} .emptycols_left7, .prepend-7 {padding-left: 490px;} .emptycols_right7, .append-7 {padding-right: 490px;} .emptycols_left8, .prepend-8 {padding-left: 560px;} .emptycols_right8, .append-8 {padding-right: 560px;} .emptycols_left9, .prepend-9 {padding-left: 630px;} .emptycols_right9, .append-9 {padding-right: 630px;} .emptycols_left10, .prepend-10 {padding-left: 700px;} .emptycols_right10, .append-10 {padding-right: 700px;} .emptycols_left11, .prepend-11 {padding-left: 770px;} .emptycols_right11, .append-11 {padding-right: 770px;} .pull-1 {margin-left: -70px;} .push-1 {margin-right: -70px;margin-left: 18px;float: right;} .pull-2 {margin-left: -140px;} .push-2 {margin-right: -140px;margin-left: 18px;float: right;} .pull-3 {margin-left: -210px;} .push-3 {margin-right: -210px;margin-left: 18px;float: right;} .pull-4 {margin-left: -280px;} .push-4 {margin-right: -280px;margin-left: 18px;float: right;}

__MACOSX/www/wampthemes/modern/fonts/._webfontkit-20150426-043002.zip

www/wampthemes/modern/fonts/rationale-regular-webfont.woff2

__MACOSX/www/wampthemes/modern/fonts/._rationale-regular-webfont.woff2

www/wampthemes/modern/fonts/rationale-regular-demo.html

Rationale Regular

Specimen
Sample Layout
Glyphs & Languages
Installing Webfonts

AaBb ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890&.,?!@()#$%*+-=:;

10	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90	abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ

Lorem Ipsum Dolor

Etiam porta sem malesuada magna mollis euismod

By Aenean Lacinia

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Pellentesque ornare sem

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

Cras mattis consectetur

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

Maecenas sed diam eget risus varius.

Language Support

Glyph Chart

The subset of Rationale Regular in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.

(

)

;

[

]

{

}

‐

‑

‒

–

—

‘

’

‚

“

”

„

•

‹

›

€

◼

Installing Webfonts

1. Upload your webfonts

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

2. Include the webfont stylesheet

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

3. Modify your own stylesheet

p { font-family: 'WebFont', Arial, sans-serif; }

4. Test

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

Troubleshooting Font-Face Problems

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

Fonts not showing in any browser

Fonts not loading in iPhone or iPad

Fonts not loading in Firefox

Fonts not loading in IE

Fonts not loading in IE9

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.