Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | |||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <title>UIUC_Illinois iGEM 2018</title> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | |||
+ | <!-- Facebook and Twitter integration --> | ||
+ | <meta property="og:title" content=""/> | ||
+ | <meta property="og:image" content=""/> | ||
+ | <meta property="og:url" content=""/> | ||
+ | <meta property="og:site_name" content=""/> | ||
+ | <meta property="og:description" content=""/> | ||
+ | <meta name="twitter:title" content="" /> | ||
+ | <meta name="twitter:image" content="" /> | ||
+ | <meta name="twitter:url" content="" /> | ||
+ | <meta name="twitter:card" content="" /> | ||
+ | |||
+ | <link href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,700" rel="stylesheet"> | ||
+ | |||
+ | <script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/modernizrjs? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body></body> | ||
+ | |||
+ | <div id="fh5co-page"> | ||
+ | <header id="fh5co-header" role="banner"> | ||
+ | <div class="container"> | ||
+ | <div class="header-inner"> <a href="https://2018.igem.org/Team:UIUC_Illinois"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/00/T--UIUC_Illinois--Logo.png" alt="Logo" height="100px" align="left"/> | ||
+ | </a> | ||
+ | <!---<h1><a href="https://2018.igem.org/Team:UIUC_Illinois">UIUC Illinois</a></h1>---> | ||
+ | <nav role="navigation"> | ||
+ | <ul> | ||
+ | <li><a href="https://2018.igem.org/Team:UIUC_Illinois">Home</a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Description">Project<span class="caret"></span></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Description">Description</a> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Demonstrate">Demonstrate</a> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Safety">Safety</a> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Measurement">Awards</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Parts">Parts<span class="caret"></span></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Parts">Parts</a> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Basic_Part">Basic Part</a> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Composite_Part">Composite Part</a> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Part_Collection">Part Collection</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Human_Practices">Human Practices<span class="caret"></span></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Human_Practices">Human Practices</a> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/HP/Silver">Silver</a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Engagement">Engagement</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Overview">Wet Lab<span class="caret"></span></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Overview">Overview</a> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Experiments">Experiments</a> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Results">Results</a> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Notebook">Notebook</a> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Interlab_Study">Interlab Study</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Team">About Us<span class="caret"></span></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Team">Team</a> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Collaborations">Collaborations</a> | ||
+ | <a href="https://2018.igem.org/Team:UIUC_Illinois/Attributions">Attributions</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2018.igem.org/Team:UIUC_Illinois/ContactUs">Contact</a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | </div> | ||
+ | </div> | ||
+ | </header> | ||
+ | </div> | ||
<style> | <style> | ||
+ | |||
/* Clear the default wiki settings */ | /* Clear the default wiki settings */ | ||
Line 14: | Line 103: | ||
@charset "UTF-8"; | @charset "UTF-8"; | ||
− | . | + | /*! |
+ | Animate.css - http://daneden.me/animate | ||
+ | Licensed under the MIT license - http://opensource.org/licenses/MIT | ||
+ | |||
+ | Copyright (c) 2015 Daniel Eden | ||
+ | */ | ||
+ | |||
+ | ul { | ||
+ | margin: 0 !important; | ||
+ | } | ||
+ | |||
+ | #safetyChecklist { | ||
+ | text-align: left !important; | ||
+ | } | ||
+ | |||
+ | #sponsor { | ||
+ | |||
+ | margin-top: 50px; | ||
+ | margin-bottom: 40px; | ||
+ | } | ||
+ | |||
+ | #reference { | ||
+ | font-size: 40px; | ||
+ | margin-top: 5px; | ||
+ | margin-right: 5px; | ||
+ | } | ||
+ | |||
+ | #sponsor a{ | ||
+ | color: #FA6900; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | margin: 0 0 10px; | ||
+ | font-size: 18px !important; | ||
+ | } | ||
+ | |||
+ | th { | ||
+ | background-color: #a7dbd8 !important; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | color: #27E1CE; | ||
+ | } | ||
+ | #firstHeading { | ||
+ | |||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #contactInfo { | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | #HQ_page p { | ||
+ | text-align: inherit !important; | ||
+ | } | ||
+ | |||
+ | .fh5co-experiment { | ||
+ | margin-top: 4em; | ||
+ | } | ||
+ | |||
+ | .fh5co-experiment h3 { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .fh5co-experiment ol li{ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .animated { | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; | ||
+ | -webkit-animation-fill-mode: both; | ||
+ | animation-fill-mode: both; | ||
+ | } | ||
+ | |||
+ | .animated.infinite { | ||
+ | -webkit-animation-iteration-count: infinite; | ||
+ | animation-iteration-count: infinite; | ||
+ | } | ||
+ | |||
+ | .animated.hinge { | ||
+ | -webkit-animation-duration: 2s; | ||
+ | animation-duration: 2s; | ||
+ | } | ||
+ | |||
+ | .animated.bounceIn, | ||
+ | .animated.bounceOut { | ||
+ | -webkit-animation-duration: .75s; | ||
+ | animation-duration: .75s; | ||
+ | } | ||
+ | |||
+ | .animated.flipOutX, | ||
+ | .animated.flipOutY { | ||
+ | -webkit-animation-duration: .75s; | ||
+ | animation-duration: .75s; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounce { | ||
+ | from, 20%, 53%, 80%, to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | -webkit-transform: translate3d(0,0,0); | ||
+ | transform: translate3d(0,0,0); | ||
+ | } | ||
+ | |||
+ | 40%, 43% { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); | ||
+ | animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); | ||
+ | -webkit-transform: translate3d(0, -30px, 0); | ||
+ | transform: translate3d(0, -30px, 0); | ||
+ | } | ||
+ | |||
+ | 70% { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); | ||
+ | animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); | ||
+ | -webkit-transform: translate3d(0, -15px, 0); | ||
+ | transform: translate3d(0, -15px, 0); | ||
+ | } | ||
+ | |||
+ | 90% { | ||
+ | -webkit-transform: translate3d(0,-4px,0); | ||
+ | transform: translate3d(0,-4px,0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounce { | ||
+ | from, 20%, 53%, 80%, to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | -webkit-transform: translate3d(0,0,0); | ||
+ | transform: translate3d(0,0,0); | ||
+ | } | ||
+ | |||
+ | 40%, 43% { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); | ||
+ | animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); | ||
+ | -webkit-transform: translate3d(0, -30px, 0); | ||
+ | transform: translate3d(0, -30px, 0); | ||
+ | } | ||
+ | |||
+ | 70% { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); | ||
+ | animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); | ||
+ | -webkit-transform: translate3d(0, -15px, 0); | ||
+ | transform: translate3d(0, -15px, 0); | ||
+ | } | ||
+ | |||
+ | 90% { | ||
+ | -webkit-transform: translate3d(0,-4px,0); | ||
+ | transform: translate3d(0,-4px,0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounce { | ||
+ | -webkit-animation-name: bounce; | ||
+ | animation-name: bounce; | ||
+ | -webkit-transform-origin: center bottom; | ||
+ | transform-origin: center bottom; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes flash { | ||
+ | from, 50%, to { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | 25%, 75% { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes flash { | ||
+ | from, 50%, to { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | 25%, 75% { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .flash { | ||
+ | -webkit-animation-name: flash; | ||
+ | animation-name: flash; | ||
+ | } | ||
+ | |||
+ | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ | ||
+ | |||
+ | @-webkit-keyframes pulse { | ||
+ | from { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | -webkit-transform: scale3d(1.05, 1.05, 1.05); | ||
+ | transform: scale3d(1.05, 1.05, 1.05); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes pulse { | ||
+ | from { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | -webkit-transform: scale3d(1.05, 1.05, 1.05); | ||
+ | transform: scale3d(1.05, 1.05, 1.05); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .pulse { | ||
+ | -webkit-animation-name: pulse; | ||
+ | animation-name: pulse; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rubberBand { | ||
+ | from { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | |||
+ | 30% { | ||
+ | -webkit-transform: scale3d(1.25, 0.75, 1); | ||
+ | transform: scale3d(1.25, 0.75, 1); | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: scale3d(0.75, 1.25, 1); | ||
+ | transform: scale3d(0.75, 1.25, 1); | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | -webkit-transform: scale3d(1.15, 0.85, 1); | ||
+ | transform: scale3d(1.15, 0.85, 1); | ||
+ | } | ||
+ | |||
+ | 65% { | ||
+ | -webkit-transform: scale3d(.95, 1.05, 1); | ||
+ | transform: scale3d(.95, 1.05, 1); | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | -webkit-transform: scale3d(1.05, .95, 1); | ||
+ | transform: scale3d(1.05, .95, 1); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rubberBand { | ||
+ | from { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | |||
+ | 30% { | ||
+ | -webkit-transform: scale3d(1.25, 0.75, 1); | ||
+ | transform: scale3d(1.25, 0.75, 1); | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: scale3d(0.75, 1.25, 1); | ||
+ | transform: scale3d(0.75, 1.25, 1); | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | -webkit-transform: scale3d(1.15, 0.85, 1); | ||
+ | transform: scale3d(1.15, 0.85, 1); | ||
+ | } | ||
+ | |||
+ | 65% { | ||
+ | -webkit-transform: scale3d(.95, 1.05, 1); | ||
+ | transform: scale3d(.95, 1.05, 1); | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | -webkit-transform: scale3d(1.05, .95, 1); | ||
+ | transform: scale3d(1.05, .95, 1); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rubberBand { | ||
+ | -webkit-animation-name: rubberBand; | ||
+ | animation-name: rubberBand; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes shake { | ||
+ | from, to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | 10%, 30%, 50%, 70%, 90% { | ||
+ | -webkit-transform: translate3d(-10px, 0, 0); | ||
+ | transform: translate3d(-10px, 0, 0); | ||
+ | } | ||
+ | |||
+ | 20%, 40%, 60%, 80% { | ||
+ | -webkit-transform: translate3d(10px, 0, 0); | ||
+ | transform: translate3d(10px, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes shake { | ||
+ | from, to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | 10%, 30%, 50%, 70%, 90% { | ||
+ | -webkit-transform: translate3d(-10px, 0, 0); | ||
+ | transform: translate3d(-10px, 0, 0); | ||
+ | } | ||
+ | |||
+ | 20%, 40%, 60%, 80% { | ||
+ | -webkit-transform: translate3d(10px, 0, 0); | ||
+ | transform: translate3d(10px, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .shake { | ||
+ | -webkit-animation-name: shake; | ||
+ | animation-name: shake; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes swing { | ||
+ | 20% { | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 15deg); | ||
+ | transform: rotate3d(0, 0, 1, 15deg); | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -10deg); | ||
+ | transform: rotate3d(0, 0, 1, -10deg); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 5deg); | ||
+ | transform: rotate3d(0, 0, 1, 5deg); | ||
+ | } | ||
+ | |||
+ | 80% { | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -5deg); | ||
+ | transform: rotate3d(0, 0, 1, -5deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 0deg); | ||
+ | transform: rotate3d(0, 0, 1, 0deg); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes swing { | ||
+ | 20% { | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 15deg); | ||
+ | transform: rotate3d(0, 0, 1, 15deg); | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -10deg); | ||
+ | transform: rotate3d(0, 0, 1, -10deg); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 5deg); | ||
+ | transform: rotate3d(0, 0, 1, 5deg); | ||
+ | } | ||
+ | |||
+ | 80% { | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -5deg); | ||
+ | transform: rotate3d(0, 0, 1, -5deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 0deg); | ||
+ | transform: rotate3d(0, 0, 1, 0deg); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .swing { | ||
+ | -webkit-transform-origin: top center; | ||
+ | transform-origin: top center; | ||
+ | -webkit-animation-name: swing; | ||
+ | animation-name: swing; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes tada { | ||
+ | from { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | |||
+ | 10%, 20% { | ||
+ | -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | } | ||
+ | |||
+ | 30%, 50%, 70%, 90% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | } | ||
+ | |||
+ | 40%, 60%, 80% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes tada { | ||
+ | from { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | |||
+ | 10%, 20% { | ||
+ | -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | } | ||
+ | |||
+ | 30%, 50%, 70%, 90% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | } | ||
+ | |||
+ | 40%, 60%, 80% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .tada { | ||
+ | -webkit-animation-name: tada; | ||
+ | animation-name: tada; | ||
+ | } | ||
+ | |||
+ | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ | ||
+ | |||
+ | @-webkit-keyframes wobble { | ||
+ | from { | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | |||
+ | 15% { | ||
+ | -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); | ||
+ | transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); | ||
+ | } | ||
+ | |||
+ | 30% { | ||
+ | -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); | ||
+ | transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); | ||
+ | } | ||
+ | |||
+ | 45% { | ||
+ | -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); | ||
+ | transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); | ||
+ | transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes wobble { | ||
+ | from { | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | |||
+ | 15% { | ||
+ | -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); | ||
+ | transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); | ||
+ | } | ||
+ | |||
+ | 30% { | ||
+ | -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); | ||
+ | transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); | ||
+ | } | ||
+ | |||
+ | 45% { | ||
+ | -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); | ||
+ | transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); | ||
+ | transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .wobble { | ||
+ | -webkit-animation-name: wobble; | ||
+ | animation-name: wobble; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes jello { | ||
+ | from, 11.1%, to { | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | |||
+ | 22.2% { | ||
+ | -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); | ||
+ | transform: skewX(-12.5deg) skewY(-12.5deg); | ||
+ | } | ||
+ | |||
+ | 33.3% { | ||
+ | -webkit-transform: skewX(6.25deg) skewY(6.25deg); | ||
+ | transform: skewX(6.25deg) skewY(6.25deg); | ||
+ | } | ||
+ | |||
+ | 44.4% { | ||
+ | -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); | ||
+ | transform: skewX(-3.125deg) skewY(-3.125deg); | ||
+ | } | ||
+ | |||
+ | 55.5% { | ||
+ | -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); | ||
+ | transform: skewX(1.5625deg) skewY(1.5625deg); | ||
+ | } | ||
+ | |||
+ | 66.6% { | ||
+ | -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); | ||
+ | transform: skewX(-0.78125deg) skewY(-0.78125deg); | ||
+ | } | ||
+ | |||
+ | 77.7% { | ||
+ | -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); | ||
+ | transform: skewX(0.390625deg) skewY(0.390625deg); | ||
+ | } | ||
+ | |||
+ | 88.8% { | ||
+ | -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); | ||
+ | transform: skewX(-0.1953125deg) skewY(-0.1953125deg); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes jello { | ||
+ | from, 11.1%, to { | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | |||
+ | 22.2% { | ||
+ | -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); | ||
+ | transform: skewX(-12.5deg) skewY(-12.5deg); | ||
+ | } | ||
+ | |||
+ | 33.3% { | ||
+ | -webkit-transform: skewX(6.25deg) skewY(6.25deg); | ||
+ | transform: skewX(6.25deg) skewY(6.25deg); | ||
+ | } | ||
+ | |||
+ | 44.4% { | ||
+ | -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); | ||
+ | transform: skewX(-3.125deg) skewY(-3.125deg); | ||
+ | } | ||
+ | |||
+ | 55.5% { | ||
+ | -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); | ||
+ | transform: skewX(1.5625deg) skewY(1.5625deg); | ||
+ | } | ||
+ | |||
+ | 66.6% { | ||
+ | -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); | ||
+ | transform: skewX(-0.78125deg) skewY(-0.78125deg); | ||
+ | } | ||
+ | |||
+ | 77.7% { | ||
+ | -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); | ||
+ | transform: skewX(0.390625deg) skewY(0.390625deg); | ||
+ | } | ||
+ | |||
+ | 88.8% { | ||
+ | -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); | ||
+ | transform: skewX(-0.1953125deg) skewY(-0.1953125deg); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .jello { | ||
+ | -webkit-animation-name: jello; | ||
+ | animation-name: jello; | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceIn { | ||
+ | from, 20%, 40%, 60%, 80%, to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | } | ||
+ | |||
+ | 0% { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.3, .3, .3); | ||
+ | transform: scale3d(.3, .3, .3); | ||
+ | } | ||
+ | |||
+ | 20% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1); | ||
+ | transform: scale3d(1.1, 1.1, 1.1); | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: scale3d(.9, .9, .9); | ||
+ | transform: scale3d(.9, .9, .9); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(1.03, 1.03, 1.03); | ||
+ | transform: scale3d(1.03, 1.03, 1.03); | ||
+ | } | ||
+ | |||
+ | 80% { | ||
+ | -webkit-transform: scale3d(.97, .97, .97); | ||
+ | transform: scale3d(.97, .97, .97); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceIn { | ||
+ | from, 20%, 40%, 60%, 80%, to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | } | ||
+ | |||
+ | 0% { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.3, .3, .3); | ||
+ | transform: scale3d(.3, .3, .3); | ||
+ | } | ||
+ | |||
+ | 20% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1); | ||
+ | transform: scale3d(1.1, 1.1, 1.1); | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: scale3d(.9, .9, .9); | ||
+ | transform: scale3d(.9, .9, .9); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(1.03, 1.03, 1.03); | ||
+ | transform: scale3d(1.03, 1.03, 1.03); | ||
+ | } | ||
+ | |||
+ | 80% { | ||
+ | -webkit-transform: scale3d(.97, .97, .97); | ||
+ | transform: scale3d(.97, .97, .97); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceIn { | ||
+ | -webkit-animation-name: bounceIn; | ||
+ | animation-name: bounceIn; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceInDown { | ||
+ | from, 60%, 75%, 90%, to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | } | ||
+ | |||
+ | 0% { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -3000px, 0); | ||
+ | transform: translate3d(0, -3000px, 0); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 25px, 0); | ||
+ | transform: translate3d(0, 25px, 0); | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | -webkit-transform: translate3d(0, -10px, 0); | ||
+ | transform: translate3d(0, -10px, 0); | ||
+ | } | ||
+ | |||
+ | 90% { | ||
+ | -webkit-transform: translate3d(0, 5px, 0); | ||
+ | transform: translate3d(0, 5px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceInDown { | ||
+ | from, 60%, 75%, 90%, to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | } | ||
+ | |||
+ | 0% { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -3000px, 0); | ||
+ | transform: translate3d(0, -3000px, 0); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 25px, 0); | ||
+ | transform: translate3d(0, 25px, 0); | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | -webkit-transform: translate3d(0, -10px, 0); | ||
+ | transform: translate3d(0, -10px, 0); | ||
+ | } | ||
+ | |||
+ | 90% { | ||
+ | -webkit-transform: translate3d(0, 5px, 0); | ||
+ | transform: translate3d(0, 5px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceInDown { | ||
+ | -webkit-animation-name: bounceInDown; | ||
+ | animation-name: bounceInDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceInLeft { | ||
+ | from, 60%, 75%, 90%, to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | } | ||
+ | |||
+ | 0% { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-3000px, 0, 0); | ||
+ | transform: translate3d(-3000px, 0, 0); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(25px, 0, 0); | ||
+ | transform: translate3d(25px, 0, 0); | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | -webkit-transform: translate3d(-10px, 0, 0); | ||
+ | transform: translate3d(-10px, 0, 0); | ||
+ | } | ||
+ | |||
+ | 90% { | ||
+ | -webkit-transform: translate3d(5px, 0, 0); | ||
+ | transform: translate3d(5px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceInLeft { | ||
+ | from, 60%, 75%, 90%, to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | } | ||
+ | |||
+ | 0% { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-3000px, 0, 0); | ||
+ | transform: translate3d(-3000px, 0, 0); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(25px, 0, 0); | ||
+ | transform: translate3d(25px, 0, 0); | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | -webkit-transform: translate3d(-10px, 0, 0); | ||
+ | transform: translate3d(-10px, 0, 0); | ||
+ | } | ||
+ | |||
+ | 90% { | ||
+ | -webkit-transform: translate3d(5px, 0, 0); | ||
+ | transform: translate3d(5px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceInLeft { | ||
+ | -webkit-animation-name: bounceInLeft; | ||
+ | animation-name: bounceInLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceInRight { | ||
+ | from, 60%, 75%, 90%, to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | } | ||
+ | |||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(3000px, 0, 0); | ||
+ | transform: translate3d(3000px, 0, 0); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(-25px, 0, 0); | ||
+ | transform: translate3d(-25px, 0, 0); | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | -webkit-transform: translate3d(10px, 0, 0); | ||
+ | transform: translate3d(10px, 0, 0); | ||
+ | } | ||
+ | |||
+ | 90% { | ||
+ | -webkit-transform: translate3d(-5px, 0, 0); | ||
+ | transform: translate3d(-5px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceInRight { | ||
+ | from, 60%, 75%, 90%, to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | } | ||
+ | |||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(3000px, 0, 0); | ||
+ | transform: translate3d(3000px, 0, 0); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(-25px, 0, 0); | ||
+ | transform: translate3d(-25px, 0, 0); | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | -webkit-transform: translate3d(10px, 0, 0); | ||
+ | transform: translate3d(10px, 0, 0); | ||
+ | } | ||
+ | |||
+ | 90% { | ||
+ | -webkit-transform: translate3d(-5px, 0, 0); | ||
+ | transform: translate3d(-5px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceInRight { | ||
+ | -webkit-animation-name: bounceInRight; | ||
+ | animation-name: bounceInRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceInUp { | ||
+ | from, 60%, 75%, 90%, to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | } | ||
+ | |||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 3000px, 0); | ||
+ | transform: translate3d(0, 3000px, 0); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, -20px, 0); | ||
+ | transform: translate3d(0, -20px, 0); | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | -webkit-transform: translate3d(0, 10px, 0); | ||
+ | transform: translate3d(0, 10px, 0); | ||
+ | } | ||
+ | |||
+ | 90% { | ||
+ | -webkit-transform: translate3d(0, -5px, 0); | ||
+ | transform: translate3d(0, -5px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceInUp { | ||
+ | from, 60%, 75%, 90%, to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||
+ | } | ||
+ | |||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 3000px, 0); | ||
+ | transform: translate3d(0, 3000px, 0); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, -20px, 0); | ||
+ | transform: translate3d(0, -20px, 0); | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | -webkit-transform: translate3d(0, 10px, 0); | ||
+ | transform: translate3d(0, 10px, 0); | ||
+ | } | ||
+ | |||
+ | 90% { | ||
+ | -webkit-transform: translate3d(0, -5px, 0); | ||
+ | transform: translate3d(0, -5px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceInUp { | ||
+ | -webkit-animation-name: bounceInUp; | ||
+ | animation-name: bounceInUp; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceOut { | ||
+ | 20% { | ||
+ | -webkit-transform: scale3d(.9, .9, .9); | ||
+ | transform: scale3d(.9, .9, .9); | ||
+ | } | ||
+ | |||
+ | 50%, 55% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1); | ||
+ | transform: scale3d(1.1, 1.1, 1.1); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.3, .3, .3); | ||
+ | transform: scale3d(.3, .3, .3); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceOut { | ||
+ | 20% { | ||
+ | -webkit-transform: scale3d(.9, .9, .9); | ||
+ | transform: scale3d(.9, .9, .9); | ||
+ | } | ||
+ | |||
+ | 50%, 55% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1); | ||
+ | transform: scale3d(1.1, 1.1, 1.1); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.3, .3, .3); | ||
+ | transform: scale3d(.3, .3, .3); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceOut { | ||
+ | -webkit-animation-name: bounceOut; | ||
+ | animation-name: bounceOut; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceOutDown { | ||
+ | 20% { | ||
+ | -webkit-transform: translate3d(0, 10px, 0); | ||
+ | transform: translate3d(0, 10px, 0); | ||
+ | } | ||
+ | |||
+ | 40%, 45% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, -20px, 0); | ||
+ | transform: translate3d(0, -20px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 2000px, 0); | ||
+ | transform: translate3d(0, 2000px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceOutDown { | ||
+ | 20% { | ||
+ | -webkit-transform: translate3d(0, 10px, 0); | ||
+ | transform: translate3d(0, 10px, 0); | ||
+ | } | ||
+ | |||
+ | 40%, 45% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, -20px, 0); | ||
+ | transform: translate3d(0, -20px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 2000px, 0); | ||
+ | transform: translate3d(0, 2000px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceOutDown { | ||
+ | -webkit-animation-name: bounceOutDown; | ||
+ | animation-name: bounceOutDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceOutLeft { | ||
+ | 20% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(20px, 0, 0); | ||
+ | transform: translate3d(20px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-2000px, 0, 0); | ||
+ | transform: translate3d(-2000px, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceOutLeft { | ||
+ | 20% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(20px, 0, 0); | ||
+ | transform: translate3d(20px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-2000px, 0, 0); | ||
+ | transform: translate3d(-2000px, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceOutLeft { | ||
+ | -webkit-animation-name: bounceOutLeft; | ||
+ | animation-name: bounceOutLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceOutRight { | ||
+ | 20% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(-20px, 0, 0); | ||
+ | transform: translate3d(-20px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(2000px, 0, 0); | ||
+ | transform: translate3d(2000px, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceOutRight { | ||
+ | 20% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(-20px, 0, 0); | ||
+ | transform: translate3d(-20px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(2000px, 0, 0); | ||
+ | transform: translate3d(2000px, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceOutRight { | ||
+ | -webkit-animation-name: bounceOutRight; | ||
+ | animation-name: bounceOutRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceOutUp { | ||
+ | 20% { | ||
+ | -webkit-transform: translate3d(0, -10px, 0); | ||
+ | transform: translate3d(0, -10px, 0); | ||
+ | } | ||
+ | |||
+ | 40%, 45% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 20px, 0); | ||
+ | transform: translate3d(0, 20px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -2000px, 0); | ||
+ | transform: translate3d(0, -2000px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceOutUp { | ||
+ | 20% { | ||
+ | -webkit-transform: translate3d(0, -10px, 0); | ||
+ | transform: translate3d(0, -10px, 0); | ||
+ | } | ||
+ | |||
+ | 40%, 45% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 20px, 0); | ||
+ | transform: translate3d(0, 20px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -2000px, 0); | ||
+ | transform: translate3d(0, -2000px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceOutUp { | ||
+ | -webkit-animation-name: bounceOutUp; | ||
+ | animation-name: bounceOutUp; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeIn { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeIn { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeIn { | ||
+ | -webkit-animation-name: fadeIn; | ||
+ | animation-name: fadeIn; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInDown { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | /*-webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0);*/ | ||
+ | -webkit-transform: translate3d(0, -50px, 0); | ||
+ | transform: translate3d(0, -50px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInDown { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | /*-webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0);*/ | ||
+ | -webkit-transform: translate3d(0, -50px, 0); | ||
+ | transform: translate3d(0, -50px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInDown { | ||
+ | -webkit-animation-name: fadeInDown; | ||
+ | animation-name: fadeInDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInDownBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -2000px, 0); | ||
+ | transform: translate3d(0, -2000px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInDownBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -2000px, 0); | ||
+ | transform: translate3d(0, -2000px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInDownBig { | ||
+ | -webkit-animation-name: fadeInDownBig; | ||
+ | animation-name: fadeInDownBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInLeft { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | /*-webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0);*/ | ||
+ | -webkit-transform: translate3d(-50px, 0, 0); | ||
+ | transform: translate3d(-50px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInLeft { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | /*-webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0);*/ | ||
+ | -webkit-transform: translate3d(-50px, 0, 0); | ||
+ | transform: translate3d(-50px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInLeft { | ||
+ | -webkit-animation-name: fadeInLeft; | ||
+ | animation-name: fadeInLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInLeftBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-2000px, 0, 0); | ||
+ | transform: translate3d(-2000px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInLeftBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-2000px, 0, 0); | ||
+ | transform: translate3d(-2000px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInLeftBig { | ||
+ | -webkit-animation-name: fadeInLeftBig; | ||
+ | animation-name: fadeInLeftBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInRight { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | /*-webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0);*/ | ||
+ | -webkit-transform: translate3d(50px, 0, 0); | ||
+ | transform: translate3d(50px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInRight { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | /*-webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0);*/ | ||
+ | -webkit-transform: translate3d(50px, 0, 0); | ||
+ | transform: translate3d(50px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInRight { | ||
+ | -webkit-animation-name: fadeInRight; | ||
+ | animation-name: fadeInRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInRightBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(2000px, 0, 0); | ||
+ | transform: translate3d(2000px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInRightBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(2000px, 0, 0); | ||
+ | transform: translate3d(2000px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInRightBig { | ||
+ | -webkit-animation-name: fadeInRightBig; | ||
+ | animation-name: fadeInRightBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInUp { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | /*-webkit-transform: translate3d(0, 100%, 0); | ||
+ | transform: translate3d(0, 100%, 0);*/ | ||
+ | -webkit-transform: translate3d(0, 40px, 0); | ||
+ | transform: translate3d(0, 40px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInUp { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | /*-webkit-transform: translate3d(0, 100%, 0); | ||
+ | transform: translate3d(0, 100%, 0);*/ | ||
+ | -webkit-transform: translate3d(0, 40px, 0); | ||
+ | transform: translate3d(0, 40px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInUp { | ||
+ | -webkit-animation-name: fadeInUp; | ||
+ | animation-name: fadeInUp; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInUpBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 2000px, 0); | ||
+ | transform: translate3d(0, 2000px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInUpBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 2000px, 0); | ||
+ | transform: translate3d(0, 2000px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInUpBig { | ||
+ | -webkit-animation-name: fadeInUpBig; | ||
+ | animation-name: fadeInUpBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOut { | ||
+ | -webkit-animation-name: fadeOut; | ||
+ | animation-name: fadeOut; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutDown { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 40px, 0); | ||
+ | transform: translate3d(0, 40px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutDown { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 40px, 0); | ||
+ | transform: translate3d(0, 40px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutDown { | ||
+ | -webkit-animation-name: fadeOutDown; | ||
+ | animation-name: fadeOutDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutDownBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 2000px, 0); | ||
+ | transform: translate3d(0, 2000px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutDownBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 2000px, 0); | ||
+ | transform: translate3d(0, 2000px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutDownBig { | ||
+ | -webkit-animation-name: fadeOutDownBig; | ||
+ | animation-name: fadeOutDownBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutLeft { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutLeft { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutLeft { | ||
+ | -webkit-animation-name: fadeOutLeft; | ||
+ | animation-name: fadeOutLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutLeftBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-2000px, 0, 0); | ||
+ | transform: translate3d(-2000px, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutLeftBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-2000px, 0, 0); | ||
+ | transform: translate3d(-2000px, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutLeftBig { | ||
+ | -webkit-animation-name: fadeOutLeftBig; | ||
+ | animation-name: fadeOutLeftBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutRight { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutRight { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutRight { | ||
+ | -webkit-animation-name: fadeOutRight; | ||
+ | animation-name: fadeOutRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutRightBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(2000px, 0, 0); | ||
+ | transform: translate3d(2000px, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutRightBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(2000px, 0, 0); | ||
+ | transform: translate3d(2000px, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutRightBig { | ||
+ | -webkit-animation-name: fadeOutRightBig; | ||
+ | animation-name: fadeOutRightBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutUp { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutUp { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutUp { | ||
+ | -webkit-animation-name: fadeOutUp; | ||
+ | animation-name: fadeOutUp; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutUpBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -2000px, 0); | ||
+ | transform: translate3d(0, -2000px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutUpBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -2000px, 0); | ||
+ | transform: translate3d(0, -2000px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutUpBig { | ||
+ | -webkit-animation-name: fadeOutUpBig; | ||
+ | animation-name: fadeOutUpBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes flip { | ||
+ | from { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, -360deg); | ||
+ | -webkit-animation-timing-function: ease-out; | ||
+ | animation-timing-function: ease-out; | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); | ||
+ | transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); | ||
+ | -webkit-animation-timing-function: ease-out; | ||
+ | animation-timing-function: ease-out; | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); | ||
+ | transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | } | ||
+ | |||
+ | 80% { | ||
+ | -webkit-transform: perspective(400px) scale3d(.95, .95, .95); | ||
+ | transform: perspective(400px) scale3d(.95, .95, .95); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px); | ||
+ | transform: perspective(400px); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes flip { | ||
+ | from { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, -360deg); | ||
+ | -webkit-animation-timing-function: ease-out; | ||
+ | animation-timing-function: ease-out; | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); | ||
+ | transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); | ||
+ | -webkit-animation-timing-function: ease-out; | ||
+ | animation-timing-function: ease-out; | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); | ||
+ | transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | } | ||
+ | |||
+ | 80% { | ||
+ | -webkit-transform: perspective(400px) scale3d(.95, .95, .95); | ||
+ | transform: perspective(400px) scale3d(.95, .95, .95); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px); | ||
+ | transform: perspective(400px); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .animated.flip { | ||
+ | -webkit-backface-visibility: visible; | ||
+ | backface-visibility: visible; | ||
+ | -webkit-animation-name: flip; | ||
+ | animation-name: flip; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes flipInX { | ||
+ | from { | ||
+ | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | ||
+ | transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | ||
+ | transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); | ||
+ | transform: perspective(400px) rotate3d(1, 0, 0, 10deg); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | 80% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); | ||
+ | transform: perspective(400px) rotate3d(1, 0, 0, -5deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px); | ||
+ | transform: perspective(400px); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes flipInX { | ||
+ | from { | ||
+ | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | ||
+ | transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | ||
+ | transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); | ||
+ | transform: perspective(400px) rotate3d(1, 0, 0, 10deg); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | 80% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); | ||
+ | transform: perspective(400px) rotate3d(1, 0, 0, -5deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px); | ||
+ | transform: perspective(400px); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .flipInX { | ||
+ | -webkit-backface-visibility: visible !important; | ||
+ | backface-visibility: visible !important; | ||
+ | -webkit-animation-name: flipInX; | ||
+ | animation-name: flipInX; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes flipInY { | ||
+ | from { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, -20deg); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, 10deg); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | 80% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, -5deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px); | ||
+ | transform: perspective(400px); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes flipInY { | ||
+ | from { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, -20deg); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, 10deg); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | 80% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, -5deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px); | ||
+ | transform: perspective(400px); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .flipInY { | ||
+ | -webkit-backface-visibility: visible !important; | ||
+ | backface-visibility: visible !important; | ||
+ | -webkit-animation-name: flipInY; | ||
+ | animation-name: flipInY; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes flipOutX { | ||
+ | from { | ||
+ | -webkit-transform: perspective(400px); | ||
+ | transform: perspective(400px); | ||
+ | } | ||
+ | |||
+ | 30% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | ||
+ | transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | ||
+ | transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes flipOutX { | ||
+ | from { | ||
+ | -webkit-transform: perspective(400px); | ||
+ | transform: perspective(400px); | ||
+ | } | ||
+ | |||
+ | 30% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | ||
+ | transform: perspective(400px) rotate3d(1, 0, 0, -20deg); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | ||
+ | transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .flipOutX { | ||
+ | -webkit-animation-name: flipOutX; | ||
+ | animation-name: flipOutX; | ||
+ | -webkit-backface-visibility: visible !important; | ||
+ | backface-visibility: visible !important; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes flipOutY { | ||
+ | from { | ||
+ | -webkit-transform: perspective(400px); | ||
+ | transform: perspective(400px); | ||
+ | } | ||
+ | |||
+ | 30% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, -15deg); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes flipOutY { | ||
+ | from { | ||
+ | -webkit-transform: perspective(400px); | ||
+ | transform: perspective(400px); | ||
+ | } | ||
+ | |||
+ | 30% { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, -15deg); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .flipOutY { | ||
+ | -webkit-backface-visibility: visible !important; | ||
+ | backface-visibility: visible !important; | ||
+ | -webkit-animation-name: flipOutY; | ||
+ | animation-name: flipOutY; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes lightSpeedIn { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); | ||
+ | transform: translate3d(100%, 0, 0) skewX(-30deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | -webkit-transform: skewX(20deg); | ||
+ | transform: skewX(20deg); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | 80% { | ||
+ | -webkit-transform: skewX(-5deg); | ||
+ | transform: skewX(-5deg); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes lightSpeedIn { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); | ||
+ | transform: translate3d(100%, 0, 0) skewX(-30deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | -webkit-transform: skewX(20deg); | ||
+ | transform: skewX(20deg); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | 80% { | ||
+ | -webkit-transform: skewX(-5deg); | ||
+ | transform: skewX(-5deg); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .lightSpeedIn { | ||
+ | -webkit-animation-name: lightSpeedIn; | ||
+ | animation-name: lightSpeedIn; | ||
+ | -webkit-animation-timing-function: ease-out; | ||
+ | animation-timing-function: ease-out; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes lightSpeedOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); | ||
+ | transform: translate3d(100%, 0, 0) skewX(30deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes lightSpeedOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); | ||
+ | transform: translate3d(100%, 0, 0) skewX(30deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .lightSpeedOut { | ||
+ | -webkit-animation-name: lightSpeedOut; | ||
+ | animation-name: lightSpeedOut; | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateIn { | ||
+ | from { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -200deg); | ||
+ | transform: rotate3d(0, 0, 1, -200deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateIn { | ||
+ | from { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -200deg); | ||
+ | transform: rotate3d(0, 0, 1, -200deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateIn { | ||
+ | -webkit-animation-name: rotateIn; | ||
+ | animation-name: rotateIn; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateInDownLeft { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -45deg); | ||
+ | transform: rotate3d(0, 0, 1, -45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateInDownLeft { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -45deg); | ||
+ | transform: rotate3d(0, 0, 1, -45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateInDownLeft { | ||
+ | -webkit-animation-name: rotateInDownLeft; | ||
+ | animation-name: rotateInDownLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateInDownRight { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 45deg); | ||
+ | transform: rotate3d(0, 0, 1, 45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateInDownRight { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 45deg); | ||
+ | transform: rotate3d(0, 0, 1, 45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateInDownRight { | ||
+ | -webkit-animation-name: rotateInDownRight; | ||
+ | animation-name: rotateInDownRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateInUpLeft { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 45deg); | ||
+ | transform: rotate3d(0, 0, 1, 45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateInUpLeft { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 45deg); | ||
+ | transform: rotate3d(0, 0, 1, 45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateInUpLeft { | ||
+ | -webkit-animation-name: rotateInUpLeft; | ||
+ | animation-name: rotateInUpLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateInUpRight { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -90deg); | ||
+ | transform: rotate3d(0, 0, 1, -90deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateInUpRight { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -90deg); | ||
+ | transform: rotate3d(0, 0, 1, -90deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateInUpRight { | ||
+ | -webkit-animation-name: rotateInUpRight; | ||
+ | animation-name: rotateInUpRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateOut { | ||
+ | from { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 200deg); | ||
+ | transform: rotate3d(0, 0, 1, 200deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateOut { | ||
+ | from { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 200deg); | ||
+ | transform: rotate3d(0, 0, 1, 200deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateOut { | ||
+ | -webkit-animation-name: rotateOut; | ||
+ | animation-name: rotateOut; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateOutDownLeft { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 45deg); | ||
+ | transform: rotate3d(0, 0, 1, 45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateOutDownLeft { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 45deg); | ||
+ | transform: rotate3d(0, 0, 1, 45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateOutDownLeft { | ||
+ | -webkit-animation-name: rotateOutDownLeft; | ||
+ | animation-name: rotateOutDownLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateOutDownRight { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -45deg); | ||
+ | transform: rotate3d(0, 0, 1, -45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateOutDownRight { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -45deg); | ||
+ | transform: rotate3d(0, 0, 1, -45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateOutDownRight { | ||
+ | -webkit-animation-name: rotateOutDownRight; | ||
+ | animation-name: rotateOutDownRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateOutUpLeft { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -45deg); | ||
+ | transform: rotate3d(0, 0, 1, -45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateOutUpLeft { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -45deg); | ||
+ | transform: rotate3d(0, 0, 1, -45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateOutUpLeft { | ||
+ | -webkit-animation-name: rotateOutUpLeft; | ||
+ | animation-name: rotateOutUpLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateOutUpRight { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 90deg); | ||
+ | transform: rotate3d(0, 0, 1, 90deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateOutUpRight { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 90deg); | ||
+ | transform: rotate3d(0, 0, 1, 90deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateOutUpRight { | ||
+ | -webkit-animation-name: rotateOutUpRight; | ||
+ | animation-name: rotateOutUpRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes hinge { | ||
+ | 0% { | ||
+ | -webkit-transform-origin: top left; | ||
+ | transform-origin: top left; | ||
+ | -webkit-animation-timing-function: ease-in-out; | ||
+ | animation-timing-function: ease-in-out; | ||
+ | } | ||
+ | |||
+ | 20%, 60% { | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 80deg); | ||
+ | transform: rotate3d(0, 0, 1, 80deg); | ||
+ | -webkit-transform-origin: top left; | ||
+ | transform-origin: top left; | ||
+ | -webkit-animation-timing-function: ease-in-out; | ||
+ | animation-timing-function: ease-in-out; | ||
+ | } | ||
+ | |||
+ | 40%, 80% { | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 60deg); | ||
+ | transform: rotate3d(0, 0, 1, 60deg); | ||
+ | -webkit-transform-origin: top left; | ||
+ | transform-origin: top left; | ||
+ | -webkit-animation-timing-function: ease-in-out; | ||
+ | animation-timing-function: ease-in-out; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 700px, 0); | ||
+ | transform: translate3d(0, 700px, 0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes hinge { | ||
+ | 0% { | ||
+ | -webkit-transform-origin: top left; | ||
+ | transform-origin: top left; | ||
+ | -webkit-animation-timing-function: ease-in-out; | ||
+ | animation-timing-function: ease-in-out; | ||
+ | } | ||
+ | |||
+ | 20%, 60% { | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 80deg); | ||
+ | transform: rotate3d(0, 0, 1, 80deg); | ||
+ | -webkit-transform-origin: top left; | ||
+ | transform-origin: top left; | ||
+ | -webkit-animation-timing-function: ease-in-out; | ||
+ | animation-timing-function: ease-in-out; | ||
+ | } | ||
+ | |||
+ | 40%, 80% { | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 60deg); | ||
+ | transform: rotate3d(0, 0, 1, 60deg); | ||
+ | -webkit-transform-origin: top left; | ||
+ | transform-origin: top left; | ||
+ | -webkit-animation-timing-function: ease-in-out; | ||
+ | animation-timing-function: ease-in-out; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 700px, 0); | ||
+ | transform: translate3d(0, 700px, 0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .hinge { | ||
+ | -webkit-animation-name: hinge; | ||
+ | animation-name: hinge; | ||
+ | } | ||
+ | |||
+ | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ | ||
+ | |||
+ | @-webkit-keyframes rollIn { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); | ||
+ | transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rollIn { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); | ||
+ | transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: none; | ||
+ | transform: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rollIn { | ||
+ | -webkit-animation-name: rollIn; | ||
+ | animation-name: rollIn; | ||
+ | } | ||
+ | |||
+ | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ | ||
+ | |||
+ | @-webkit-keyframes rollOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); | ||
+ | transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rollOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); | ||
+ | transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rollOut { | ||
+ | -webkit-animation-name: rollOut; | ||
+ | animation-name: rollOut; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomIn { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.3, .3, .3); | ||
+ | transform: scale3d(.3, .3, .3); | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomIn { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.3, .3, .3); | ||
+ | transform: scale3d(.3, .3, .3); | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomIn { | ||
+ | -webkit-animation-name: zoomIn; | ||
+ | animation-name: zoomIn; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomInDown { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); | ||
+ | transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomInDown { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); | ||
+ | transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomInDown { | ||
+ | -webkit-animation-name: zoomInDown; | ||
+ | animation-name: zoomInDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomInLeft { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); | ||
+ | transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomInLeft { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); | ||
+ | transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomInLeft { | ||
+ | -webkit-animation-name: zoomInLeft; | ||
+ | animation-name: zoomInLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomInRight { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); | ||
+ | transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomInRight { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); | ||
+ | transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomInRight { | ||
+ | -webkit-animation-name: zoomInRight; | ||
+ | animation-name: zoomInRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomInUp { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); | ||
+ | transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomInUp { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); | ||
+ | transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomInUp { | ||
+ | -webkit-animation-name: zoomInUp; | ||
+ | animation-name: zoomInUp; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.3, .3, .3); | ||
+ | transform: scale3d(.3, .3, .3); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.3, .3, .3); | ||
+ | transform: scale3d(.3, .3, .3); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomOut { | ||
+ | -webkit-animation-name: zoomOut; | ||
+ | animation-name: zoomOut; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomOutDown { | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); | ||
+ | transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); | ||
+ | -webkit-transform-origin: center bottom; | ||
+ | transform-origin: center bottom; | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomOutDown { | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); | ||
+ | transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); | ||
+ | -webkit-transform-origin: center bottom; | ||
+ | transform-origin: center bottom; | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomOutDown { | ||
+ | -webkit-animation-name: zoomOutDown; | ||
+ | animation-name: zoomOutDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomOutLeft { | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); | ||
+ | transform: scale(.1) translate3d(-2000px, 0, 0); | ||
+ | -webkit-transform-origin: left center; | ||
+ | transform-origin: left center; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomOutLeft { | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); | ||
+ | transform: scale(.1) translate3d(-2000px, 0, 0); | ||
+ | -webkit-transform-origin: left center; | ||
+ | transform-origin: left center; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomOutLeft { | ||
+ | -webkit-animation-name: zoomOutLeft; | ||
+ | animation-name: zoomOutLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomOutRight { | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale(.1) translate3d(2000px, 0, 0); | ||
+ | transform: scale(.1) translate3d(2000px, 0, 0); | ||
+ | -webkit-transform-origin: right center; | ||
+ | transform-origin: right center; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomOutRight { | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale(.1) translate3d(2000px, 0, 0); | ||
+ | transform: scale(.1) translate3d(2000px, 0, 0); | ||
+ | -webkit-transform-origin: right center; | ||
+ | transform-origin: right center; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomOutRight { | ||
+ | -webkit-animation-name: zoomOutRight; | ||
+ | animation-name: zoomOutRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomOutUp { | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); | ||
+ | transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); | ||
+ | -webkit-transform-origin: center bottom; | ||
+ | transform-origin: center bottom; | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomOutUp { | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | ||
+ | transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); | ||
+ | transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); | ||
+ | -webkit-transform-origin: center bottom; | ||
+ | transform-origin: center bottom; | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomOutUp { | ||
+ | -webkit-animation-name: zoomOutUp; | ||
+ | animation-name: zoomOutUp; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideInDown { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideInDown { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideInDown { | ||
+ | -webkit-animation-name: slideInDown; | ||
+ | animation-name: slideInDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideInLeft { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideInLeft { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideInLeft { | ||
+ | -webkit-animation-name: slideInLeft; | ||
+ | animation-name: slideInLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideInRight { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideInRight { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideInRight { | ||
+ | -webkit-animation-name: slideInRight; | ||
+ | animation-name: slideInRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideInUp { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 100%, 0); | ||
+ | transform: translate3d(0, 100%, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideInUp { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 100%, 0); | ||
+ | transform: translate3d(0, 100%, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideInUp { | ||
+ | -webkit-animation-name: slideInUp; | ||
+ | animation-name: slideInUp; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideOutDown { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(0, 100%, 0); | ||
+ | transform: translate3d(0, 100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideOutDown { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(0, 100%, 0); | ||
+ | transform: translate3d(0, 100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideOutDown { | ||
+ | -webkit-animation-name: slideOutDown; | ||
+ | animation-name: slideOutDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideOutLeft { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideOutLeft { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideOutLeft { | ||
+ | -webkit-animation-name: slideOutLeft; | ||
+ | animation-name: slideOutLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideOutRight { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideOutRight { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideOutRight { | ||
+ | -webkit-animation-name: slideOutRight; | ||
+ | animation-name: slideOutRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideOutUp { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideOutUp { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideOutUp { | ||
+ | -webkit-animation-name: slideOutUp; | ||
+ | animation-name: slideOutUp; | ||
+ | } | ||
+ | |||
+ | @charset "UTF-8"; | ||
+ | /*! | ||
+ | * Bootstrap v3.3.5 (http://getbootstrap.com) | ||
+ | * Copyright 2011-2015 Twitter, Inc. | ||
+ | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) | ||
+ | */ | ||
+ | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ | ||
+ | html { | ||
+ | font-family: sans-serif; | ||
+ | -ms-text-size-adjust: 100%; | ||
+ | -webkit-text-size-adjust: 100%; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | article, | ||
+ | aside, | ||
+ | details, | ||
+ | figcaption, | ||
+ | figure, | ||
+ | footer, | ||
+ | header, | ||
+ | hgroup, | ||
+ | main, | ||
+ | menu, | ||
+ | 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-color: transparent; | ||
+ | } | ||
+ | |||
+ | a:active, | ||
+ | a:hover { | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | abbr[title] { | ||
+ | border-bottom: 1px dotted; | ||
+ | } | ||
+ | |||
+ | b, | ||
+ | strong { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | dfn { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-size: 2em; | ||
+ | margin: 0.67em 0; | ||
+ | } | ||
+ | |||
+ | mark { | ||
+ | background: #ff0; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | small { | ||
+ | font-size: 80%; | ||
+ | } | ||
+ | |||
+ | sub, | ||
+ | sup { | ||
+ | font-size: 75%; | ||
+ | line-height: 0; | ||
+ | position: relative; | ||
+ | vertical-align: baseline; | ||
+ | } | ||
+ | |||
+ | sup { | ||
+ | top: -0.5em; | ||
+ | } | ||
+ | |||
+ | sub { | ||
+ | bottom: -0.25em; | ||
+ | } | ||
+ | |||
+ | img { | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | svg:not(:root) { | ||
overflow: hidden; | overflow: hidden; | ||
− | |||
− | |||
} | } | ||
− | /* | + | figure { |
− | .navbar | + | margin: 1em 40px; |
− | + | } | |
+ | |||
+ | hr { | ||
+ | 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; | ||
+ | box-sizing: content-box; | ||
+ | } | ||
+ | |||
+ | input[type="search"]::-webkit-search-cancel-button, | ||
+ | input[type="search"]::-webkit-search-decoration { | ||
+ | -webkit-appearance: none; | ||
+ | } | ||
+ | |||
+ | fieldset { | ||
+ | border: 1px solid #c0c0c0; | ||
+ | margin: 0 2px; | ||
+ | padding: 0.35em 0.625em 0.75em; | ||
+ | } | ||
+ | |||
+ | legend { | ||
+ | border: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | textarea { | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | optgroup { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | border-collapse: collapse; | ||
+ | border-spacing: 0; | ||
+ | } | ||
+ | |||
+ | td, | ||
+ | th { | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ | ||
+ | @media print { | ||
+ | *, | ||
+ | *:before, | ||
+ | *:after { | ||
+ | background: transparent !important; | ||
+ | color: #000 !important; | ||
+ | box-shadow: none !important; | ||
+ | text-shadow: none !important; | ||
+ | } | ||
+ | |||
+ | a, | ||
+ | a:visited { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | a[href]:after { | ||
+ | content: " (" attr(href) ")"; | ||
+ | } | ||
+ | |||
+ | abbr[title]:after { | ||
+ | content: " (" attr(title) ")"; | ||
+ | } | ||
+ | |||
+ | a[href^="#"]:after, | ||
+ | a[href^="javascript:"]:after { | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | pre, | ||
+ | blockquote { | ||
+ | border: 1px solid #999; | ||
+ | page-break-inside: avoid; | ||
+ | } | ||
+ | |||
+ | thead { | ||
+ | display: table-header-group; | ||
+ | } | ||
+ | |||
+ | tr, | ||
+ | img { | ||
+ | page-break-inside: avoid; | ||
+ | } | ||
+ | |||
+ | img { | ||
+ | max-width: 100% !important; | ||
+ | } | ||
+ | |||
+ | p, | ||
+ | h2, | ||
+ | h3 { | ||
+ | orphans: 3; | ||
+ | widows: 3; | ||
+ | } | ||
+ | |||
+ | h2, | ||
+ | h3 { | ||
+ | page-break-after: avoid; | ||
+ | } | ||
+ | |||
+ | .navbar { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .btn > .caret, | ||
+ | .dropup > .btn > .caret { | ||
+ | border-top-color: #000 !important; | ||
+ | } | ||
+ | |||
+ | .label { | ||
+ | border: 1px solid #000; | ||
+ | } | ||
+ | |||
+ | .fh5co-cta .btn { | ||
+ | text-align: center !important; | ||
+ | } | ||
+ | .table { | ||
+ | border-collapse: collapse !important; | ||
+ | } | ||
+ | .table td, | ||
+ | .table th { | ||
+ | background-color: #fff !important; | ||
+ | } | ||
+ | |||
+ | .table-bordered th, | ||
+ | .table-bordered td { | ||
+ | border: 1px solid #ddd !important; | ||
+ | } | ||
+ | } | ||
+ | * { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | *:before, | ||
+ | *:after { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | html { | ||
+ | font-size: 10px; | ||
+ | -webkit-tap-highlight-color: transparent; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.42857; | ||
+ | color: #333333; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | input, | ||
+ | button, | ||
+ | select, | ||
+ | textarea { | ||
+ | font-family: inherit; | ||
+ | font-size: inherit; | ||
+ | line-height: inherit; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | color: #337ab7; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:hover, a:focus { | ||
+ | color: #23527c; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | a:focus { | ||
+ | outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | |||
+ | figure { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | img { | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .img-responsive { | ||
+ | display: block; | ||
+ | max-width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | .img-rounded { | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | |||
+ | .img-thumbnail { | ||
+ | padding: 4px; | ||
+ | line-height: 1.42857; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #ddd; | ||
+ | border-radius: 4px; | ||
+ | -webkit-transition: all 0.2s ease-in-out; | ||
+ | -o-transition: all 0.2s ease-in-out; | ||
+ | transition: all 0.2s ease-in-out; | ||
+ | display: inline-block; | ||
+ | max-width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | .img-circle { | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | |||
+ | hr { | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | border: 0; | ||
+ | border-top: 1px solid #eeeeee; | ||
+ | } | ||
+ | |||
+ | .sr-only { | ||
+ | position: absolute; | ||
+ | width: 1px; | ||
+ | height: 1px; | ||
+ | margin: -1px; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | clip: rect(0, 0, 0, 0); | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .sr-only-focusable:active, .sr-only-focusable:focus { | ||
+ | position: static; | ||
+ | width: auto; | ||
+ | height: auto; | ||
+ | margin: 0; | ||
+ | overflow: visible; | ||
+ | clip: auto; | ||
+ | } | ||
+ | |||
+ | [role="button"] { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6, | ||
+ | .h1, .h2, .h3, .h4, .h5, .h6 { | ||
+ | font-family: inherit; | ||
+ | font-weight: 500; | ||
+ | line-height: 1.1; | ||
+ | color: inherit; | ||
+ | } | ||
+ | h1 small, | ||
+ | h1 .small, h2 small, | ||
+ | h2 .small, h3 small, | ||
+ | h3 .small, h4 small, | ||
+ | h4 .small, h5 small, | ||
+ | h5 .small, h6 small, | ||
+ | h6 .small, | ||
+ | .h1 small, | ||
+ | .h1 .small, .h2 small, | ||
+ | .h2 .small, .h3 small, | ||
+ | .h3 .small, .h4 small, | ||
+ | .h4 .small, .h5 small, | ||
+ | .h5 .small, .h6 small, | ||
+ | .h6 .small { | ||
+ | font-weight: normal; | ||
+ | line-height: 1; | ||
+ | color: #777777; | ||
+ | } | ||
+ | |||
+ | h1, .h1, | ||
+ | h2, .h2, | ||
+ | h3, .h3 { | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | h1 small, | ||
+ | h1 .small, .h1 small, | ||
+ | .h1 .small, | ||
+ | h2 small, | ||
+ | h2 .small, .h2 small, | ||
+ | .h2 .small, | ||
+ | h3 small, | ||
+ | h3 .small, .h3 small, | ||
+ | .h3 .small { | ||
+ | font-size: 65%; | ||
+ | } | ||
+ | |||
+ | h4, .h4, | ||
+ | h5, .h5, | ||
+ | h6, .h6 { | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | h4 small, | ||
+ | h4 .small, .h4 small, | ||
+ | .h4 .small, | ||
+ | h5 small, | ||
+ | h5 .small, .h5 small, | ||
+ | .h5 .small, | ||
+ | h6 small, | ||
+ | h6 .small, .h6 small, | ||
+ | .h6 .small { | ||
+ | font-size: 75%; | ||
+ | } | ||
+ | |||
+ | h1, .h1 { | ||
+ | font-size: 36px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .lead { | ||
+ | margin-bottom: 20px; | ||
font-size: 16px; | font-size: 16px; | ||
− | color: | + | font-weight: 300; |
+ | line-height: 1.4; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .lead { | ||
+ | font-size: 21px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | small, | ||
+ | .small { | ||
+ | font-size: 85%; | ||
+ | } | ||
+ | |||
+ | mark, | ||
+ | .mark { | ||
+ | background-color: #E0E4CC; | ||
+ | padding: .2em; | ||
+ | } | ||
+ | |||
+ | .text-left { | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .text-right { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .text-center { | ||
text-align: center; | text-align: center; | ||
− | padding: 14px | + | } |
+ | |||
+ | .text-justify { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | .text-nowrap { | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .text-lowercase { | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | |||
+ | .text-uppercase, .initialism { | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | .text-capitalize { | ||
+ | text-transform: capitalize; | ||
+ | } | ||
+ | |||
+ | .text-muted { | ||
+ | color: #777777; | ||
+ | } | ||
+ | |||
+ | .text-primary { | ||
+ | color: #337ab7; | ||
+ | } | ||
+ | |||
+ | a.text-primary:hover, | ||
+ | a.text-primary:focus { | ||
+ | color: #286090; | ||
+ | } | ||
+ | |||
+ | .text-success { | ||
+ | color: #3c763d; | ||
+ | } | ||
+ | |||
+ | a.text-success:hover, | ||
+ | a.text-success:focus { | ||
+ | color: #2b542c; | ||
+ | } | ||
+ | |||
+ | .text-info { | ||
+ | color: #31708f; | ||
+ | } | ||
+ | |||
+ | a.text-info:hover, | ||
+ | a.text-info:focus { | ||
+ | color: #245269; | ||
+ | } | ||
+ | |||
+ | .text-warning { | ||
+ | color: #8a6d3b; | ||
+ | } | ||
+ | |||
+ | a.text-warning:hover, | ||
+ | a.text-warning:focus { | ||
+ | color: #66512c; | ||
+ | } | ||
+ | |||
+ | .text-danger { | ||
+ | color: #a94442; | ||
+ | } | ||
+ | |||
+ | a.text-danger:hover, | ||
+ | a.text-danger:focus { | ||
+ | color: #843534; | ||
+ | } | ||
+ | |||
+ | .bg-primary { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .bg-primary { | ||
+ | background-color: #337ab7; | ||
+ | } | ||
+ | |||
+ | a.bg-primary:hover, | ||
+ | a.bg-primary:focus { | ||
+ | background-color: #286090; | ||
+ | } | ||
+ | |||
+ | .bg-success { | ||
+ | background-color: #dff0d8; | ||
+ | } | ||
+ | |||
+ | a.bg-success:hover, | ||
+ | a.bg-success:focus { | ||
+ | background-color: #c1e2b3; | ||
+ | } | ||
+ | |||
+ | .bg-info { | ||
+ | background-color: #d9edf7; | ||
+ | } | ||
+ | |||
+ | a.bg-info:hover, | ||
+ | a.bg-info:focus { | ||
+ | background-color: #afd9ee; | ||
+ | } | ||
+ | |||
+ | .bg-warning { | ||
+ | background-color: #fcf8e3; | ||
+ | } | ||
+ | |||
+ | a.bg-warning:hover, | ||
+ | a.bg-warning:focus { | ||
+ | background-color: #f7ecb5; | ||
+ | } | ||
+ | |||
+ | .bg-danger { | ||
+ | background-color: #f2dede; | ||
+ | } | ||
+ | |||
+ | a.bg-danger:hover, | ||
+ | a.bg-danger:focus { | ||
+ | background-color: #e4b9b9; | ||
+ | } | ||
+ | |||
+ | .page-header { | ||
+ | padding-bottom: 9px; | ||
+ | margin: 40px 0 20px; | ||
+ | border-bottom: 1px solid #eeeeee; | ||
+ | } | ||
+ | |||
+ | ul, | ||
+ | ol { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | ul ul, | ||
+ | ul ol, | ||
+ | ol ul, | ||
+ | ol ol { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .list-unstyled { | ||
+ | padding-left: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .list-inline { | ||
+ | padding-left: 0; | ||
+ | list-style: none; | ||
+ | margin-left: -5px; | ||
+ | } | ||
+ | .list-inline > li { | ||
+ | display: inline-block; | ||
+ | padding-left: 5px; | ||
+ | padding-right: 5px; | ||
+ | } | ||
+ | |||
+ | dl { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | dt, | ||
+ | dd { | ||
+ | line-height: 1.42857; | ||
+ | } | ||
+ | |||
+ | dt { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | dd { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .dl-horizontal dd:before, .dl-horizontal dd:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .dl-horizontal dd:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .dl-horizontal dt { | ||
+ | float: left; | ||
+ | width: 160px; | ||
+ | clear: left; | ||
+ | text-align: right; | ||
+ | overflow: hidden; | ||
+ | text-overflow: ellipsis; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .dl-horizontal dd { | ||
+ | margin-left: 180px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | abbr[title], | ||
+ | abbr[data-original-title] { | ||
+ | cursor: help; | ||
+ | border-bottom: 1px dotted #777777; | ||
+ | } | ||
+ | |||
+ | .initialism { | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | |||
+ | blockquote { | ||
+ | padding: 10px 20px; | ||
+ | margin: 0 0 20px; | ||
+ | font-size: 17.5px; | ||
+ | border-left: 5px solid #eeeeee; | ||
+ | } | ||
+ | blockquote p:last-child, | ||
+ | blockquote ul:last-child, | ||
+ | blockquote ol:last-child { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | blockquote footer, | ||
+ | blockquote small, | ||
+ | blockquote .small { | ||
+ | display: block; | ||
+ | font-size: 80%; | ||
+ | line-height: 1.42857; | ||
+ | color: #777777; | ||
+ | } | ||
+ | blockquote footer:before, | ||
+ | blockquote small:before, | ||
+ | blockquote .small:before { | ||
+ | content: '\2014 \00A0'; | ||
+ | } | ||
+ | |||
+ | .blockquote-reverse, | ||
+ | blockquote.pull-right { | ||
+ | padding-right: 15px; | ||
+ | padding-left: 0; | ||
+ | border-right: 5px solid #eeeeee; | ||
+ | border-left: 0; | ||
+ | text-align: right; | ||
+ | } | ||
+ | .blockquote-reverse footer:before, | ||
+ | .blockquote-reverse small:before, | ||
+ | .blockquote-reverse .small:before, | ||
+ | blockquote.pull-right footer:before, | ||
+ | blockquote.pull-right small:before, | ||
+ | blockquote.pull-right .small:before { | ||
+ | content: ''; | ||
+ | } | ||
+ | .blockquote-reverse footer:after, | ||
+ | .blockquote-reverse small:after, | ||
+ | .blockquote-reverse .small:after, | ||
+ | blockquote.pull-right footer:after, | ||
+ | blockquote.pull-right small:after, | ||
+ | blockquote.pull-right .small:after { | ||
+ | content: '\00A0 \2014'; | ||
+ | } | ||
+ | |||
+ | address { | ||
+ | margin-bottom: 20px; | ||
+ | font-style: normal; | ||
+ | line-height: 1.42857; | ||
+ | } | ||
+ | |||
+ | code, | ||
+ | kbd, | ||
+ | pre, | ||
+ | samp { | ||
+ | font-family: Menlo, Monaco, Consolas, "Courier New", monospace; | ||
+ | } | ||
+ | |||
+ | code { | ||
+ | padding: 2px 4px; | ||
+ | font-size: 90%; | ||
+ | color: #c7254e; | ||
+ | background-color: #f9f2f4; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | |||
+ | kbd { | ||
+ | padding: 2px 4px; | ||
+ | font-size: 90%; | ||
+ | color: #fff; | ||
+ | background-color: #333; | ||
+ | border-radius: 3px; | ||
+ | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | } | ||
+ | kbd kbd { | ||
+ | padding: 0; | ||
+ | font-size: 100%; | ||
+ | font-weight: bold; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | pre { | ||
+ | display: block; | ||
+ | padding: 9.5px; | ||
+ | margin: 0 0 10px; | ||
+ | font-size: 13px; | ||
+ | line-height: 1.42857; | ||
+ | word-break: break-all; | ||
+ | word-wrap: break-word; | ||
+ | color: #333333; | ||
+ | background-color: #f5f5f5; | ||
+ | border: 1px solid #ccc; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | pre code { | ||
+ | padding: 0; | ||
+ | font-size: inherit; | ||
+ | color: inherit; | ||
+ | white-space: pre-wrap; | ||
+ | background-color: transparent; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .pre-scrollable { | ||
+ | max-height: 340px; | ||
+ | overflow-y: scroll; | ||
+ | } | ||
+ | |||
+ | .container { | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | } | ||
+ | .container:before, .container:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .container:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .container { | ||
+ | width: 750px; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 992px) { | ||
+ | .container { | ||
+ | width: 970px; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 1200px) { | ||
+ | .container { | ||
+ | width: 1170px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .container-fluid { | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | } | ||
+ | .container-fluid:before, .container-fluid:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .container-fluid:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .row { | ||
+ | margin-left: -15px; | ||
+ | margin-right: -15px; | ||
+ | } | ||
+ | .row:before, .row:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .row:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { | ||
+ | position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | } | ||
+ | |||
+ | .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .col-xs-1 { | ||
+ | width: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-2 { | ||
+ | width: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-3 { | ||
+ | width: 25%; | ||
+ | } | ||
+ | |||
+ | .col-xs-4 { | ||
+ | width: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-5 { | ||
+ | width: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-6 { | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .col-xs-7 { | ||
+ | width: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-8 { | ||
+ | width: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-9 { | ||
+ | width: 75%; | ||
+ | } | ||
+ | |||
+ | .col-xs-10 { | ||
+ | width: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-11 { | ||
+ | width: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-12 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-0 { | ||
+ | right: auto; | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-1 { | ||
+ | right: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-2 { | ||
+ | right: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-3 { | ||
+ | right: 25%; | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-4 { | ||
+ | right: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-5 { | ||
+ | right: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-6 { | ||
+ | right: 50%; | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-7 { | ||
+ | right: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-8 { | ||
+ | right: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-9 { | ||
+ | right: 75%; | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-10 { | ||
+ | right: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-11 { | ||
+ | right: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-12 { | ||
+ | right: 100%; | ||
+ | } | ||
+ | |||
+ | .col-xs-push-0 { | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | .col-xs-push-1 { | ||
+ | left: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-push-2 { | ||
+ | left: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-push-3 { | ||
+ | left: 25%; | ||
+ | } | ||
+ | |||
+ | .col-xs-push-4 { | ||
+ | left: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-push-5 { | ||
+ | left: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-push-6 { | ||
+ | left: 50%; | ||
+ | } | ||
+ | |||
+ | .col-xs-push-7 { | ||
+ | left: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-push-8 { | ||
+ | left: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-push-9 { | ||
+ | left: 75%; | ||
+ | } | ||
+ | |||
+ | .col-xs-push-10 { | ||
+ | left: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-push-11 { | ||
+ | left: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-push-12 { | ||
+ | left: 100%; | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-0 { | ||
+ | margin-left: 0%; | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-1 { | ||
+ | margin-left: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-2 { | ||
+ | margin-left: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-3 { | ||
+ | margin-left: 25%; | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-4 { | ||
+ | margin-left: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-5 { | ||
+ | margin-left: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-6 { | ||
+ | margin-left: 50%; | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-7 { | ||
+ | margin-left: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-8 { | ||
+ | margin-left: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-9 { | ||
+ | margin-left: 75%; | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-10 { | ||
+ | margin-left: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-11 { | ||
+ | margin-left: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-12 { | ||
+ | margin-left: 100%; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 768px) { | ||
+ | .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .col-sm-1 { | ||
+ | width: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-2 { | ||
+ | width: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-3 { | ||
+ | width: 25%; | ||
+ | } | ||
+ | |||
+ | .col-sm-4 { | ||
+ | width: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-5 { | ||
+ | width: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-6 { | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .col-sm-7 { | ||
+ | width: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-8 { | ||
+ | width: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-9 { | ||
+ | width: 75%; | ||
+ | } | ||
+ | |||
+ | .col-sm-10 { | ||
+ | width: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-11 { | ||
+ | width: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-12 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .col-sm-pull-0 { | ||
+ | right: auto; | ||
+ | } | ||
+ | |||
+ | .col-sm-pull-1 { | ||
+ | right: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-pull-2 { | ||
+ | right: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-pull-3 { | ||
+ | right: 25%; | ||
+ | } | ||
+ | |||
+ | .col-sm-pull-4 { | ||
+ | right: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-pull-5 { | ||
+ | right: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-pull-6 { | ||
+ | right: 50%; | ||
+ | } | ||
+ | |||
+ | .col-sm-pull-7 { | ||
+ | right: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-pull-8 { | ||
+ | right: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-pull-9 { | ||
+ | right: 75%; | ||
+ | } | ||
+ | |||
+ | .col-sm-pull-10 { | ||
+ | right: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-pull-11 { | ||
+ | right: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-pull-12 { | ||
+ | right: 100%; | ||
+ | } | ||
+ | |||
+ | .col-sm-push-0 { | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | .col-sm-push-1 { | ||
+ | left: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-push-2 { | ||
+ | left: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-push-3 { | ||
+ | left: 25%; | ||
+ | } | ||
+ | |||
+ | .col-sm-push-4 { | ||
+ | left: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-push-5 { | ||
+ | left: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-push-6 { | ||
+ | left: 50%; | ||
+ | } | ||
+ | |||
+ | .col-sm-push-7 { | ||
+ | left: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-push-8 { | ||
+ | left: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-push-9 { | ||
+ | left: 75%; | ||
+ | } | ||
+ | |||
+ | .col-sm-push-10 { | ||
+ | left: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-push-11 { | ||
+ | left: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-push-12 { | ||
+ | left: 100%; | ||
+ | } | ||
+ | |||
+ | .col-sm-offset-0 { | ||
+ | margin-left: 0%; | ||
+ | } | ||
+ | |||
+ | .col-sm-offset-1 { | ||
+ | margin-left: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-offset-2 { | ||
+ | margin-left: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-offset-3 { | ||
+ | margin-left: 25%; | ||
+ | } | ||
+ | |||
+ | .col-sm-offset-4 { | ||
+ | margin-left: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-offset-5 { | ||
+ | margin-left: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-offset-6 { | ||
+ | margin-left: 50%; | ||
+ | } | ||
+ | |||
+ | .col-sm-offset-7 { | ||
+ | margin-left: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-offset-8 { | ||
+ | margin-left: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-offset-9 { | ||
+ | margin-left: 75%; | ||
+ | } | ||
+ | |||
+ | .col-sm-offset-10 { | ||
+ | margin-left: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-sm-offset-11 { | ||
+ | margin-left: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-sm-offset-12 { | ||
+ | margin-left: 100%; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 992px) { | ||
+ | .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .col-md-1 { | ||
+ | width: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-2 { | ||
+ | width: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-3 { | ||
+ | width: 25%; | ||
+ | } | ||
+ | |||
+ | .col-md-4 { | ||
+ | width: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-5 { | ||
+ | width: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-6 { | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .col-md-7 { | ||
+ | width: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-8 { | ||
+ | width: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-9 { | ||
+ | width: 75%; | ||
+ | } | ||
+ | |||
+ | .col-md-10 { | ||
+ | width: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-11 { | ||
+ | width: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-12 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .col-md-pull-0 { | ||
+ | right: auto; | ||
+ | } | ||
+ | |||
+ | .col-md-pull-1 { | ||
+ | right: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-pull-2 { | ||
+ | right: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-pull-3 { | ||
+ | right: 25%; | ||
+ | } | ||
+ | |||
+ | .col-md-pull-4 { | ||
+ | right: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-pull-5 { | ||
+ | right: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-pull-6 { | ||
+ | right: 50%; | ||
+ | } | ||
+ | |||
+ | .col-md-pull-7 { | ||
+ | right: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-pull-8 { | ||
+ | right: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-pull-9 { | ||
+ | right: 75%; | ||
+ | } | ||
+ | |||
+ | .col-md-pull-10 { | ||
+ | right: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-pull-11 { | ||
+ | right: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-pull-12 { | ||
+ | right: 100%; | ||
+ | } | ||
+ | |||
+ | .col-md-push-0 { | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | .col-md-push-1 { | ||
+ | left: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-push-2 { | ||
+ | left: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-push-3 { | ||
+ | left: 25%; | ||
+ | } | ||
+ | |||
+ | .col-md-push-4 { | ||
+ | left: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-push-5 { | ||
+ | left: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-push-6 { | ||
+ | left: 50%; | ||
+ | } | ||
+ | |||
+ | .col-md-push-7 { | ||
+ | left: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-push-8 { | ||
+ | left: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-push-9 { | ||
+ | left: 75%; | ||
+ | } | ||
+ | |||
+ | .col-md-push-10 { | ||
+ | left: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-push-11 { | ||
+ | left: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-push-12 { | ||
+ | left: 100%; | ||
+ | } | ||
+ | |||
+ | .col-md-offset-0 { | ||
+ | margin-left: 0%; | ||
+ | } | ||
+ | |||
+ | .col-md-offset-1 { | ||
+ | margin-left: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-offset-2 { | ||
+ | margin-left: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-offset-3 { | ||
+ | margin-left: 25%; | ||
+ | } | ||
+ | |||
+ | .col-md-offset-4 { | ||
+ | margin-left: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-offset-5 { | ||
+ | margin-left: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-offset-6 { | ||
+ | margin-left: 50%; | ||
+ | } | ||
+ | |||
+ | .col-md-offset-7 { | ||
+ | margin-left: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-offset-8 { | ||
+ | margin-left: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-offset-9 { | ||
+ | margin-left: 75%; | ||
+ | } | ||
+ | |||
+ | .col-md-offset-10 { | ||
+ | margin-left: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-md-offset-11 { | ||
+ | margin-left: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-md-offset-12 { | ||
+ | margin-left: 100%; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 1200px) { | ||
+ | .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .col-lg-1 { | ||
+ | width: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-2 { | ||
+ | width: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-3 { | ||
+ | width: 25%; | ||
+ | } | ||
+ | |||
+ | .col-lg-4 { | ||
+ | width: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-5 { | ||
+ | width: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-6 { | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .col-lg-7 { | ||
+ | width: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-8 { | ||
+ | width: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-9 { | ||
+ | width: 75%; | ||
+ | } | ||
+ | |||
+ | .col-lg-10 { | ||
+ | width: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-11 { | ||
+ | width: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-12 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .col-lg-pull-0 { | ||
+ | right: auto; | ||
+ | } | ||
+ | |||
+ | .col-lg-pull-1 { | ||
+ | right: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-pull-2 { | ||
+ | right: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-pull-3 { | ||
+ | right: 25%; | ||
+ | } | ||
+ | |||
+ | .col-lg-pull-4 { | ||
+ | right: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-pull-5 { | ||
+ | right: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-pull-6 { | ||
+ | right: 50%; | ||
+ | } | ||
+ | |||
+ | .col-lg-pull-7 { | ||
+ | right: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-pull-8 { | ||
+ | right: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-pull-9 { | ||
+ | right: 75%; | ||
+ | } | ||
+ | |||
+ | .col-lg-pull-10 { | ||
+ | right: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-pull-11 { | ||
+ | right: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-pull-12 { | ||
+ | right: 100%; | ||
+ | } | ||
+ | |||
+ | .col-lg-push-0 { | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | .col-lg-push-1 { | ||
+ | left: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-push-2 { | ||
+ | left: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-push-3 { | ||
+ | left: 25%; | ||
+ | } | ||
+ | |||
+ | .col-lg-push-4 { | ||
+ | left: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-push-5 { | ||
+ | left: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-push-6 { | ||
+ | left: 50%; | ||
+ | } | ||
+ | |||
+ | .col-lg-push-7 { | ||
+ | left: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-push-8 { | ||
+ | left: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-push-9 { | ||
+ | left: 75%; | ||
+ | } | ||
+ | |||
+ | .col-lg-push-10 { | ||
+ | left: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-push-11 { | ||
+ | left: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-push-12 { | ||
+ | left: 100%; | ||
+ | } | ||
+ | |||
+ | .col-lg-offset-0 { | ||
+ | margin-left: 0%; | ||
+ | } | ||
+ | |||
+ | .col-lg-offset-1 { | ||
+ | margin-left: 8.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-offset-2 { | ||
+ | margin-left: 16.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-offset-3 { | ||
+ | margin-left: 25%; | ||
+ | } | ||
+ | |||
+ | .col-lg-offset-4 { | ||
+ | margin-left: 33.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-offset-5 { | ||
+ | margin-left: 41.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-offset-6 { | ||
+ | margin-left: 50%; | ||
+ | } | ||
+ | |||
+ | .col-lg-offset-7 { | ||
+ | margin-left: 58.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-offset-8 { | ||
+ | margin-left: 66.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-offset-9 { | ||
+ | margin-left: 75%; | ||
+ | } | ||
+ | |||
+ | .col-lg-offset-10 { | ||
+ | margin-left: 83.33333%; | ||
+ | } | ||
+ | |||
+ | .col-lg-offset-11 { | ||
+ | margin-left: 91.66667%; | ||
+ | } | ||
+ | |||
+ | .col-lg-offset-12 { | ||
+ | margin-left: 100%; | ||
+ | } | ||
+ | } | ||
+ | table { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | caption { | ||
+ | padding-top: 8px; | ||
+ | padding-bottom: 8px; | ||
+ | color: #777777; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | th { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .table { | ||
+ | width: 100%; | ||
+ | max-width: 100%; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | .table > thead > tr > th, | ||
+ | .table > thead > tr > td, | ||
+ | .table > tbody > tr > th, | ||
+ | .table > tbody > tr > td, | ||
+ | .table > tfoot > tr > th, | ||
+ | .table > tfoot > tr > td { | ||
+ | padding: 8px; | ||
+ | line-height: 1.42857; | ||
+ | vertical-align: top; | ||
+ | border-top: 1px solid #ddd; | ||
+ | } | ||
+ | .table > thead > tr > th { | ||
+ | vertical-align: bottom; | ||
+ | border-bottom: 2px solid #ddd; | ||
+ | } | ||
+ | .table > caption + thead > tr:first-child > th, | ||
+ | .table > caption + thead > tr:first-child > td, | ||
+ | .table > colgroup + thead > tr:first-child > th, | ||
+ | .table > colgroup + thead > tr:first-child > td, | ||
+ | .table > thead:first-child > tr:first-child > th, | ||
+ | .table > thead:first-child > tr:first-child > td { | ||
+ | border-top: 0; | ||
+ | } | ||
+ | .table > tbody + tbody { | ||
+ | border-top: 2px solid #ddd; | ||
+ | } | ||
+ | .table .table { | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | .table-condensed > thead > tr > th, | ||
+ | .table-condensed > thead > tr > td, | ||
+ | .table-condensed > tbody > tr > th, | ||
+ | .table-condensed > tbody > tr > td, | ||
+ | .table-condensed > tfoot > tr > th, | ||
+ | .table-condensed > tfoot > tr > td { | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | .table-bordered { | ||
+ | border: 1px solid #ddd; | ||
+ | } | ||
+ | .table-bordered > thead > tr > th, | ||
+ | .table-bordered > thead > tr > td, | ||
+ | .table-bordered > tbody > tr > th, | ||
+ | .table-bordered > tbody > tr > td, | ||
+ | .table-bordered > tfoot > tr > th, | ||
+ | .table-bordered > tfoot > tr > td { | ||
+ | border: 1px solid #ddd; | ||
+ | } | ||
+ | .table-bordered > thead > tr > th, | ||
+ | .table-bordered > thead > tr > td { | ||
+ | border-bottom-width: 2px; | ||
+ | } | ||
+ | |||
+ | .table-striped > tbody > tr:nth-of-type(odd) { | ||
+ | background-color: #f9f9f9; | ||
+ | } | ||
+ | |||
+ | .table-hover > tbody > tr:hover { | ||
+ | background-color: #f5f5f5; | ||
+ | } | ||
+ | |||
+ | table col[class*="col-"] { | ||
+ | position: static; | ||
+ | float: none; | ||
+ | display: table-column; | ||
+ | } | ||
+ | |||
+ | table td[class*="col-"], | ||
+ | table th[class*="col-"] { | ||
+ | position: static; | ||
+ | float: none; | ||
+ | display: table-cell; | ||
+ | } | ||
+ | |||
+ | .table > thead > tr > td.active, | ||
+ | .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, | ||
+ | .table > tbody > tr > td.active, | ||
+ | .table > tbody > tr > th.active, | ||
+ | .table > tbody > tr.active > td, | ||
+ | .table > tbody > tr.active > th, | ||
+ | .table > tfoot > tr > td.active, | ||
+ | .table > tfoot > tr > th.active, | ||
+ | .table > tfoot > tr.active > td, | ||
+ | .table > tfoot > tr.active > th { | ||
+ | background-color: #f5f5f5; | ||
+ | } | ||
+ | |||
+ | .table-hover > tbody > tr > td.active:hover, | ||
+ | .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { | ||
+ | background-color: #e8e8e8; | ||
+ | } | ||
+ | |||
+ | .table > thead > tr > td.success, | ||
+ | .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, | ||
+ | .table > tbody > tr > td.success, | ||
+ | .table > tbody > tr > th.success, | ||
+ | .table > tbody > tr.success > td, | ||
+ | .table > tbody > tr.success > th, | ||
+ | .table > tfoot > tr > td.success, | ||
+ | .table > tfoot > tr > th.success, | ||
+ | .table > tfoot > tr.success > td, | ||
+ | .table > tfoot > tr.success > th { | ||
+ | background-color: #dff0d8; | ||
+ | } | ||
+ | |||
+ | .table-hover > tbody > tr > td.success:hover, | ||
+ | .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { | ||
+ | background-color: #d0e9c6; | ||
+ | } | ||
+ | |||
+ | .table > thead > tr > td.info, | ||
+ | .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, | ||
+ | .table > tbody > tr > td.info, | ||
+ | .table > tbody > tr > th.info, | ||
+ | .table > tbody > tr.info > td, | ||
+ | .table > tbody > tr.info > th, | ||
+ | .table > tfoot > tr > td.info, | ||
+ | .table > tfoot > tr > th.info, | ||
+ | .table > tfoot > tr.info > td, | ||
+ | .table > tfoot > tr.info > th { | ||
+ | background-color: #d9edf7; | ||
+ | } | ||
+ | |||
+ | .table-hover > tbody > tr > td.info:hover, | ||
+ | .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { | ||
+ | background-color: #c4e3f3; | ||
+ | } | ||
+ | |||
+ | .table > thead > tr > td.warning, | ||
+ | .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, | ||
+ | .table > tbody > tr > td.warning, | ||
+ | .table > tbody > tr > th.warning, | ||
+ | .table > tbody > tr.warning > td, | ||
+ | .table > tbody > tr.warning > th, | ||
+ | .table > tfoot > tr > td.warning, | ||
+ | .table > tfoot > tr > th.warning, | ||
+ | .table > tfoot > tr.warning > td, | ||
+ | .table > tfoot > tr.warning > th { | ||
+ | background-color: #fcf8e3; | ||
+ | } | ||
+ | |||
+ | .table-hover > tbody > tr > td.warning:hover, | ||
+ | .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { | ||
+ | background-color: #faf2cc; | ||
+ | } | ||
+ | |||
+ | .table > thead > tr > td.danger, | ||
+ | .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, | ||
+ | .table > tbody > tr > td.danger, | ||
+ | .table > tbody > tr > th.danger, | ||
+ | .table > tbody > tr.danger > td, | ||
+ | .table > tbody > tr.danger > th, | ||
+ | .table > tfoot > tr > td.danger, | ||
+ | .table > tfoot > tr > th.danger, | ||
+ | .table > tfoot > tr.danger > td, | ||
+ | .table > tfoot > tr.danger > th { | ||
+ | background-color: #f2dede; | ||
+ | } | ||
+ | |||
+ | .table-hover > tbody > tr > td.danger:hover, | ||
+ | .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { | ||
+ | background-color: #ebcccc; | ||
+ | } | ||
+ | |||
+ | .table-responsive { | ||
+ | overflow-x: auto; | ||
+ | min-height: 0.01%; | ||
+ | } | ||
+ | @media screen and (max-width: 767px) { | ||
+ | .table-responsive { | ||
+ | width: 100%; | ||
+ | margin-bottom: 15px; | ||
+ | overflow-y: hidden; | ||
+ | -ms-overflow-style: -ms-autohiding-scrollbar; | ||
+ | border: 1px solid #ddd; | ||
+ | } | ||
+ | .table-responsive > .table { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | .table-responsive > .table > thead > tr > th, | ||
+ | .table-responsive > .table > thead > tr > td, | ||
+ | .table-responsive > .table > tbody > tr > th, | ||
+ | .table-responsive > .table > tbody > tr > td, | ||
+ | .table-responsive > .table > tfoot > tr > th, | ||
+ | .table-responsive > .table > tfoot > tr > td { | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .table-responsive > .table-bordered { | ||
+ | border: 0; | ||
+ | } | ||
+ | .table-responsive > .table-bordered > thead > tr > th:first-child, | ||
+ | .table-responsive > .table-bordered > thead > tr > td:first-child, | ||
+ | .table-responsive > .table-bordered > tbody > tr > th:first-child, | ||
+ | .table-responsive > .table-bordered > tbody > tr > td:first-child, | ||
+ | .table-responsive > .table-bordered > tfoot > tr > th:first-child, | ||
+ | .table-responsive > .table-bordered > tfoot > tr > td:first-child { | ||
+ | border-left: 0; | ||
+ | } | ||
+ | .table-responsive > .table-bordered > thead > tr > th:last-child, | ||
+ | .table-responsive > .table-bordered > thead > tr > td:last-child, | ||
+ | .table-responsive > .table-bordered > tbody > tr > th:last-child, | ||
+ | .table-responsive > .table-bordered > tbody > tr > td:last-child, | ||
+ | .table-responsive > .table-bordered > tfoot > tr > th:last-child, | ||
+ | .table-responsive > .table-bordered > tfoot > tr > td:last-child { | ||
+ | border-right: 0; | ||
+ | } | ||
+ | .table-responsive > .table-bordered > tbody > tr:last-child > th, | ||
+ | .table-responsive > .table-bordered > tbody > tr:last-child > td, | ||
+ | .table-responsive > .table-bordered > tfoot > tr:last-child > th, | ||
+ | .table-responsive > .table-bordered > tfoot > tr:last-child > td { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | fieldset { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | border: 0; | ||
+ | min-width: 0; | ||
+ | } | ||
+ | |||
+ | legend { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | padding: 0; | ||
+ | margin-bottom: 20px; | ||
+ | font-size: 21px; | ||
+ | line-height: inherit; | ||
+ | color: #333333; | ||
+ | border: 0; | ||
+ | border-bottom: 1px solid #e5e5e5; | ||
+ | } | ||
+ | |||
+ | label { | ||
+ | display: inline-block; | ||
+ | max-width: 100%; | ||
+ | margin-bottom: 5px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | input[type="search"] { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | input[type="radio"], | ||
+ | input[type="checkbox"] { | ||
+ | margin: 4px 0 0; | ||
+ | margin-top: 1px \9; | ||
+ | line-height: normal; | ||
+ | } | ||
+ | |||
+ | input[type="file"] { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | input[type="range"] { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | select[multiple], | ||
+ | select[size] { | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | input[type="file"]:focus, | ||
+ | input[type="radio"]:focus, | ||
+ | input[type="checkbox"]:focus { | ||
+ | outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | |||
+ | output { | ||
+ | display: block; | ||
+ | padding-top: 11px; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.42857; | ||
+ | color: #555555; | ||
+ | } | ||
+ | |||
+ | .form-control { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | height: 42px; | ||
+ | padding: 10px 20px; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.42857; | ||
+ | color: #555555; | ||
+ | background-color: #fff; | ||
+ | background-image: none; | ||
+ | border: 1px solid #ccc; | ||
+ | border-radius: 4px; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | ||
+ | -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | ||
+ | transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | ||
+ | } | ||
+ | .form-control:focus { | ||
+ | border-color: #66afe9; | ||
+ | outline: 0; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); | ||
+ | } | ||
+ | .form-control::-moz-placeholder { | ||
+ | color: #999; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .form-control:-ms-input-placeholder { | ||
+ | color: #999; | ||
+ | } | ||
+ | .form-control::-webkit-input-placeholder { | ||
+ | color: #999; | ||
+ | } | ||
+ | .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { | ||
+ | background-color: #eeeeee; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .form-control[disabled], fieldset[disabled] .form-control { | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | |||
+ | textarea.form-control { | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | input[type="search"] { | ||
+ | -webkit-appearance: none; | ||
+ | } | ||
+ | |||
+ | @media screen and (-webkit-min-device-pixel-ratio: 0) { | ||
+ | input[type="date"].form-control, | ||
+ | input[type="time"].form-control, | ||
+ | input[type="datetime-local"].form-control, | ||
+ | input[type="month"].form-control { | ||
+ | line-height: 42px; | ||
+ | } | ||
+ | input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, | ||
+ | .input-group-sm > input[type="date"].input-group-addon, | ||
+ | .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"], | ||
+ | input[type="time"].input-sm, | ||
+ | .input-group-sm > input[type="time"].form-control, | ||
+ | .input-group-sm > input[type="time"].input-group-addon, | ||
+ | .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm | ||
+ | input[type="time"], | ||
+ | input[type="datetime-local"].input-sm, | ||
+ | .input-group-sm > input[type="datetime-local"].form-control, | ||
+ | .input-group-sm > input[type="datetime-local"].input-group-addon, | ||
+ | .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm | ||
+ | input[type="datetime-local"], | ||
+ | input[type="month"].input-sm, | ||
+ | .input-group-sm > input[type="month"].form-control, | ||
+ | .input-group-sm > input[type="month"].input-group-addon, | ||
+ | .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm | ||
+ | input[type="month"] { | ||
+ | line-height: 30px; | ||
+ | } | ||
+ | input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, | ||
+ | .input-group-lg > input[type="date"].input-group-addon, | ||
+ | .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], | ||
+ | input[type="time"].input-lg, | ||
+ | .input-group-lg > input[type="time"].form-control, | ||
+ | .input-group-lg > input[type="time"].input-group-addon, | ||
+ | .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg | ||
+ | input[type="time"], | ||
+ | input[type="datetime-local"].input-lg, | ||
+ | .input-group-lg > input[type="datetime-local"].form-control, | ||
+ | .input-group-lg > input[type="datetime-local"].input-group-addon, | ||
+ | .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg | ||
+ | input[type="datetime-local"], | ||
+ | input[type="month"].input-lg, | ||
+ | .input-group-lg > input[type="month"].form-control, | ||
+ | .input-group-lg > input[type="month"].input-group-addon, | ||
+ | .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg | ||
+ | input[type="month"] { | ||
+ | line-height: 46px; | ||
+ | } | ||
+ | } | ||
+ | .form-group { | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | .radio, | ||
+ | .checkbox { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | .radio label, | ||
+ | .checkbox label { | ||
+ | min-height: 20px; | ||
+ | padding-left: 20px; | ||
+ | margin-bottom: 0; | ||
+ | font-weight: normal; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .radio input[type="radio"], | ||
+ | .radio-inline input[type="radio"], | ||
+ | .checkbox input[type="checkbox"], | ||
+ | .checkbox-inline input[type="checkbox"] { | ||
+ | position: absolute; | ||
+ | margin-left: -20px; | ||
+ | margin-top: 4px \9; | ||
+ | } | ||
+ | |||
+ | .radio + .radio, | ||
+ | .checkbox + .checkbox { | ||
+ | margin-top: -5px; | ||
+ | } | ||
+ | |||
+ | .radio-inline, | ||
+ | .checkbox-inline { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | padding-left: 20px; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | font-weight: normal; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .radio-inline + .radio-inline, | ||
+ | .checkbox-inline + .checkbox-inline { | ||
+ | margin-top: 0; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], | ||
+ | input[type="checkbox"][disabled], | ||
+ | input[type="checkbox"].disabled, fieldset[disabled] | ||
+ | input[type="checkbox"] { | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | |||
+ | .radio-inline.disabled, fieldset[disabled] .radio-inline, | ||
+ | .checkbox-inline.disabled, fieldset[disabled] | ||
+ | .checkbox-inline { | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | |||
+ | .radio.disabled label, fieldset[disabled] .radio label, | ||
+ | .checkbox.disabled label, fieldset[disabled] | ||
+ | .checkbox label { | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | |||
+ | .form-control-static { | ||
+ | padding-top: 11px; | ||
+ | padding-bottom: 11px; | ||
+ | margin-bottom: 0; | ||
+ | min-height: 34px; | ||
+ | } | ||
+ | .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, | ||
+ | .input-group-lg > .form-control-static.input-group-addon, | ||
+ | .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, | ||
+ | .input-group-sm > .form-control-static.input-group-addon, | ||
+ | .input-group-sm > .input-group-btn > .form-control-static.btn { | ||
+ | padding-left: 0; | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | |||
+ | .input-sm, .input-group-sm > .form-control, | ||
+ | .input-group-sm > .input-group-addon, | ||
+ | .input-group-sm > .input-group-btn > .btn { | ||
+ | height: 30px; | ||
+ | padding: 5px 20px; | ||
+ | font-size: 12px; | ||
+ | line-height: 1.5; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | select.input-sm, .input-group-sm > select.form-control, | ||
+ | .input-group-sm > select.input-group-addon, | ||
+ | .input-group-sm > .input-group-btn > select.btn { | ||
+ | height: 30px; | ||
+ | line-height: 30px; | ||
+ | } | ||
+ | |||
+ | textarea.input-sm, .input-group-sm > textarea.form-control, | ||
+ | .input-group-sm > textarea.input-group-addon, | ||
+ | .input-group-sm > .input-group-btn > textarea.btn, | ||
+ | select[multiple].input-sm, | ||
+ | .input-group-sm > select[multiple].form-control, | ||
+ | .input-group-sm > select[multiple].input-group-addon, | ||
+ | .input-group-sm > .input-group-btn > select[multiple].btn { | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | .form-group-sm .form-control { | ||
+ | height: 30px; | ||
+ | padding: 5px 20px; | ||
+ | font-size: 12px; | ||
+ | line-height: 1.5; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | .form-group-sm select.form-control { | ||
+ | height: 30px; | ||
+ | line-height: 30px; | ||
+ | } | ||
+ | .form-group-sm textarea.form-control, | ||
+ | .form-group-sm select[multiple].form-control { | ||
+ | height: auto; | ||
+ | } | ||
+ | .form-group-sm .form-control-static { | ||
+ | height: 30px; | ||
+ | min-height: 32px; | ||
+ | padding: 6px 20px; | ||
+ | font-size: 12px; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | .input-lg, .input-group-lg > .form-control, | ||
+ | .input-group-lg > .input-group-addon, | ||
+ | .input-group-lg > .input-group-btn > .btn { | ||
+ | height: 46px; | ||
+ | padding: 10px 20px; | ||
+ | font-size: 18px; | ||
+ | line-height: 1.33333; | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | |||
+ | select.input-lg, .input-group-lg > select.form-control, | ||
+ | .input-group-lg > select.input-group-addon, | ||
+ | .input-group-lg > .input-group-btn > select.btn { | ||
+ | height: 46px; | ||
+ | line-height: 46px; | ||
+ | } | ||
+ | |||
+ | textarea.input-lg, .input-group-lg > textarea.form-control, | ||
+ | .input-group-lg > textarea.input-group-addon, | ||
+ | .input-group-lg > .input-group-btn > textarea.btn, | ||
+ | select[multiple].input-lg, | ||
+ | .input-group-lg > select[multiple].form-control, | ||
+ | .input-group-lg > select[multiple].input-group-addon, | ||
+ | .input-group-lg > .input-group-btn > select[multiple].btn { | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | .form-group-lg .form-control { | ||
+ | height: 46px; | ||
+ | padding: 10px 20px; | ||
+ | font-size: 18px; | ||
+ | line-height: 1.33333; | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | .form-group-lg select.form-control { | ||
+ | height: 46px; | ||
+ | line-height: 46px; | ||
+ | } | ||
+ | .form-group-lg textarea.form-control, | ||
+ | .form-group-lg select[multiple].form-control { | ||
+ | height: auto; | ||
+ | } | ||
+ | .form-group-lg .form-control-static { | ||
+ | height: 46px; | ||
+ | min-height: 38px; | ||
+ | padding: 11px 20px; | ||
+ | font-size: 18px; | ||
+ | line-height: 1.33333; | ||
+ | } | ||
+ | |||
+ | .has-feedback { | ||
+ | position: relative; | ||
+ | } | ||
+ | .has-feedback .form-control { | ||
+ | padding-right: 52.5px; | ||
+ | } | ||
+ | |||
+ | .form-control-feedback { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | z-index: 2; | ||
+ | display: block; | ||
+ | width: 42px; | ||
+ | height: 42px; | ||
+ | line-height: 42px; | ||
+ | text-align: center; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, | ||
+ | .input-group-lg > .input-group-addon + .form-control-feedback, | ||
+ | .input-group-lg > .input-group-btn > .btn + .form-control-feedback, | ||
+ | .input-group-lg + .form-control-feedback, | ||
+ | .form-group-lg .form-control + .form-control-feedback { | ||
+ | width: 46px; | ||
+ | height: 46px; | ||
+ | line-height: 46px; | ||
+ | } | ||
+ | |||
+ | .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, | ||
+ | .input-group-sm > .input-group-addon + .form-control-feedback, | ||
+ | .input-group-sm > .input-group-btn > .btn + .form-control-feedback, | ||
+ | .input-group-sm + .form-control-feedback, | ||
+ | .form-group-sm .form-control + .form-control-feedback { | ||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | line-height: 30px; | ||
+ | } | ||
+ | |||
+ | .has-success .help-block, | ||
+ | .has-success .control-label, | ||
+ | .has-success .radio, | ||
+ | .has-success .checkbox, | ||
+ | .has-success .radio-inline, | ||
+ | .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { | ||
+ | color: #3c763d; | ||
+ | } | ||
+ | .has-success .form-control { | ||
+ | border-color: #3c763d; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | } | ||
+ | .has-success .form-control:focus { | ||
+ | border-color: #2b542c; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; | ||
+ | } | ||
+ | .has-success .input-group-addon { | ||
+ | color: #3c763d; | ||
+ | border-color: #3c763d; | ||
+ | background-color: #dff0d8; | ||
+ | } | ||
+ | .has-success .form-control-feedback { | ||
+ | color: #3c763d; | ||
+ | } | ||
+ | |||
+ | .has-warning .help-block, | ||
+ | .has-warning .control-label, | ||
+ | .has-warning .radio, | ||
+ | .has-warning .checkbox, | ||
+ | .has-warning .radio-inline, | ||
+ | .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { | ||
+ | color: #8a6d3b; | ||
+ | } | ||
+ | .has-warning .form-control { | ||
+ | border-color: #8a6d3b; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | } | ||
+ | .has-warning .form-control:focus { | ||
+ | border-color: #66512c; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; | ||
+ | } | ||
+ | .has-warning .input-group-addon { | ||
+ | color: #8a6d3b; | ||
+ | border-color: #8a6d3b; | ||
+ | background-color: #fcf8e3; | ||
+ | } | ||
+ | .has-warning .form-control-feedback { | ||
+ | color: #8a6d3b; | ||
+ | } | ||
+ | |||
+ | .has-error .help-block, | ||
+ | .has-error .control-label, | ||
+ | .has-error .radio, | ||
+ | .has-error .checkbox, | ||
+ | .has-error .radio-inline, | ||
+ | .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { | ||
+ | color: #a94442; | ||
+ | } | ||
+ | .has-error .form-control { | ||
+ | border-color: #a94442; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | } | ||
+ | .has-error .form-control:focus { | ||
+ | border-color: #843534; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; | ||
+ | } | ||
+ | .has-error .input-group-addon { | ||
+ | color: #a94442; | ||
+ | border-color: #a94442; | ||
+ | background-color: #f2dede; | ||
+ | } | ||
+ | .has-error .form-control-feedback { | ||
+ | color: #a94442; | ||
+ | } | ||
+ | |||
+ | .has-feedback label ~ .form-control-feedback { | ||
+ | top: 25px; | ||
+ | } | ||
+ | .has-feedback label.sr-only ~ .form-control-feedback { | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | .help-block { | ||
+ | display: block; | ||
+ | margin-top: 5px; | ||
+ | margin-bottom: 10px; | ||
+ | color: #737373; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 768px) { | ||
+ | .form-inline .form-group { | ||
+ | display: inline-block; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .form-inline .form-control { | ||
+ | display: inline-block; | ||
+ | width: auto; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .form-inline .form-control-static { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .form-inline .input-group { | ||
+ | display: inline-table; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .form-inline .input-group .input-group-addon, | ||
+ | .form-inline .input-group .input-group-btn, | ||
+ | .form-inline .input-group .form-control { | ||
+ | width: auto; | ||
+ | } | ||
+ | .form-inline .input-group > .form-control { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .form-inline .control-label { | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .form-inline .radio, | ||
+ | .form-inline .checkbox { | ||
+ | display: inline-block; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .form-inline .radio label, | ||
+ | .form-inline .checkbox label { | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | .form-inline .radio input[type="radio"], | ||
+ | .form-inline .checkbox input[type="checkbox"] { | ||
+ | position: relative; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .form-inline .has-feedback .form-control-feedback { | ||
+ | top: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .form-horizontal .radio, | ||
+ | .form-horizontal .checkbox, | ||
+ | .form-horizontal .radio-inline, | ||
+ | .form-horizontal .checkbox-inline { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | padding-top: 11px; | ||
+ | } | ||
+ | .form-horizontal .radio, | ||
+ | .form-horizontal .checkbox { | ||
+ | min-height: 31px; | ||
+ | } | ||
+ | .form-horizontal .form-group { | ||
+ | margin-left: -15px; | ||
+ | margin-right: -15px; | ||
+ | } | ||
+ | .form-horizontal .form-group:before, .form-horizontal .form-group:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .form-horizontal .form-group:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .form-horizontal .control-label { | ||
+ | text-align: right; | ||
+ | margin-bottom: 0; | ||
+ | padding-top: 11px; | ||
+ | } | ||
+ | } | ||
+ | .form-horizontal .has-feedback .form-control-feedback { | ||
+ | right: 15px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .form-horizontal .form-group-lg .control-label { | ||
+ | padding-top: 14.33333px; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .form-horizontal .form-group-sm .control-label { | ||
+ | padding-top: 6px; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .btn { | ||
+ | display: inline-block; | ||
+ | margin-bottom: 0; | ||
+ | font-weight: normal; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | touch-action: manipulation; | ||
+ | cursor: pointer; | ||
+ | background-image: none; | ||
+ | border: 1px solid transparent; | ||
+ | white-space: nowrap; | ||
+ | padding: 10px 20px; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.42857; | ||
+ | border-radius: 4px; | ||
+ | -webkit-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | user-select: none; | ||
+ | } | ||
+ | .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { | ||
+ | outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | .btn:hover, .btn:focus, .btn.focus { | ||
+ | color: #333; | ||
text-decoration: none; | text-decoration: none; | ||
+ | } | ||
+ | .btn:active, .btn.active { | ||
+ | outline: 0; | ||
+ | background-image: none; | ||
+ | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||
+ | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||
+ | } | ||
+ | .btn.disabled, .btn[disabled], fieldset[disabled] .btn { | ||
+ | cursor: not-allowed; | ||
+ | opacity: 0.65; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
} | } | ||
− | + | a.btn.disabled, fieldset[disabled] a.btn { | |
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | .btn-default { | ||
+ | color: #333; | ||
+ | background-color: #fff; | ||
+ | border-color: #ccc; | ||
+ | } | ||
+ | .btn-default:focus, .btn-default.focus { | ||
+ | color: #333; | ||
+ | background-color: #e6e6e6; | ||
+ | border-color: #8c8c8c; | ||
+ | } | ||
+ | .btn-default:hover { | ||
+ | color: #333; | ||
+ | background-color: #e6e6e6; | ||
+ | border-color: #adadad; | ||
+ | } | ||
+ | .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { | ||
+ | color: #333; | ||
+ | background-color: #e6e6e6; | ||
+ | border-color: #adadad; | ||
+ | } | ||
+ | .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { | ||
+ | color: #333; | ||
+ | background-color: #d4d4d4; | ||
+ | border-color: #8c8c8c; | ||
+ | } | ||
+ | .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default: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: #337ab7; | ||
+ | border-color: #2e6da4; | ||
+ | } | ||
+ | .btn-primary:focus, .btn-primary.focus { | ||
+ | color: #fff; | ||
+ | background-color: #286090; | ||
+ | border-color: #122b40; | ||
+ | } | ||
+ | .btn-primary:hover { | ||
+ | color: #fff; | ||
+ | background-color: #286090; | ||
+ | border-color: #204d74; | ||
+ | } | ||
+ | .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { | ||
+ | color: #fff; | ||
+ | background-color: #286090; | ||
+ | border-color: #204d74; | ||
+ | } | ||
+ | .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { | ||
+ | color: #fff; | ||
+ | background-color: #204d74; | ||
+ | border-color: #122b40; | ||
+ | } | ||
+ | .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { | ||
+ | background-color: #337ab7; | ||
+ | border-color: #2e6da4; | ||
+ | } | ||
+ | .btn-primary .badge { | ||
+ | color: #337ab7; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | .btn-success { | ||
+ | color: #fff; | ||
+ | background-color: #5cb85c; | ||
+ | border-color: #4cae4c; | ||
+ | } | ||
+ | .btn-success:focus, .btn-success.focus { | ||
+ | color: #fff; | ||
+ | background-color: #449d44; | ||
+ | border-color: #255625; | ||
+ | } | ||
+ | .btn-success:hover { | ||
+ | color: #fff; | ||
+ | background-color: #449d44; | ||
+ | border-color: #398439; | ||
+ | } | ||
+ | .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { | ||
+ | color: #fff; | ||
+ | background-color: #449d44; | ||
+ | border-color: #398439; | ||
+ | } | ||
+ | .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { | ||
+ | color: #fff; | ||
+ | background-color: #398439; | ||
+ | border-color: #255625; | ||
+ | } | ||
+ | .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success: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:focus, .btn-info.focus { | ||
+ | color: #fff; | ||
+ | background-color: #31b0d5; | ||
+ | border-color: #1b6d85; | ||
+ | } | ||
+ | .btn-info:hover { | ||
+ | color: #fff; | ||
+ | background-color: #31b0d5; | ||
+ | border-color: #269abc; | ||
+ | } | ||
+ | .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { | ||
+ | color: #fff; | ||
+ | background-color: #31b0d5; | ||
+ | border-color: #269abc; | ||
+ | } | ||
+ | .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { | ||
+ | color: #fff; | ||
+ | background-color: #269abc; | ||
+ | border-color: #1b6d85; | ||
+ | } | ||
+ | .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info: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:focus, .btn-warning.focus { | ||
+ | color: #fff; | ||
+ | background-color: #ec971f; | ||
+ | border-color: #985f0d; | ||
+ | } | ||
+ | .btn-warning:hover { | ||
+ | color: #fff; | ||
+ | background-color: #ec971f; | ||
+ | border-color: #d58512; | ||
+ | } | ||
+ | .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { | ||
+ | color: #fff; | ||
+ | background-color: #ec971f; | ||
+ | border-color: #d58512; | ||
+ | } | ||
+ | .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { | ||
+ | color: #fff; | ||
+ | background-color: #d58512; | ||
+ | border-color: #985f0d; | ||
+ | } | ||
+ | .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning: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:focus, .btn-danger.focus { | ||
+ | color: #fff; | ||
+ | background-color: #c9302c; | ||
+ | border-color: #761c19; | ||
+ | } | ||
+ | .btn-danger:hover { | ||
+ | color: #fff; | ||
+ | background-color: #c9302c; | ||
+ | border-color: #ac2925; | ||
+ | } | ||
+ | .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { | ||
+ | color: #fff; | ||
+ | background-color: #c9302c; | ||
+ | border-color: #ac2925; | ||
+ | } | ||
+ | .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { | ||
+ | color: #fff; | ||
+ | background-color: #ac2925; | ||
+ | border-color: #761c19; | ||
+ | } | ||
+ | .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { | ||
+ | background-image: none; | ||
+ | } | ||
+ | .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { | ||
+ | background-color: #d9534f; | ||
+ | border-color: #d43f3a; | ||
+ | } | ||
+ | .btn-danger .badge { | ||
+ | color: #d9534f; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | .btn-link { | ||
+ | color: #337ab7; | ||
+ | font-weight: normal; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .btn-link, .btn-link:active, .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: #23527c; | ||
+ | text-decoration: underline; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { | ||
+ | color: #777777; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .btn-lg, .btn-group-lg > .btn { | ||
+ | padding: 10px 20px; | ||
+ | font-size: 18px; | ||
+ | line-height: 1.33333; | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | |||
+ | .btn-sm, .btn-group-sm > .btn { | ||
+ | padding: 5px 20px; | ||
+ | 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%; | ||
+ | } | ||
+ | |||
+ | .btn-block + .btn-block { | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | input[type="submit"].btn-block, | ||
+ | input[type="reset"].btn-block, | ||
+ | input[type="button"].btn-block { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .fade { | ||
+ | opacity: 0; | ||
+ | -webkit-transition: opacity 0.15s linear; | ||
+ | -o-transition: opacity 0.15s linear; | ||
+ | transition: opacity 0.15s linear; | ||
+ | } | ||
+ | .fade.in { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .collapse { | ||
+ | display: none; | ||
+ | } | ||
+ | .collapse.in { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | tr.collapse.in { | ||
+ | display: table-row; | ||
+ | } | ||
+ | |||
+ | tbody.collapse.in { | ||
+ | display: table-row-group; | ||
+ | } | ||
+ | |||
+ | .collapsing { | ||
+ | position: relative; | ||
+ | height: 0; | ||
+ | overflow: hidden; | ||
+ | -webkit-transition-property: height, visibility; | ||
+ | transition-property: height, visibility; | ||
+ | -webkit-transition-duration: 0.35s; | ||
+ | transition-duration: 0.35s; | ||
+ | -webkit-transition-timing-function: ease; | ||
+ | transition-timing-function: ease; | ||
+ | } | ||
+ | |||
+ | .caret { | ||
+ | display: inline-block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | margin-left: 2px; | ||
+ | vertical-align: middle; | ||
+ | border-top: 4px dashed; | ||
+ | border-top: 4px solid \9; | ||
+ | border-right: 4px solid transparent; | ||
+ | border-left: 4px solid transparent; | ||
+ | } | ||
+ | |||
+ | .dropup, | ||
.dropdown { | .dropdown { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .dropdown-toggle:focus { | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu { | ||
+ | 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; | ||
+ | text-align: left; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #ccc; | ||
+ | border: 1px solid rgba(0, 0, 0, 0.15); | ||
+ | border-radius: 4px; | ||
+ | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||
+ | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||
+ | background-clip: padding-box; | ||
+ | } | ||
+ | .dropdown-menu.pull-right { | ||
+ | right: 0; | ||
+ | left: auto; | ||
+ | } | ||
+ | .dropdown-menu .divider { | ||
+ | height: 1px; | ||
+ | margin: 9px 0; | ||
+ | overflow: hidden; | ||
+ | background-color: #e5e5e5; | ||
+ | } | ||
+ | .dropdown-menu > li > a { | ||
+ | display: block; | ||
+ | padding: 3px 20px; | ||
+ | clear: both; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.42857; | ||
+ | color: #333333; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { | ||
+ | text-decoration: none; | ||
+ | color: #262626; | ||
+ | background-color: #f5f5f5; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | outline: 0; | ||
+ | background-color: #337ab7; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { | ||
+ | color: #777777; | ||
+ | } | ||
+ | .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { | ||
+ | text-decoration: none; | ||
+ | background-color: transparent; | ||
+ | background-image: none; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | |||
+ | .open > .dropdown-menu { | ||
+ | display: block; | ||
+ | } | ||
+ | .open > a { | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu-right { | ||
+ | left: auto; | ||
+ | right: 0; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu-left { | ||
+ | left: 0; | ||
+ | right: auto; | ||
+ | } | ||
+ | |||
+ | .dropdown-header { | ||
+ | display: block; | ||
+ | padding: 3px 20px; | ||
+ | font-size: 12px; | ||
+ | line-height: 1.42857; | ||
+ | color: #777777; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .dropdown-backdrop { | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | top: 0; | ||
+ | z-index: 990; | ||
+ | } | ||
+ | |||
+ | .pull-right > .dropdown-menu { | ||
+ | right: 0; | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | .dropup .caret, | ||
+ | .navbar-fixed-bottom .dropdown .caret { | ||
+ | border-top: 0; | ||
+ | border-bottom: 4px dashed; | ||
+ | border-bottom: 4px solid \9; | ||
+ | content: ""; | ||
+ | } | ||
+ | .dropup .dropdown-menu, | ||
+ | .navbar-fixed-bottom .dropdown .dropdown-menu { | ||
+ | top: auto; | ||
+ | bottom: 100%; | ||
+ | margin-bottom: 2px; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 768px) { | ||
+ | .navbar-right .dropdown-menu { | ||
+ | right: 0; | ||
+ | left: auto; | ||
+ | } | ||
+ | .navbar-right .dropdown-menu-left { | ||
+ | left: 0; | ||
+ | right: auto; | ||
+ | } | ||
+ | } | ||
+ | .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 > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, | ||
+ | .btn-group-vertical > .btn:hover, | ||
+ | .btn-group-vertical > .btn:focus, | ||
+ | .btn-group-vertical > .btn:active, | ||
+ | .btn-group-vertical > .btn.active { | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | .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:before, .btn-toolbar:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .btn-toolbar:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | .btn-toolbar .btn, | ||
+ | .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(.dropdown-toggle) { | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn:first-child { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { | ||
+ | border-bottom-right-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn:last-child:not(:first-child), | ||
+ | .btn-group > .dropdown-toggle: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:not(:last-child) > .btn:last-child, | ||
+ | .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { | ||
+ | border-bottom-right-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { | ||
+ | border-bottom-left-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group .dropdown-toggle:active, | ||
+ | .btn-group.open .dropdown-toggle { | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn + .dropdown-toggle { | ||
+ | padding-left: 8px; | ||
+ | padding-right: 8px; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { | ||
+ | padding-left: 12px; | ||
+ | padding-right: 12px; | ||
+ | } | ||
+ | |||
+ | .btn-group.open .dropdown-toggle { | ||
+ | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||
+ | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||
+ | } | ||
+ | .btn-group.open .dropdown-toggle.btn-link { | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn .caret { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .btn-lg .caret, .btn-group-lg > .btn .caret { | ||
+ | border-width: 5px 5px 0; | ||
+ | border-bottom-width: 0; | ||
+ | } | ||
+ | |||
+ | .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .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:before, .btn-group-vertical > .btn-group:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .btn-group-vertical > .btn-group:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | .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) > .dropdown-toggle { | ||
+ | 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%; | ||
+ | } | ||
+ | .btn-group-justified > .btn-group .dropdown-menu { | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | [data-toggle="buttons"] > .btn input[type="radio"], | ||
+ | [data-toggle="buttons"] > .btn input[type="checkbox"], | ||
+ | [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], | ||
+ | [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { | ||
+ | position: absolute; | ||
+ | clip: rect(0, 0, 0, 0); | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | .input-group { | ||
+ | position: relative; | ||
+ | display: table; | ||
+ | border-collapse: separate; | ||
+ | } | ||
+ | .input-group[class*="col-"] { | ||
+ | float: none; | ||
+ | padding-left: 0; | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | .input-group .form-control { | ||
+ | position: relative; | ||
+ | z-index: 2; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .input-group-addon, | ||
+ | .input-group-btn, | ||
+ | .input-group .form-control { | ||
+ | display: table-cell; | ||
+ | } | ||
+ | .input-group-addon:not(:first-child):not(:last-child), | ||
+ | .input-group-btn:not(:first-child):not(:last-child), | ||
+ | .input-group .form-control:not(:first-child):not(:last-child) { | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .input-group-addon, | ||
+ | .input-group-btn { | ||
+ | width: 1%; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .input-group-addon { | ||
+ | padding: 10px 20px; | ||
+ | font-size: 14px; | ||
+ | font-weight: normal; | ||
+ | line-height: 1; | ||
+ | color: #555555; | ||
+ | text-align: center; | ||
+ | background-color: #eeeeee; | ||
+ | border: 1px solid #ccc; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .input-group-addon.input-sm, | ||
+ | .input-group-sm > .input-group-addon, | ||
+ | .input-group-sm > .input-group-btn > .input-group-addon.btn { | ||
+ | padding: 5px 20px; | ||
+ | font-size: 12px; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | .input-group-addon.input-lg, | ||
+ | .input-group-lg > .input-group-addon, | ||
+ | .input-group-lg > .input-group-btn > .input-group-addon.btn { | ||
+ | padding: 10px 20px; | ||
+ | font-size: 18px; | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | .input-group-addon input[type="radio"], | ||
+ | .input-group-addon input[type="checkbox"] { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .input-group .form-control:first-child, | ||
+ | .input-group-addon:first-child, | ||
+ | .input-group-btn:first-child > .btn, | ||
+ | .input-group-btn:first-child > .btn-group > .btn, | ||
+ | .input-group-btn:first-child > .dropdown-toggle, | ||
+ | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), | ||
+ | .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { | ||
+ | border-bottom-right-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | } | ||
+ | |||
+ | .input-group-addon:first-child { | ||
+ | border-right: 0; | ||
+ | } | ||
+ | |||
+ | .input-group .form-control:last-child, | ||
+ | .input-group-addon:last-child, | ||
+ | .input-group-btn:last-child > .btn, | ||
+ | .input-group-btn:last-child > .btn-group > .btn, | ||
+ | .input-group-btn:last-child > .dropdown-toggle, | ||
+ | .input-group-btn:first-child > .btn:not(:first-child), | ||
+ | .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { | ||
+ | border-bottom-left-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | } | ||
+ | |||
+ | .input-group-addon:last-child { | ||
+ | border-left: 0; | ||
+ | } | ||
+ | |||
+ | .input-group-btn { | ||
+ | position: relative; | ||
+ | font-size: 0; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .input-group-btn > .btn { | ||
+ | position: relative; | ||
+ | } | ||
+ | .input-group-btn > .btn + .btn { | ||
+ | margin-left: -1px; | ||
+ | } | ||
+ | .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { | ||
+ | z-index: 2; | ||
+ | } | ||
+ | .input-group-btn:first-child > .btn, | ||
+ | .input-group-btn:first-child > .btn-group { | ||
+ | margin-right: -1px; | ||
+ | } | ||
+ | .input-group-btn:last-child > .btn, | ||
+ | .input-group-btn:last-child > .btn-group { | ||
+ | z-index: 2; | ||
+ | margin-left: -1px; | ||
+ | } | ||
+ | |||
+ | .nav { | ||
+ | margin-bottom: 0; | ||
+ | padding-left: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .nav:before, .nav:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .nav:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | .nav > li { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | } | ||
+ | .nav > li > a { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | padding: 10px 15px; | ||
+ | } | ||
+ | .nav > li > a:hover, .nav > li > a:focus { | ||
+ | text-decoration: none; | ||
+ | background-color: #eeeeee; | ||
+ | } | ||
+ | .nav > li.disabled > a { | ||
+ | color: #777777; | ||
+ | } | ||
+ | .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { | ||
+ | color: #777777; | ||
+ | text-decoration: none; | ||
+ | background-color: transparent; | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { | ||
+ | background-color: #eeeeee; | ||
+ | border-color: #337ab7; | ||
+ | } | ||
+ | .nav .nav-divider { | ||
+ | height: 1px; | ||
+ | margin: 9px 0; | ||
+ | overflow: hidden; | ||
+ | background-color: #e5e5e5; | ||
+ | } | ||
+ | .nav > li > a > img { | ||
+ | max-width: none; | ||
+ | } | ||
+ | |||
+ | .nav-tabs { | ||
+ | border-bottom: 1px solid #ddd; | ||
+ | } | ||
+ | .nav-tabs > li { | ||
+ | float: left; | ||
+ | margin-bottom: -1px; | ||
+ | } | ||
+ | .nav-tabs > li > a { | ||
+ | margin-right: 2px; | ||
+ | line-height: 1.42857; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 4px 4px 0 0; | ||
+ | } | ||
+ | .nav-tabs > li > a:hover { | ||
+ | border-color: #eeeeee #eeeeee #ddd; | ||
+ | } | ||
+ | .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { | ||
+ | color: #555555; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #ddd; | ||
+ | border-bottom-color: transparent; | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | .nav-pills > li { | ||
+ | float: left; | ||
+ | } | ||
+ | .nav-pills > li > a { | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .nav-pills > li + li { | ||
+ | margin-left: 2px; | ||
+ | } | ||
+ | .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { | ||
+ | color: #fff; | ||
+ | background-color: #337ab7; | ||
+ | } | ||
+ | |||
+ | .nav-stacked > li { | ||
+ | float: none; | ||
+ | } | ||
+ | .nav-stacked > li + li { | ||
+ | margin-top: 2px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .nav-justified, .nav-tabs.nav-justified { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .nav-justified > li, .nav-tabs.nav-justified > li { | ||
+ | float: none; | ||
+ | } | ||
+ | .nav-justified > li > a, .nav-tabs.nav-justified > li > a { | ||
+ | text-align: center; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | .nav-justified > .dropdown .dropdown-menu { | ||
+ | top: auto; | ||
+ | left: auto; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .nav-justified > li, .nav-tabs.nav-justified > li { | ||
+ | display: table-cell; | ||
+ | width: 1%; | ||
+ | } | ||
+ | .nav-justified > li > a, .nav-tabs.nav-justified > li > a { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .nav-tabs-justified, .nav-tabs.nav-justified { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { | ||
+ | margin-right: 0; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, | ||
+ | .nav-tabs-justified > .active > a:hover, | ||
+ | .nav-tabs.nav-justified > .active > a:hover, | ||
+ | .nav-tabs-justified > .active > a:focus, | ||
+ | .nav-tabs.nav-justified > .active > a:focus { | ||
+ | border: 1px solid #ddd; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { | ||
+ | border-bottom: 1px solid #ddd; | ||
+ | border-radius: 4px 4px 0 0; | ||
+ | } | ||
+ | .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, | ||
+ | .nav-tabs-justified > .active > a:hover, | ||
+ | .nav-tabs.nav-justified > .active > a:hover, | ||
+ | .nav-tabs-justified > .active > a:focus, | ||
+ | .nav-tabs.nav-justified > .active > a:focus { | ||
+ | border-bottom-color: #fff; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .tab-content > .tab-pane { | ||
+ | display: none; | ||
+ | } | ||
+ | .tab-content > .active { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .dropdown-menu { | ||
+ | margin-top: -1px; | ||
+ | border-top-right-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | } | ||
+ | |||
+ | .navbar { | ||
+ | position: relative; | ||
+ | min-height: 55px; | ||
+ | margin-bottom: 20px; | ||
+ | border: 1px solid transparent; | ||
+ | } | ||
+ | .navbar:before, .navbar:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .navbar:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar { | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-header:before, .navbar-header:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .navbar-header:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-header { | ||
+ | float: left; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-collapse { | ||
+ | overflow-x: visible; | ||
+ | padding-right: 15px; | ||
+ | padding-left: 15px; | ||
+ | border-top: 1px solid transparent; | ||
+ | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | } | ||
+ | .navbar-collapse:before, .navbar-collapse:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .navbar-collapse:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | .navbar-collapse.in { | ||
+ | overflow-y: auto; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-collapse { | ||
+ | width: auto; | ||
+ | border-top: 0; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | .navbar-collapse.collapse { | ||
+ | display: block !important; | ||
+ | height: auto !important; | ||
+ | padding-bottom: 0; | ||
+ | overflow: visible !important; | ||
+ | } | ||
+ | .navbar-collapse.in { | ||
+ | overflow-y: visible; | ||
+ | } | ||
+ | .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { | ||
+ | padding-left: 0; | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-top .navbar-collapse, | ||
+ | .navbar-fixed-bottom .navbar-collapse { | ||
+ | max-height: 340px; | ||
+ | } | ||
+ | @media (max-device-width: 480px) and (orientation: landscape) { | ||
+ | .navbar-fixed-top .navbar-collapse, | ||
+ | .navbar-fixed-bottom .navbar-collapse { | ||
+ | max-height: 200px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .container > .navbar-header, | ||
+ | .container > .navbar-collapse, | ||
+ | .container-fluid > .navbar-header, | ||
+ | .container-fluid > .navbar-collapse { | ||
+ | margin-right: -15px; | ||
+ | margin-left: -15px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .container > .navbar-header, | ||
+ | .container > .navbar-collapse, | ||
+ | .container-fluid > .navbar-header, | ||
+ | .container-fluid > .navbar-collapse { | ||
+ | margin-right: 0; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-static-top { | ||
+ | z-index: 1000; | ||
+ | border-width: 0 0 1px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-static-top { | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-top, | ||
+ | .navbar-fixed-bottom { | ||
+ | position: fixed; | ||
+ | right: 0; | ||
+ | left: 0; | ||
+ | z-index: 1030; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-fixed-top, | ||
+ | .navbar-fixed-bottom { | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-top { | ||
+ | top: 0; | ||
+ | border-width: 0 0 1px; | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-bottom { | ||
+ | bottom: 0; | ||
+ | margin-bottom: 0; | ||
+ | border-width: 1px 0 0; | ||
+ | } | ||
+ | |||
+ | .navbar-brand { | ||
+ | float: left; | ||
+ | padding: 17.5px 15px; | ||
+ | font-size: 18px; | ||
+ | line-height: 20px; | ||
+ | height: 55px; | ||
+ | } | ||
+ | .navbar-brand:hover, .navbar-brand:focus { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .navbar-brand > img { | ||
+ | display: block; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { | ||
+ | margin-left: -15px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-toggle { | ||
+ | position: relative; | ||
float: right; | float: right; | ||
+ | margin-right: 15px; | ||
+ | padding: 9px 10px; | ||
+ | margin-top: 10.5px; | ||
+ | margin-bottom: 10.5px; | ||
+ | background-color: transparent; | ||
+ | background-image: none; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .navbar-toggle:focus { | ||
+ | outline: 0; | ||
+ | } | ||
+ | .navbar-toggle .icon-bar { | ||
+ | display: block; | ||
+ | width: 22px; | ||
+ | height: 2px; | ||
+ | border-radius: 1px; | ||
+ | } | ||
+ | .navbar-toggle .icon-bar + .icon-bar { | ||
+ | margin-top: 4px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-toggle { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-nav { | ||
+ | margin: 8.75px -15px; | ||
+ | } | ||
+ | .navbar-nav > li > a { | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .navbar-nav .open .dropdown-menu { | ||
+ | position: static; | ||
+ | float: none; | ||
+ | width: auto; | ||
+ | margin-top: 0; | ||
+ | background-color: transparent; | ||
+ | border: 0; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | .navbar-nav .open .dropdown-menu > li > a, | ||
+ | .navbar-nav .open .dropdown-menu .dropdown-header { | ||
+ | padding: 5px 15px 5px 25px; | ||
+ | } | ||
+ | .navbar-nav .open .dropdown-menu > li > a { | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { | ||
+ | background-image: none; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-nav { | ||
+ | float: left; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .navbar-nav > li { | ||
+ | float: left; | ||
+ | } | ||
+ | .navbar-nav > li > a { | ||
+ | padding-top: 17.5px; | ||
+ | padding-bottom: 17.5px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-form { | ||
+ | margin-left: -15px; | ||
+ | margin-right: -15px; | ||
+ | padding: 10px 15px; | ||
+ | border-top: 1px solid transparent; | ||
+ | border-bottom: 1px solid transparent; | ||
+ | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | ||
+ | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | ||
+ | margin-top: 6.5px; | ||
+ | margin-bottom: 6.5px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-form .form-group { | ||
+ | display: inline-block; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .navbar-form .form-control { | ||
+ | display: inline-block; | ||
+ | width: auto; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .navbar-form .form-control-static { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .navbar-form .input-group { | ||
+ | display: inline-table; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .navbar-form .input-group .input-group-addon, | ||
+ | .navbar-form .input-group .input-group-btn, | ||
+ | .navbar-form .input-group .form-control { | ||
+ | width: auto; | ||
+ | } | ||
+ | .navbar-form .input-group > .form-control { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .navbar-form .control-label { | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .navbar-form .radio, | ||
+ | .navbar-form .checkbox { | ||
+ | display: inline-block; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .navbar-form .radio label, | ||
+ | .navbar-form .checkbox label { | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | .navbar-form .radio input[type="radio"], | ||
+ | .navbar-form .checkbox input[type="checkbox"] { | ||
+ | position: relative; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .navbar-form .has-feedback .form-control-feedback { | ||
+ | top: 0; | ||
+ | } | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .navbar-form .form-group { | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | .navbar-form .form-group:last-child { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-form { | ||
+ | width: auto; | ||
+ | border: 0; | ||
+ | margin-left: 0; | ||
+ | margin-right: 0; | ||
+ | padding-top: 0; | ||
+ | padding-bottom: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-nav > li > .dropdown-menu { | ||
+ | margin-top: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { | ||
+ | margin-bottom: 0; | ||
+ | border-top-right-radius: 4px; | ||
+ | border-top-left-radius: 4px; | ||
+ | border-bottom-right-radius: 0; | ||
+ | border-bottom-left-radius: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-btn { | ||
+ | margin-top: 6.5px; | ||
+ | margin-bottom: 6.5px; | ||
+ | } | ||
+ | .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { | ||
+ | margin-top: 12.5px; | ||
+ | margin-bottom: 12.5px; | ||
+ | } | ||
+ | .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { | ||
+ | margin-top: 16.5px; | ||
+ | margin-bottom: 16.5px; | ||
+ | } | ||
+ | |||
+ | .navbar-text { | ||
+ | margin-top: 17.5px; | ||
+ | margin-bottom: 17.5px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .navbar-text { | ||
+ | float: left; | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 768px) { | ||
+ | .navbar-left { | ||
+ | float: left !important; | ||
+ | } | ||
+ | |||
+ | .navbar-right { | ||
+ | float: right !important; | ||
+ | margin-right: -15px; | ||
+ | } | ||
+ | .navbar-right ~ .navbar-right { | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | } | ||
+ | .navbar-default { | ||
+ | background-color: #f8f8f8; | ||
+ | border-color: #e7e7e7; | ||
+ | } | ||
+ | .navbar-default .navbar-brand { | ||
+ | color: #777; | ||
+ | } | ||
+ | .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { | ||
+ | color: #5e5e5e; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-default .navbar-text { | ||
+ | color: #777; | ||
+ | } | ||
+ | .navbar-default .navbar-nav > li > a { | ||
+ | color: #777; | ||
+ | } | ||
+ | .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { | ||
+ | color: #333; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { | ||
+ | color: #555; | ||
+ | background-color: #e7e7e7; | ||
+ | } | ||
+ | .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { | ||
+ | color: #ccc; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-default .navbar-toggle { | ||
+ | border-color: #ddd; | ||
+ | } | ||
+ | .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { | ||
+ | background-color: #ddd; | ||
+ | } | ||
+ | .navbar-default .navbar-toggle .icon-bar { | ||
+ | background-color: #888; | ||
+ | } | ||
+ | .navbar-default .navbar-collapse, | ||
+ | .navbar-default .navbar-form { | ||
+ | border-color: #e7e7e7; | ||
+ | } | ||
+ | .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { | ||
+ | background-color: #e7e7e7; | ||
+ | color: #555; | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > li > a { | ||
+ | color: #777; | ||
+ | } | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { | ||
+ | color: #333; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { | ||
+ | color: #555; | ||
+ | background-color: #e7e7e7; | ||
+ | } | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { | ||
+ | color: #ccc; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | } | ||
+ | .navbar-default .navbar-link { | ||
+ | color: #777; | ||
+ | } | ||
+ | .navbar-default .navbar-link:hover { | ||
+ | color: #333; | ||
+ | } | ||
+ | .navbar-default .btn-link { | ||
+ | color: #777; | ||
+ | } | ||
+ | .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { | ||
+ | color: #333; | ||
+ | } | ||
+ | .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { | ||
+ | color: #ccc; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse { | ||
+ | background-color: #222; | ||
+ | border-color: #090909; | ||
+ | } | ||
+ | .navbar-inverse .navbar-brand { | ||
+ | color: #9d9d9d; | ||
+ | } | ||
+ | .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { | ||
+ | color: #fff; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-inverse .navbar-text { | ||
+ | color: #9d9d9d; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav > li > a { | ||
+ | color: #9d9d9d; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { | ||
+ | color: #fff; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { | ||
+ | color: #fff; | ||
+ | background-color: #090909; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { | ||
+ | color: #444; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-inverse .navbar-toggle { | ||
+ | border-color: #333; | ||
+ | } | ||
+ | .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { | ||
+ | background-color: #333; | ||
+ | } | ||
+ | .navbar-inverse .navbar-toggle .icon-bar { | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | .navbar-inverse .navbar-collapse, | ||
+ | .navbar-inverse .navbar-form { | ||
+ | border-color: #101010; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { | ||
+ | background-color: #090909; | ||
+ | color: #fff; | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { | ||
+ | border-color: #090909; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu .divider { | ||
+ | background-color: #090909; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { | ||
+ | color: #9d9d9d; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { | ||
+ | color: #fff; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { | ||
+ | color: #fff; | ||
+ | background-color: #090909; | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { | ||
+ | color: #444; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | } | ||
+ | .navbar-inverse .navbar-link { | ||
+ | color: #9d9d9d; | ||
+ | } | ||
+ | .navbar-inverse .navbar-link:hover { | ||
+ | color: #fff; | ||
+ | } | ||
+ | .navbar-inverse .btn-link { | ||
+ | color: #9d9d9d; | ||
+ | } | ||
+ | .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { | ||
+ | color: #fff; | ||
+ | } | ||
+ | .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { | ||
+ | color: #444; | ||
+ | } | ||
+ | |||
+ | .breadcrumb { | ||
+ | padding: 8px 15px; | ||
+ | margin-bottom: 20px; | ||
+ | list-style: none; | ||
+ | background-color: #f5f5f5; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .breadcrumb > li { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .breadcrumb > li + li:before { | ||
+ | content: "/ "; | ||
+ | padding: 0 5px; | ||
+ | color: #ccc; | ||
+ | } | ||
+ | .breadcrumb > .active { | ||
+ | color: #777777; | ||
+ | } | ||
+ | |||
+ | .pagination { | ||
+ | display: inline-block; | ||
+ | padding-left: 0; | ||
+ | margin: 20px 0; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .pagination > li { | ||
+ | display: inline; | ||
+ | } | ||
+ | .pagination > li > a, | ||
+ | .pagination > li > span { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | padding: 10px 20px; | ||
+ | line-height: 1.42857; | ||
+ | text-decoration: none; | ||
+ | color: #337ab7; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #ddd; | ||
+ | margin-left: -1px; | ||
+ | } | ||
+ | .pagination > li:first-child > a, | ||
+ | .pagination > li:first-child > span { | ||
+ | margin-left: 0; | ||
+ | border-bottom-left-radius: 4px; | ||
+ | border-top-left-radius: 4px; | ||
+ | } | ||
+ | .pagination > li:last-child > a, | ||
+ | .pagination > li:last-child > span { | ||
+ | border-bottom-right-radius: 4px; | ||
+ | border-top-right-radius: 4px; | ||
+ | } | ||
+ | .pagination > li > a:hover, .pagination > li > a:focus, | ||
+ | .pagination > li > span:hover, | ||
+ | .pagination > li > span:focus { | ||
+ | z-index: 3; | ||
+ | color: #23527c; | ||
+ | background-color: #eeeeee; | ||
+ | border-color: #ddd; | ||
+ | } | ||
+ | .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, | ||
+ | .pagination > .active > span, | ||
+ | .pagination > .active > span:hover, | ||
+ | .pagination > .active > span:focus { | ||
+ | z-index: 2; | ||
+ | color: #fff; | ||
+ | background-color: #337ab7; | ||
+ | border-color: #337ab7; | ||
+ | cursor: default; | ||
+ | } | ||
+ | .pagination > .disabled > span, | ||
+ | .pagination > .disabled > span:hover, | ||
+ | .pagination > .disabled > span:focus, | ||
+ | .pagination > .disabled > a, | ||
+ | .pagination > .disabled > a:hover, | ||
+ | .pagination > .disabled > a:focus { | ||
+ | color: #777777; | ||
+ | background-color: #fff; | ||
+ | border-color: #ddd; | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | |||
+ | .pagination-lg > li > a, | ||
+ | .pagination-lg > li > span { | ||
+ | padding: 10px 20px; | ||
+ | font-size: 18px; | ||
+ | line-height: 1.33333; | ||
+ | } | ||
+ | .pagination-lg > li:first-child > a, | ||
+ | .pagination-lg > li:first-child > span { | ||
+ | border-bottom-left-radius: 6px; | ||
+ | border-top-left-radius: 6px; | ||
+ | } | ||
+ | .pagination-lg > li:last-child > a, | ||
+ | .pagination-lg > li:last-child > span { | ||
+ | border-bottom-right-radius: 6px; | ||
+ | border-top-right-radius: 6px; | ||
+ | } | ||
+ | |||
+ | .pagination-sm > li > a, | ||
+ | .pagination-sm > li > span { | ||
+ | padding: 5px 20px; | ||
+ | font-size: 12px; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | .pagination-sm > li:first-child > a, | ||
+ | .pagination-sm > li:first-child > span { | ||
+ | border-bottom-left-radius: 3px; | ||
+ | border-top-left-radius: 3px; | ||
+ | } | ||
+ | .pagination-sm > li:last-child > a, | ||
+ | .pagination-sm > li:last-child > span { | ||
+ | border-bottom-right-radius: 3px; | ||
+ | border-top-right-radius: 3px; | ||
+ | } | ||
+ | |||
+ | .pager { | ||
+ | padding-left: 0; | ||
+ | margin: 20px 0; | ||
+ | list-style: none; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .pager:before, .pager:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .pager:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | .pager li { | ||
+ | display: inline; | ||
+ | } | ||
+ | .pager li > a, | ||
+ | .pager li > span { | ||
+ | display: inline-block; | ||
+ | padding: 5px 14px; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #ddd; | ||
+ | border-radius: 15px; | ||
+ | } | ||
+ | .pager li > a:hover, | ||
+ | .pager li > a:focus { | ||
+ | text-decoration: none; | ||
+ | background-color: #eeeeee; | ||
+ | } | ||
+ | .pager .next > a, | ||
+ | .pager .next > span { | ||
+ | float: right; | ||
+ | } | ||
+ | .pager .previous > a, | ||
+ | .pager .previous > span { | ||
+ | float: left; | ||
+ | } | ||
+ | .pager .disabled > a, | ||
+ | .pager .disabled > a:hover, | ||
+ | .pager .disabled > a:focus, | ||
+ | .pager .disabled > span { | ||
+ | color: #777777; | ||
+ | background-color: #fff; | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | |||
+ | .label { | ||
+ | display: inline; | ||
+ | padding: .2em .6em .3em; | ||
+ | font-size: 75%; | ||
+ | font-weight: bold; | ||
+ | line-height: 1; | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: baseline; | ||
+ | border-radius: .25em; | ||
+ | } | ||
+ | .label:empty { | ||
+ | display: none; | ||
+ | } | ||
+ | .btn .label { | ||
+ | position: relative; | ||
+ | top: -1px; | ||
+ | } | ||
+ | |||
+ | a.label:hover, a.label:focus { | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .label-default { | ||
+ | background-color: #777777; | ||
+ | } | ||
+ | .label-default[href]:hover, .label-default[href]:focus { | ||
+ | background-color: #5e5e5e; | ||
+ | } | ||
+ | |||
+ | .label-primary { | ||
+ | background-color: #337ab7; | ||
+ | } | ||
+ | .label-primary[href]:hover, .label-primary[href]:focus { | ||
+ | background-color: #286090; | ||
+ | } | ||
+ | |||
+ | .label-success { | ||
+ | background-color: #5cb85c; | ||
+ | } | ||
+ | .label-success[href]:hover, .label-success[href]:focus { | ||
+ | background-color: #449d44; | ||
+ | } | ||
+ | |||
+ | .label-info { | ||
+ | background-color: #5bc0de; | ||
+ | } | ||
+ | .label-info[href]:hover, .label-info[href]:focus { | ||
+ | background-color: #31b0d5; | ||
+ | } | ||
+ | |||
+ | .label-warning { | ||
+ | background-color: #f0ad4e; | ||
+ | } | ||
+ | .label-warning[href]:hover, .label-warning[href]:focus { | ||
+ | background-color: #ec971f; | ||
+ | } | ||
+ | |||
+ | .label-danger { | ||
+ | background-color: #d9534f; | ||
+ | } | ||
+ | .label-danger[href]:hover, .label-danger[href]:focus { | ||
+ | background-color: #c9302c; | ||
+ | } | ||
+ | |||
+ | .badge { | ||
+ | display: inline-block; | ||
+ | min-width: 10px; | ||
+ | padding: 3px 7px; | ||
+ | font-size: 12px; | ||
+ | font-weight: bold; | ||
+ | color: #fff; | ||
+ | line-height: 1; | ||
+ | vertical-align: middle; | ||
+ | white-space: nowrap; | ||
+ | text-align: center; | ||
+ | background-color: #777777; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | .badge:empty { | ||
+ | display: none; | ||
+ | } | ||
+ | .btn .badge { | ||
+ | position: relative; | ||
+ | top: -1px; | ||
+ | } | ||
+ | .btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge { | ||
+ | top: 0; | ||
+ | padding: 1px 5px; | ||
+ | } | ||
+ | .list-group-item.active > .badge, .nav-pills > .active > a > .badge { | ||
+ | color: #337ab7; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | .list-group-item > .badge { | ||
+ | float: right; | ||
+ | } | ||
+ | .list-group-item > .badge + .badge { | ||
+ | margin-right: 5px; | ||
+ | } | ||
+ | .nav-pills > li > a > .badge { | ||
+ | margin-left: 3px; | ||
+ | } | ||
+ | |||
+ | a.badge:hover, a.badge:focus { | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .jumbotron { | ||
+ | padding-top: 30px; | ||
+ | padding-bottom: 30px; | ||
+ | margin-bottom: 30px; | ||
+ | color: inherit; | ||
+ | background-color: #eeeeee; | ||
+ | } | ||
+ | .jumbotron h1, | ||
+ | .jumbotron .h1 { | ||
+ | color: inherit; | ||
+ | } | ||
+ | .jumbotron p { | ||
+ | margin-bottom: 15px; | ||
+ | font-size: 21px; | ||
+ | font-weight: 200; | ||
+ | } | ||
+ | .jumbotron > hr { | ||
+ | border-top-color: #d5d5d5; | ||
+ | } | ||
+ | .container .jumbotron, .container-fluid .jumbotron { | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | .jumbotron .container { | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | @media screen and (min-width: 768px) { | ||
+ | .jumbotron { | ||
+ | padding-top: 48px; | ||
+ | padding-bottom: 48px; | ||
+ | } | ||
+ | .container .jumbotron, .container-fluid .jumbotron { | ||
+ | padding-left: 60px; | ||
+ | padding-right: 60px; | ||
+ | } | ||
+ | .jumbotron h1, | ||
+ | .jumbotron .h1 { | ||
+ | font-size: 63px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .thumbnail { | ||
+ | display: block; | ||
+ | padding: 4px; | ||
+ | margin-bottom: 20px; | ||
+ | line-height: 1.42857; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #ddd; | ||
+ | border-radius: 4px; | ||
+ | -webkit-transition: border 0.2s ease-in-out; | ||
+ | -o-transition: border 0.2s ease-in-out; | ||
+ | transition: border 0.2s ease-in-out; | ||
+ | } | ||
+ | .thumbnail > img, | ||
+ | .thumbnail a > img { | ||
+ | display: block; | ||
+ | max-width: 100%; | ||
+ | height: auto; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | .thumbnail .caption { | ||
+ | padding: 9px; | ||
+ | color: #333333; | ||
+ | } | ||
+ | |||
+ | a.thumbnail:hover, | ||
+ | a.thumbnail:focus, | ||
+ | a.thumbnail.active { | ||
+ | border-color: #337ab7; | ||
+ | } | ||
+ | |||
+ | .alert { | ||
+ | padding: 15px; | ||
+ | margin-bottom: 20px; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .alert h4 { | ||
+ | margin-top: 0; | ||
+ | color: inherit; | ||
+ | } | ||
+ | .alert .alert-link { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .alert > p, | ||
+ | .alert > ul { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | .alert > p + p { | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | .alert-dismissable, | ||
+ | .alert-dismissible { | ||
+ | padding-right: 35px; | ||
+ | } | ||
+ | .alert-dismissable .close, | ||
+ | .alert-dismissible .close { | ||
+ | position: relative; | ||
+ | top: -2px; | ||
+ | right: -21px; | ||
+ | color: inherit; | ||
+ | } | ||
+ | |||
+ | .alert-success { | ||
+ | background-color: #dff0d8; | ||
+ | border-color: #d6e9c6; | ||
+ | color: #3c763d; | ||
+ | } | ||
+ | .alert-success hr { | ||
+ | border-top-color: #c9e2b3; | ||
+ | } | ||
+ | .alert-success .alert-link { | ||
+ | color: #2b542c; | ||
+ | } | ||
+ | |||
+ | .alert-info { | ||
+ | background-color: #d9edf7; | ||
+ | border-color: #bce8f1; | ||
+ | color: #31708f; | ||
+ | } | ||
+ | .alert-info hr { | ||
+ | border-top-color: #a6e1ec; | ||
+ | } | ||
+ | .alert-info .alert-link { | ||
+ | color: #245269; | ||
+ | } | ||
+ | |||
+ | .alert-warning { | ||
+ | background-color: #fcf8e3; | ||
+ | border-color: #faebcc; | ||
+ | color: #8a6d3b; | ||
+ | } | ||
+ | .alert-warning hr { | ||
+ | border-top-color: #f7e1b5; | ||
+ | } | ||
+ | .alert-warning .alert-link { | ||
+ | color: #66512c; | ||
+ | } | ||
+ | |||
+ | .alert-danger { | ||
+ | background-color: #f2dede; | ||
+ | border-color: #ebccd1; | ||
+ | color: #a94442; | ||
+ | } | ||
+ | .alert-danger hr { | ||
+ | border-top-color: #e4b9c0; | ||
+ | } | ||
+ | .alert-danger .alert-link { | ||
+ | color: #843534; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes progress-bar-stripes { | ||
+ | from { | ||
+ | background-position: 40px 0; | ||
+ | } | ||
+ | to { | ||
+ | background-position: 0 0; | ||
+ | } | ||
+ | } | ||
+ | @keyframes progress-bar-stripes { | ||
+ | from { | ||
+ | background-position: 40px 0; | ||
+ | } | ||
+ | to { | ||
+ | background-position: 0 0; | ||
+ | } | ||
+ | } | ||
+ | .progress { | ||
overflow: hidden; | overflow: hidden; | ||
+ | height: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | background-color: #f5f5f5; | ||
+ | border-radius: 4px; | ||
+ | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | ||
+ | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | ||
} | } | ||
− | + | .progress-bar { | |
− | .dropdown . | + | float: left; |
− | font-size: | + | width: 0%; |
− | border: none; | + | height: 100%; |
+ | font-size: 12px; | ||
+ | line-height: 20px; | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | background-color: #337ab7; | ||
+ | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | ||
+ | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | ||
+ | -webkit-transition: width 0.6s ease; | ||
+ | -o-transition: width 0.6s ease; | ||
+ | transition: width 0.6s ease; | ||
+ | } | ||
+ | |||
+ | .progress-striped .progress-bar, | ||
+ | .progress-bar-striped { | ||
+ | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-size: 40px 40px; | ||
+ | } | ||
+ | |||
+ | .progress.active .progress-bar, | ||
+ | .progress-bar.active { | ||
+ | -webkit-animation: progress-bar-stripes 2s linear infinite; | ||
+ | -o-animation: progress-bar-stripes 2s linear infinite; | ||
+ | animation: progress-bar-stripes 2s linear infinite; | ||
+ | } | ||
+ | |||
+ | .progress-bar-success { | ||
+ | background-color: #5cb85c; | ||
+ | } | ||
+ | .progress-striped .progress-bar-success { | ||
+ | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | } | ||
+ | |||
+ | .progress-bar-info { | ||
+ | background-color: #5bc0de; | ||
+ | } | ||
+ | .progress-striped .progress-bar-info { | ||
+ | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | } | ||
+ | |||
+ | .progress-bar-warning { | ||
+ | background-color: #f0ad4e; | ||
+ | } | ||
+ | .progress-striped .progress-bar-warning { | ||
+ | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | } | ||
+ | |||
+ | .progress-bar-danger { | ||
+ | background-color: #d9534f; | ||
+ | } | ||
+ | .progress-striped .progress-bar-danger { | ||
+ | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | } | ||
+ | |||
+ | .media { | ||
+ | margin-top: 15px; | ||
+ | } | ||
+ | .media:first-child { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .media, | ||
+ | .media-body { | ||
+ | zoom: 1; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .media-body { | ||
+ | width: 10000px; | ||
+ | } | ||
+ | |||
+ | .media-object { | ||
+ | display: block; | ||
+ | } | ||
+ | .media-object.img-thumbnail { | ||
+ | max-width: none; | ||
+ | } | ||
+ | |||
+ | .media-right, | ||
+ | .media > .pull-right { | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | |||
+ | .media-left, | ||
+ | .media > .pull-left { | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | |||
+ | .media-left, | ||
+ | .media-right, | ||
+ | .media-body { | ||
+ | display: table-cell; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .media-middle { | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .media-bottom { | ||
+ | vertical-align: bottom; | ||
+ | } | ||
+ | |||
+ | .media-heading { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | .media-list { | ||
+ | padding-left: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .list-group { | ||
+ | margin-bottom: 20px; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | .list-group-item { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | padding: 10px 15px; | ||
+ | margin-bottom: -1px; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #ddd; | ||
+ | } | ||
+ | .list-group-item:first-child { | ||
+ | border-top-right-radius: 4px; | ||
+ | border-top-left-radius: 4px; | ||
+ | } | ||
+ | .list-group-item:last-child { | ||
+ | margin-bottom: 0; | ||
+ | border-bottom-right-radius: 4px; | ||
+ | border-bottom-left-radius: 4px; | ||
+ | } | ||
+ | |||
+ | a.list-group-item, | ||
+ | button.list-group-item { | ||
+ | color: #555; | ||
+ | } | ||
+ | a.list-group-item .list-group-item-heading, | ||
+ | button.list-group-item .list-group-item-heading { | ||
+ | color: #333; | ||
+ | } | ||
+ | a.list-group-item:hover, a.list-group-item:focus, | ||
+ | button.list-group-item:hover, | ||
+ | button.list-group-item:focus { | ||
+ | text-decoration: none; | ||
+ | color: #555; | ||
+ | background-color: #f5f5f5; | ||
+ | } | ||
+ | |||
+ | button.list-group-item { | ||
+ | width: 100%; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { | ||
+ | background-color: #eeeeee; | ||
+ | color: #777777; | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { | ||
+ | color: inherit; | ||
+ | } | ||
+ | .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { | ||
+ | color: #777777; | ||
+ | } | ||
+ | .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { | ||
+ | z-index: 2; | ||
+ | color: #fff; | ||
+ | background-color: #337ab7; | ||
+ | border-color: #337ab7; | ||
+ | } | ||
+ | .list-group-item.active .list-group-item-heading, | ||
+ | .list-group-item.active .list-group-item-heading > small, | ||
+ | .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, | ||
+ | .list-group-item.active:hover .list-group-item-heading > small, | ||
+ | .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, | ||
+ | .list-group-item.active:focus .list-group-item-heading > small, | ||
+ | .list-group-item.active:focus .list-group-item-heading > .small { | ||
+ | color: inherit; | ||
+ | } | ||
+ | .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { | ||
+ | color: #c7ddef; | ||
+ | } | ||
+ | |||
+ | .list-group-item-success { | ||
+ | color: #3c763d; | ||
+ | background-color: #dff0d8; | ||
+ | } | ||
+ | |||
+ | a.list-group-item-success, | ||
+ | button.list-group-item-success { | ||
+ | color: #3c763d; | ||
+ | } | ||
+ | a.list-group-item-success .list-group-item-heading, | ||
+ | button.list-group-item-success .list-group-item-heading { | ||
+ | color: inherit; | ||
+ | } | ||
+ | a.list-group-item-success:hover, a.list-group-item-success:focus, | ||
+ | button.list-group-item-success:hover, | ||
+ | button.list-group-item-success:focus { | ||
+ | color: #3c763d; | ||
+ | background-color: #d0e9c6; | ||
+ | } | ||
+ | a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, | ||
+ | button.list-group-item-success.active, | ||
+ | button.list-group-item-success.active:hover, | ||
+ | button.list-group-item-success.active:focus { | ||
+ | color: #fff; | ||
+ | background-color: #3c763d; | ||
+ | border-color: #3c763d; | ||
+ | } | ||
+ | |||
+ | .list-group-item-info { | ||
+ | color: #31708f; | ||
+ | background-color: #d9edf7; | ||
+ | } | ||
+ | |||
+ | a.list-group-item-info, | ||
+ | button.list-group-item-info { | ||
+ | color: #31708f; | ||
+ | } | ||
+ | a.list-group-item-info .list-group-item-heading, | ||
+ | button.list-group-item-info .list-group-item-heading { | ||
+ | color: inherit; | ||
+ | } | ||
+ | a.list-group-item-info:hover, a.list-group-item-info:focus, | ||
+ | button.list-group-item-info:hover, | ||
+ | button.list-group-item-info:focus { | ||
+ | color: #31708f; | ||
+ | background-color: #c4e3f3; | ||
+ | } | ||
+ | a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, | ||
+ | button.list-group-item-info.active, | ||
+ | button.list-group-item-info.active:hover, | ||
+ | button.list-group-item-info.active:focus { | ||
+ | color: #fff; | ||
+ | background-color: #31708f; | ||
+ | border-color: #31708f; | ||
+ | } | ||
+ | |||
+ | .list-group-item-warning { | ||
+ | color: #8a6d3b; | ||
+ | background-color: #fcf8e3; | ||
+ | } | ||
+ | |||
+ | a.list-group-item-warning, | ||
+ | button.list-group-item-warning { | ||
+ | color: #8a6d3b; | ||
+ | } | ||
+ | a.list-group-item-warning .list-group-item-heading, | ||
+ | button.list-group-item-warning .list-group-item-heading { | ||
+ | color: inherit; | ||
+ | } | ||
+ | a.list-group-item-warning:hover, a.list-group-item-warning:focus, | ||
+ | button.list-group-item-warning:hover, | ||
+ | button.list-group-item-warning:focus { | ||
+ | color: #8a6d3b; | ||
+ | background-color: #faf2cc; | ||
+ | } | ||
+ | a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, | ||
+ | button.list-group-item-warning.active, | ||
+ | button.list-group-item-warning.active:hover, | ||
+ | button.list-group-item-warning.active:focus { | ||
+ | color: #fff; | ||
+ | background-color: #8a6d3b; | ||
+ | border-color: #8a6d3b; | ||
+ | } | ||
+ | |||
+ | .list-group-item-danger { | ||
+ | color: #a94442; | ||
+ | background-color: #f2dede; | ||
+ | } | ||
+ | |||
+ | a.list-group-item-danger, | ||
+ | button.list-group-item-danger { | ||
+ | color: #a94442; | ||
+ | } | ||
+ | a.list-group-item-danger .list-group-item-heading, | ||
+ | button.list-group-item-danger .list-group-item-heading { | ||
+ | color: inherit; | ||
+ | } | ||
+ | a.list-group-item-danger:hover, a.list-group-item-danger:focus, | ||
+ | button.list-group-item-danger:hover, | ||
+ | button.list-group-item-danger:focus { | ||
+ | color: #a94442; | ||
+ | background-color: #ebcccc; | ||
+ | } | ||
+ | a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, | ||
+ | button.list-group-item-danger.active, | ||
+ | button.list-group-item-danger.active:hover, | ||
+ | button.list-group-item-danger.active:focus { | ||
+ | color: #fff; | ||
+ | background-color: #a94442; | ||
+ | border-color: #a94442; | ||
+ | } | ||
+ | |||
+ | .list-group-item-heading { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | .list-group-item-text { | ||
+ | margin-bottom: 0; | ||
+ | line-height: 1.3; | ||
+ | } | ||
+ | |||
+ | .panel { | ||
+ | margin-bottom: 20px; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 4px; | ||
+ | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | ||
+ | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | ||
+ | } | ||
+ | |||
+ | .panel-body { | ||
+ | padding: 15px; | ||
+ | } | ||
+ | .panel-body:before, .panel-body:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .panel-body:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .panel-heading { | ||
+ | padding: 10px 15px; | ||
+ | border-bottom: 1px solid transparent; | ||
+ | border-top-right-radius: 3px; | ||
+ | border-top-left-radius: 3px; | ||
+ | } | ||
+ | .panel-heading > .dropdown .dropdown-toggle { | ||
+ | color: inherit; | ||
+ | } | ||
+ | |||
+ | .panel-title { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | font-size: 16px; | ||
+ | color: inherit; | ||
+ | } | ||
+ | .panel-title > a, | ||
+ | .panel-title > small, | ||
+ | .panel-title > .small, | ||
+ | .panel-title > small > a, | ||
+ | .panel-title > .small > a { | ||
+ | color: inherit; | ||
+ | } | ||
+ | |||
+ | .panel-footer { | ||
+ | padding: 10px 15px; | ||
+ | background-color: #f5f5f5; | ||
+ | border-top: 1px solid #ddd; | ||
+ | border-bottom-right-radius: 3px; | ||
+ | border-bottom-left-radius: 3px; | ||
+ | } | ||
+ | |||
+ | .panel > .list-group, | ||
+ | .panel > .panel-collapse > .list-group { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | .panel > .list-group .list-group-item, | ||
+ | .panel > .panel-collapse > .list-group .list-group-item { | ||
+ | border-width: 1px 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .panel > .list-group:first-child .list-group-item:first-child, | ||
+ | .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { | ||
+ | border-top: 0; | ||
+ | border-top-right-radius: 3px; | ||
+ | border-top-left-radius: 3px; | ||
+ | } | ||
+ | .panel > .list-group:last-child .list-group-item:last-child, | ||
+ | .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { | ||
+ | border-bottom: 0; | ||
+ | border-bottom-right-radius: 3px; | ||
+ | border-bottom-left-radius: 3px; | ||
+ | } | ||
+ | .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { | ||
+ | border-top-right-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | } | ||
+ | |||
+ | .panel-heading + .list-group .list-group-item:first-child { | ||
+ | border-top-width: 0; | ||
+ | } | ||
+ | |||
+ | .list-group + .panel-footer { | ||
+ | border-top-width: 0; | ||
+ | } | ||
+ | |||
+ | .panel > .table, | ||
+ | .panel > .table-responsive > .table, | ||
+ | .panel > .panel-collapse > .table { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | .panel > .table caption, | ||
+ | .panel > .table-responsive > .table caption, | ||
+ | .panel > .panel-collapse > .table caption { | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | } | ||
+ | .panel > .table:first-child, | ||
+ | .panel > .table-responsive:first-child > .table:first-child { | ||
+ | border-top-right-radius: 3px; | ||
+ | border-top-left-radius: 3px; | ||
+ | } | ||
+ | .panel > .table:first-child > thead:first-child > tr:first-child, | ||
+ | .panel > .table:first-child > tbody:first-child > tr:first-child, | ||
+ | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, | ||
+ | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { | ||
+ | border-top-left-radius: 3px; | ||
+ | border-top-right-radius: 3px; | ||
+ | } | ||
+ | .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, | ||
+ | .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, | ||
+ | .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, | ||
+ | .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, | ||
+ | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, | ||
+ | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, | ||
+ | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, | ||
+ | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { | ||
+ | border-top-left-radius: 3px; | ||
+ | } | ||
+ | .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, | ||
+ | .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, | ||
+ | .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, | ||
+ | .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, | ||
+ | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, | ||
+ | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, | ||
+ | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, | ||
+ | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { | ||
+ | border-top-right-radius: 3px; | ||
+ | } | ||
+ | .panel > .table:last-child, | ||
+ | .panel > .table-responsive:last-child > .table:last-child { | ||
+ | border-bottom-right-radius: 3px; | ||
+ | border-bottom-left-radius: 3px; | ||
+ | } | ||
+ | .panel > .table:last-child > tbody:last-child > tr:last-child, | ||
+ | .panel > .table:last-child > tfoot:last-child > tr:last-child, | ||
+ | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, | ||
+ | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { | ||
+ | border-bottom-left-radius: 3px; | ||
+ | border-bottom-right-radius: 3px; | ||
+ | } | ||
+ | .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, | ||
+ | .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, | ||
+ | .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, | ||
+ | .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, | ||
+ | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, | ||
+ | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, | ||
+ | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, | ||
+ | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { | ||
+ | border-bottom-left-radius: 3px; | ||
+ | } | ||
+ | .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, | ||
+ | .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, | ||
+ | .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, | ||
+ | .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, | ||
+ | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, | ||
+ | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, | ||
+ | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, | ||
+ | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { | ||
+ | border-bottom-right-radius: 3px; | ||
+ | } | ||
+ | .panel > .panel-body + .table, | ||
+ | .panel > .panel-body + .table-responsive, | ||
+ | .panel > .table + .panel-body, | ||
+ | .panel > .table-responsive + .panel-body { | ||
+ | border-top: 1px solid #ddd; | ||
+ | } | ||
+ | .panel > .table > tbody:first-child > tr:first-child th, | ||
+ | .panel > .table > tbody:first-child > tr:first-child td { | ||
+ | border-top: 0; | ||
+ | } | ||
+ | .panel > .table-bordered, | ||
+ | .panel > .table-responsive > .table-bordered { | ||
+ | border: 0; | ||
+ | } | ||
+ | .panel > .table-bordered > thead > tr > th:first-child, | ||
+ | .panel > .table-bordered > thead > tr > td:first-child, | ||
+ | .panel > .table-bordered > tbody > tr > th:first-child, | ||
+ | .panel > .table-bordered > tbody > tr > td:first-child, | ||
+ | .panel > .table-bordered > tfoot > tr > th:first-child, | ||
+ | .panel > .table-bordered > tfoot > tr > td:first-child, | ||
+ | .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, | ||
+ | .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, | ||
+ | .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, | ||
+ | .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, | ||
+ | .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, | ||
+ | .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { | ||
+ | border-left: 0; | ||
+ | } | ||
+ | .panel > .table-bordered > thead > tr > th:last-child, | ||
+ | .panel > .table-bordered > thead > tr > td:last-child, | ||
+ | .panel > .table-bordered > tbody > tr > th:last-child, | ||
+ | .panel > .table-bordered > tbody > tr > td:last-child, | ||
+ | .panel > .table-bordered > tfoot > tr > th:last-child, | ||
+ | .panel > .table-bordered > tfoot > tr > td:last-child, | ||
+ | .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, | ||
+ | .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, | ||
+ | .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, | ||
+ | .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, | ||
+ | .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, | ||
+ | .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { | ||
+ | border-right: 0; | ||
+ | } | ||
+ | .panel > .table-bordered > thead > tr:first-child > td, | ||
+ | .panel > .table-bordered > thead > tr:first-child > th, | ||
+ | .panel > .table-bordered > tbody > tr:first-child > td, | ||
+ | .panel > .table-bordered > tbody > tr:first-child > th, | ||
+ | .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, | ||
+ | .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, | ||
+ | .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, | ||
+ | .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | .panel > .table-bordered > tbody > tr:last-child > td, | ||
+ | .panel > .table-bordered > tbody > tr:last-child > th, | ||
+ | .panel > .table-bordered > tfoot > tr:last-child > td, | ||
+ | .panel > .table-bordered > tfoot > tr:last-child > th, | ||
+ | .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, | ||
+ | .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, | ||
+ | .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, | ||
+ | .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | .panel > .table-responsive { | ||
+ | border: 0; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .panel-group { | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | .panel-group .panel { | ||
+ | margin-bottom: 0; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .panel-group .panel + .panel { | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | .panel-group .panel-heading { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | .panel-group .panel-heading + .panel-collapse > .panel-body, | ||
+ | .panel-group .panel-heading + .panel-collapse > .list-group { | ||
+ | border-top: 1px solid #ddd; | ||
+ | } | ||
+ | .panel-group .panel-footer { | ||
+ | border-top: 0; | ||
+ | } | ||
+ | .panel-group .panel-footer + .panel-collapse .panel-body { | ||
+ | border-bottom: 1px solid #ddd; | ||
+ | } | ||
+ | |||
+ | .panel-default { | ||
+ | border-color: #ddd; | ||
+ | } | ||
+ | .panel-default > .panel-heading { | ||
+ | color: #333333; | ||
+ | background-color: #f5f5f5; | ||
+ | border-color: #ddd; | ||
+ | } | ||
+ | .panel-default > .panel-heading + .panel-collapse > .panel-body { | ||
+ | border-top-color: #ddd; | ||
+ | } | ||
+ | .panel-default > .panel-heading .badge { | ||
+ | color: #f5f5f5; | ||
+ | background-color: #333333; | ||
+ | } | ||
+ | .panel-default > .panel-footer + .panel-collapse > .panel-body { | ||
+ | border-bottom-color: #ddd; | ||
+ | } | ||
+ | |||
+ | .panel-primary { | ||
+ | border-color: #337ab7; | ||
+ | } | ||
+ | .panel-primary > .panel-heading { | ||
+ | color: #fff; | ||
+ | background-color: #337ab7; | ||
+ | border-color: #337ab7; | ||
+ | } | ||
+ | .panel-primary > .panel-heading + .panel-collapse > .panel-body { | ||
+ | border-top-color: #337ab7; | ||
+ | } | ||
+ | .panel-primary > .panel-heading .badge { | ||
+ | color: #337ab7; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | .panel-primary > .panel-footer + .panel-collapse > .panel-body { | ||
+ | border-bottom-color: #337ab7; | ||
+ | } | ||
+ | |||
+ | .panel-success { | ||
+ | border-color: #d6e9c6; | ||
+ | } | ||
+ | .panel-success > .panel-heading { | ||
+ | color: #3c763d; | ||
+ | background-color: #dff0d8; | ||
+ | border-color: #d6e9c6; | ||
+ | } | ||
+ | .panel-success > .panel-heading + .panel-collapse > .panel-body { | ||
+ | border-top-color: #d6e9c6; | ||
+ | } | ||
+ | .panel-success > .panel-heading .badge { | ||
+ | color: #dff0d8; | ||
+ | background-color: #3c763d; | ||
+ | } | ||
+ | .panel-success > .panel-footer + .panel-collapse > .panel-body { | ||
+ | border-bottom-color: #d6e9c6; | ||
+ | } | ||
+ | |||
+ | .panel-info { | ||
+ | border-color: #bce8f1; | ||
+ | } | ||
+ | .panel-info > .panel-heading { | ||
+ | color: #31708f; | ||
+ | background-color: #d9edf7; | ||
+ | border-color: #bce8f1; | ||
+ | } | ||
+ | .panel-info > .panel-heading + .panel-collapse > .panel-body { | ||
+ | border-top-color: #bce8f1; | ||
+ | } | ||
+ | .panel-info > .panel-heading .badge { | ||
+ | color: #d9edf7; | ||
+ | background-color: #31708f; | ||
+ | } | ||
+ | .panel-info > .panel-footer + .panel-collapse > .panel-body { | ||
+ | border-bottom-color: #bce8f1; | ||
+ | } | ||
+ | |||
+ | .panel-warning { | ||
+ | border-color: #faebcc; | ||
+ | } | ||
+ | .panel-warning > .panel-heading { | ||
+ | color: #8a6d3b; | ||
+ | background-color: #fcf8e3; | ||
+ | border-color: #faebcc; | ||
+ | } | ||
+ | .panel-warning > .panel-heading + .panel-collapse > .panel-body { | ||
+ | border-top-color: #faebcc; | ||
+ | } | ||
+ | .panel-warning > .panel-heading .badge { | ||
+ | color: #fcf8e3; | ||
+ | background-color: #8a6d3b; | ||
+ | } | ||
+ | .panel-warning > .panel-footer + .panel-collapse > .panel-body { | ||
+ | border-bottom-color: #faebcc; | ||
+ | } | ||
+ | |||
+ | .panel-danger { | ||
+ | border-color: #ebccd1; | ||
+ | } | ||
+ | .panel-danger > .panel-heading { | ||
+ | color: #a94442; | ||
+ | background-color: #f2dede; | ||
+ | border-color: #ebccd1; | ||
+ | } | ||
+ | .panel-danger > .panel-heading + .panel-collapse > .panel-body { | ||
+ | border-top-color: #ebccd1; | ||
+ | } | ||
+ | .panel-danger > .panel-heading .badge { | ||
+ | color: #f2dede; | ||
+ | background-color: #a94442; | ||
+ | } | ||
+ | .panel-danger > .panel-footer + .panel-collapse > .panel-body { | ||
+ | border-bottom-color: #ebccd1; | ||
+ | } | ||
+ | |||
+ | .embed-responsive { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | height: 0; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .embed-responsive .embed-responsive-item, | ||
+ | .embed-responsive iframe, | ||
+ | .embed-responsive embed, | ||
+ | .embed-responsive object, | ||
+ | .embed-responsive video { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | bottom: 0; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .embed-responsive-16by9 { | ||
+ | padding-bottom: 56.25%; | ||
+ | } | ||
+ | |||
+ | .embed-responsive-4by3 { | ||
+ | padding-bottom: 75%; | ||
+ | } | ||
+ | |||
+ | .well { | ||
+ | min-height: 20px; | ||
+ | padding: 19px; | ||
+ | margin-bottom: 20px; | ||
+ | background-color: #f5f5f5; | ||
+ | border: 1px solid #e3e3e3; | ||
+ | border-radius: 4px; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | ||
+ | } | ||
+ | .well blockquote { | ||
+ | border-color: #ddd; | ||
+ | border-color: rgba(0, 0, 0, 0.15); | ||
+ | } | ||
+ | |||
+ | .well-lg { | ||
+ | padding: 24px; | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | |||
+ | .well-sm { | ||
+ | padding: 9px; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | .close { | ||
+ | float: right; | ||
+ | font-size: 21px; | ||
+ | font-weight: bold; | ||
+ | line-height: 1; | ||
+ | color: #000; | ||
+ | text-shadow: 0 1px 0 #fff; | ||
+ | opacity: 0.2; | ||
+ | filter: alpha(opacity=20); | ||
+ | } | ||
+ | .close:hover, .close:focus { | ||
+ | color: #000; | ||
+ | text-decoration: none; | ||
+ | cursor: pointer; | ||
+ | opacity: 0.5; | ||
+ | filter: alpha(opacity=50); | ||
+ | } | ||
+ | |||
+ | button.close { | ||
+ | padding: 0; | ||
+ | cursor: pointer; | ||
+ | background: transparent; | ||
+ | border: 0; | ||
+ | -webkit-appearance: none; | ||
+ | } | ||
+ | |||
+ | .modal-open { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .modal { | ||
+ | display: none; | ||
+ | overflow: hidden; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | z-index: 1050; | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | outline: 0; | ||
+ | } | ||
+ | .modal.fade .modal-dialog { | ||
+ | -webkit-transform: translate(0, -25%); | ||
+ | -ms-transform: translate(0, -25%); | ||
+ | -o-transform: translate(0, -25%); | ||
+ | transform: translate(0, -25%); | ||
+ | -webkit-transition: -webkit-transform 0.3s ease-out; | ||
+ | -moz-transition: -moz-transform 0.3s ease-out; | ||
+ | -o-transition: -o-transform 0.3s ease-out; | ||
+ | transition: transform 0.3s ease-out; | ||
+ | } | ||
+ | .modal.in .modal-dialog { | ||
+ | -webkit-transform: translate(0, 0); | ||
+ | -ms-transform: translate(0, 0); | ||
+ | -o-transform: translate(0, 0); | ||
+ | transform: translate(0, 0); | ||
+ | } | ||
+ | |||
+ | .modal-open .modal { | ||
+ | overflow-x: hidden; | ||
+ | overflow-y: auto; | ||
+ | } | ||
+ | |||
+ | .modal-dialog { | ||
+ | position: relative; | ||
+ | width: auto; | ||
+ | margin: 10px; | ||
+ | } | ||
+ | |||
+ | .modal-content { | ||
+ | position: relative; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #999; | ||
+ | border: 1px solid rgba(0, 0, 0, 0.2); | ||
+ | border-radius: 6px; | ||
+ | -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); | ||
+ | box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); | ||
+ | background-clip: padding-box; | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | .modal-backdrop { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | z-index: 1040; | ||
+ | background-color: #000; | ||
+ | } | ||
+ | .modal-backdrop.fade { | ||
+ | opacity: 0; | ||
+ | filter: alpha(opacity=0); | ||
+ | } | ||
+ | .modal-backdrop.in { | ||
+ | opacity: 0.5; | ||
+ | filter: alpha(opacity=50); | ||
+ | } | ||
+ | |||
+ | .modal-header { | ||
+ | padding: 15px; | ||
+ | border-bottom: 1px solid #e5e5e5; | ||
+ | min-height: 16.42857px; | ||
+ | } | ||
+ | |||
+ | .modal-header .close { | ||
+ | margin-top: -2px; | ||
+ | } | ||
+ | |||
+ | .modal-title { | ||
+ | margin: 0; | ||
+ | line-height: 1.42857; | ||
+ | } | ||
+ | |||
+ | .modal-body { | ||
+ | position: relative; | ||
+ | padding: 15px; | ||
+ | } | ||
+ | |||
+ | .modal-footer { | ||
+ | padding: 15px; | ||
+ | text-align: right; | ||
+ | border-top: 1px solid #e5e5e5; | ||
+ | } | ||
+ | .modal-footer:before, .modal-footer:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .modal-footer:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | .modal-footer .btn + .btn { | ||
+ | margin-left: 5px; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | .modal-footer .btn-group .btn + .btn { | ||
+ | margin-left: -1px; | ||
+ | } | ||
+ | .modal-footer .btn-block + .btn-block { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .modal-scrollbar-measure { | ||
+ | position: absolute; | ||
+ | top: -9999px; | ||
+ | width: 50px; | ||
+ | height: 50px; | ||
+ | overflow: scroll; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 768px) { | ||
+ | .modal-dialog { | ||
+ | width: 600px; | ||
+ | margin: 30px auto; | ||
+ | } | ||
+ | |||
+ | .modal-content { | ||
+ | -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); | ||
+ | box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); | ||
+ | } | ||
+ | |||
+ | .modal-sm { | ||
+ | width: 300px; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 992px) { | ||
+ | .modal-lg { | ||
+ | width: 900px; | ||
+ | } | ||
+ | } | ||
+ | .tooltip { | ||
+ | position: absolute; | ||
+ | z-index: 1070; | ||
+ | display: block; | ||
+ | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | letter-spacing: normal; | ||
+ | line-break: auto; | ||
+ | line-height: 1.42857; | ||
+ | text-align: left; | ||
+ | text-align: start; | ||
+ | text-decoration: none; | ||
+ | text-shadow: none; | ||
+ | text-transform: none; | ||
+ | white-space: normal; | ||
+ | word-break: normal; | ||
+ | word-spacing: normal; | ||
+ | word-wrap: normal; | ||
+ | font-size: 12px; | ||
+ | opacity: 0; | ||
+ | filter: alpha(opacity=0); | ||
+ | } | ||
+ | .tooltip.in { | ||
+ | opacity: 0.9; | ||
+ | filter: alpha(opacity=90); | ||
+ | } | ||
+ | .tooltip.top { | ||
+ | margin-top: -3px; | ||
+ | padding: 5px 0; | ||
+ | } | ||
+ | .tooltip.right { | ||
+ | margin-left: 3px; | ||
+ | padding: 0 5px; | ||
+ | } | ||
+ | .tooltip.bottom { | ||
+ | margin-top: 3px; | ||
+ | padding: 5px 0; | ||
+ | } | ||
+ | .tooltip.left { | ||
+ | margin-left: -3px; | ||
+ | padding: 0 5px; | ||
+ | } | ||
+ | |||
+ | .tooltip-inner { | ||
+ | max-width: 200px; | ||
+ | padding: 3px 8px; | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | 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.top-left .tooltip-arrow { | ||
+ | bottom: 0; | ||
+ | right: 5px; | ||
+ | margin-bottom: -5px; | ||
+ | border-width: 5px 5px 0; | ||
+ | border-top-color: #000; | ||
+ | } | ||
+ | .tooltip.top-right .tooltip-arrow { | ||
+ | bottom: 0; | ||
+ | left: 5px; | ||
+ | margin-bottom: -5px; | ||
+ | border-width: 5px 5px 0; | ||
+ | border-top-color: #000; | ||
+ | } | ||
+ | .tooltip.right .tooltip-arrow { | ||
+ | top: 50%; | ||
+ | left: 0; | ||
+ | margin-top: -5px; | ||
+ | border-width: 5px 5px 5px 0; | ||
+ | border-right-color: #000; | ||
+ | } | ||
+ | .tooltip.left .tooltip-arrow { | ||
+ | top: 50%; | ||
+ | right: 0; | ||
+ | margin-top: -5px; | ||
+ | border-width: 5px 0 5px 5px; | ||
+ | border-left-color: #000; | ||
+ | } | ||
+ | .tooltip.bottom .tooltip-arrow { | ||
+ | top: 0; | ||
+ | left: 50%; | ||
+ | margin-left: -5px; | ||
+ | border-width: 0 5px 5px; | ||
+ | border-bottom-color: #000; | ||
+ | } | ||
+ | .tooltip.bottom-left .tooltip-arrow { | ||
+ | top: 0; | ||
+ | right: 5px; | ||
+ | margin-top: -5px; | ||
+ | border-width: 0 5px 5px; | ||
+ | border-bottom-color: #000; | ||
+ | } | ||
+ | .tooltip.bottom-right .tooltip-arrow { | ||
+ | top: 0; | ||
+ | left: 5px; | ||
+ | margin-top: -5px; | ||
+ | border-width: 0 5px 5px; | ||
+ | border-bottom-color: #000; | ||
+ | } | ||
+ | |||
+ | .popover { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | z-index: 1060; | ||
+ | display: none; | ||
+ | max-width: 276px; | ||
+ | padding: 1px; | ||
+ | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | letter-spacing: normal; | ||
+ | line-break: auto; | ||
+ | line-height: 1.42857; | ||
+ | text-align: left; | ||
+ | text-align: start; | ||
+ | text-decoration: none; | ||
+ | text-shadow: none; | ||
+ | text-transform: none; | ||
+ | white-space: normal; | ||
+ | word-break: normal; | ||
+ | word-spacing: normal; | ||
+ | word-wrap: normal; | ||
+ | font-size: 14px; | ||
+ | background-color: #fff; | ||
+ | background-clip: padding-box; | ||
+ | border: 1px solid #ccc; | ||
+ | border: 1px solid rgba(0, 0, 0, 0.2); | ||
+ | border-radius: 6px; | ||
+ | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
+ | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
+ | } | ||
+ | .popover.top { | ||
+ | margin-top: -10px; | ||
+ | } | ||
+ | .popover.right { | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | .popover.bottom { | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | .popover.left { | ||
+ | margin-left: -10px; | ||
+ | } | ||
+ | |||
+ | .popover-title { | ||
+ | margin: 0; | ||
+ | padding: 8px 14px; | ||
+ | font-size: 14px; | ||
+ | background-color: #f7f7f7; | ||
+ | border-bottom: 1px solid #ebebeb; | ||
+ | border-radius: 5px 5px 0 0; | ||
+ | } | ||
+ | |||
+ | .popover-content { | ||
+ | padding: 9px 14px; | ||
+ | } | ||
+ | |||
+ | .popover > .arrow, .popover > .arrow:after { | ||
+ | position: absolute; | ||
+ | display: block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-color: transparent; | ||
+ | border-style: solid; | ||
+ | } | ||
+ | |||
+ | .popover > .arrow { | ||
+ | border-width: 11px; | ||
+ | } | ||
+ | |||
+ | .popover > .arrow:after { | ||
+ | border-width: 10px; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .popover.top > .arrow { | ||
+ | left: 50%; | ||
+ | margin-left: -11px; | ||
+ | border-bottom-width: 0; | ||
+ | border-top-color: #999999; | ||
+ | border-top-color: rgba(0, 0, 0, 0.25); | ||
+ | bottom: -11px; | ||
+ | } | ||
+ | .popover.top > .arrow:after { | ||
+ | content: " "; | ||
+ | bottom: 1px; | ||
+ | margin-left: -10px; | ||
+ | border-bottom-width: 0; | ||
+ | border-top-color: #fff; | ||
+ | } | ||
+ | .popover.right > .arrow { | ||
+ | top: 50%; | ||
+ | left: -11px; | ||
+ | margin-top: -11px; | ||
+ | border-left-width: 0; | ||
+ | border-right-color: #999999; | ||
+ | border-right-color: rgba(0, 0, 0, 0.25); | ||
+ | } | ||
+ | .popover.right > .arrow:after { | ||
+ | content: " "; | ||
+ | left: 1px; | ||
+ | bottom: -10px; | ||
+ | border-left-width: 0; | ||
+ | border-right-color: #fff; | ||
+ | } | ||
+ | .popover.bottom > .arrow { | ||
+ | left: 50%; | ||
+ | margin-left: -11px; | ||
+ | border-top-width: 0; | ||
+ | border-bottom-color: #999999; | ||
+ | border-bottom-color: rgba(0, 0, 0, 0.25); | ||
+ | top: -11px; | ||
+ | } | ||
+ | .popover.bottom > .arrow:after { | ||
+ | content: " "; | ||
+ | top: 1px; | ||
+ | margin-left: -10px; | ||
+ | border-top-width: 0; | ||
+ | border-bottom-color: #fff; | ||
+ | } | ||
+ | .popover.left > .arrow { | ||
+ | top: 50%; | ||
+ | right: -11px; | ||
+ | margin-top: -11px; | ||
+ | border-right-width: 0; | ||
+ | border-left-color: #999999; | ||
+ | border-left-color: rgba(0, 0, 0, 0.25); | ||
+ | } | ||
+ | .popover.left > .arrow:after { | ||
+ | content: " "; | ||
+ | right: 1px; | ||
+ | border-right-width: 0; | ||
+ | border-left-color: #fff; | ||
+ | bottom: -10px; | ||
+ | } | ||
+ | |||
+ | .carousel { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .carousel-inner { | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .carousel-inner > .item { | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | -webkit-transition: 0.6s ease-in-out left; | ||
+ | -o-transition: 0.6s ease-in-out left; | ||
+ | transition: 0.6s ease-in-out left; | ||
+ | } | ||
+ | .carousel-inner > .item > img, | ||
+ | .carousel-inner > .item > a > img { | ||
+ | display: block; | ||
+ | max-width: 100%; | ||
+ | height: auto; | ||
+ | line-height: 1; | ||
+ | } | ||
+ | @media all and (transform-3d), (-webkit-transform-3d) { | ||
+ | .carousel-inner > .item { | ||
+ | -webkit-transition: -webkit-transform 0.6s ease-in-out; | ||
+ | -moz-transition: -moz-transform 0.6s ease-in-out; | ||
+ | -o-transition: -o-transform 0.6s ease-in-out; | ||
+ | transition: transform 0.6s ease-in-out; | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | -moz-backface-visibility: hidden; | ||
+ | backface-visibility: hidden; | ||
+ | -webkit-perspective: 1000px; | ||
+ | -moz-perspective: 1000px; | ||
+ | perspective: 1000px; | ||
+ | } | ||
+ | .carousel-inner > .item.next, .carousel-inner > .item.active.right { | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | left: 0; | ||
+ | } | ||
+ | .carousel-inner > .item.prev, .carousel-inner > .item.active.left { | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | left: 0; | ||
+ | } | ||
+ | .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | left: 0; | ||
+ | } | ||
+ | } | ||
+ | .carousel-inner > .active, | ||
+ | .carousel-inner > .next, | ||
+ | .carousel-inner > .prev { | ||
+ | display: block; | ||
+ | } | ||
+ | .carousel-inner > .active { | ||
+ | left: 0; | ||
+ | } | ||
+ | .carousel-inner > .next, | ||
+ | .carousel-inner > .prev { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .carousel-inner > .next { | ||
+ | left: 100%; | ||
+ | } | ||
+ | .carousel-inner > .prev { | ||
+ | left: -100%; | ||
+ | } | ||
+ | .carousel-inner > .next.left, | ||
+ | .carousel-inner > .prev.right { | ||
+ | left: 0; | ||
+ | } | ||
+ | .carousel-inner > .active.left { | ||
+ | left: -100%; | ||
+ | } | ||
+ | .carousel-inner > .active.right { | ||
+ | left: 100%; | ||
+ | } | ||
+ | |||
+ | .carousel-control { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | bottom: 0; | ||
+ | width: 15%; | ||
+ | opacity: 0.5; | ||
+ | filter: alpha(opacity=50); | ||
+ | font-size: 20px; | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | ||
+ | } | ||
+ | .carousel-control.left { | ||
+ | background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); | ||
+ | background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); | ||
+ | background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); | ||
+ | background-repeat: repeat-x; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); | ||
+ | } | ||
+ | .carousel-control.right { | ||
+ | left: auto; | ||
+ | right: 0; | ||
+ | background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); | ||
+ | background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); | ||
+ | background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); | ||
+ | background-repeat: repeat-x; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); | ||
+ | } | ||
+ | .carousel-control:hover, .carousel-control:focus { | ||
+ | outline: 0; | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | opacity: 0.9; | ||
+ | filter: alpha(opacity=90); | ||
+ | } | ||
+ | .carousel-control .icon-prev, | ||
+ | .carousel-control .icon-next, | ||
+ | .carousel-control .glyphicon-chevron-left, | ||
+ | .carousel-control .glyphicon-chevron-right { | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | margin-top: -10px; | ||
+ | z-index: 5; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .carousel-control .icon-prev, | ||
+ | .carousel-control .glyphicon-chevron-left { | ||
+ | left: 50%; | ||
+ | margin-left: -10px; | ||
+ | } | ||
+ | .carousel-control .icon-next, | ||
+ | .carousel-control .glyphicon-chevron-right { | ||
+ | right: 50%; | ||
+ | margin-right: -10px; | ||
+ | } | ||
+ | .carousel-control .icon-prev, | ||
+ | .carousel-control .icon-next { | ||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | line-height: 1; | ||
+ | font-family: serif; | ||
+ | } | ||
+ | .carousel-control .icon-prev:before { | ||
+ | content: '\2039'; | ||
+ | } | ||
+ | .carousel-control .icon-next:before { | ||
+ | content: '\203a'; | ||
+ | } | ||
+ | |||
+ | .carousel-indicators { | ||
+ | position: absolute; | ||
+ | bottom: 10px; | ||
+ | left: 50%; | ||
+ | z-index: 15; | ||
+ | width: 60%; | ||
+ | margin-left: -30%; | ||
+ | padding-left: 0; | ||
+ | list-style: none; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .carousel-indicators li { | ||
+ | display: inline-block; | ||
+ | width: 10px; | ||
+ | height: 10px; | ||
+ | margin: 1px; | ||
+ | text-indent: -999px; | ||
+ | border: 1px solid #fff; | ||
+ | border-radius: 10px; | ||
+ | cursor: pointer; | ||
+ | background-color: #000 \9; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .carousel-indicators .active { | ||
+ | margin: 0; | ||
+ | width: 12px; | ||
+ | height: 12px; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | .carousel-caption { | ||
+ | position: absolute; | ||
+ | left: 15%; | ||
+ | right: 15%; | ||
+ | bottom: 20px; | ||
+ | z-index: 10; | ||
+ | padding-top: 20px; | ||
+ | padding-bottom: 20px; | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | ||
+ | } | ||
+ | .carousel-caption .btn { | ||
+ | text-shadow: none; | ||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 768px) { | ||
+ | .carousel-control .glyphicon-chevron-left, | ||
+ | .carousel-control .glyphicon-chevron-right, | ||
+ | .carousel-control .icon-prev, | ||
+ | .carousel-control .icon-next { | ||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | margin-top: -15px; | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | .carousel-control .glyphicon-chevron-left, | ||
+ | .carousel-control .icon-prev { | ||
+ | margin-left: -15px; | ||
+ | } | ||
+ | .carousel-control .glyphicon-chevron-right, | ||
+ | .carousel-control .icon-next { | ||
+ | margin-right: -15px; | ||
+ | } | ||
+ | |||
+ | .carousel-caption { | ||
+ | left: 20%; | ||
+ | right: 20%; | ||
+ | padding-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | .carousel-indicators { | ||
+ | bottom: 20px; | ||
+ | } | ||
+ | } | ||
+ | .clearfix:before, .clearfix:after { | ||
+ | content: " "; | ||
+ | display: table; | ||
+ | } | ||
+ | .clearfix:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .center-block { | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | .pull-right { | ||
+ | float: right !important; | ||
+ | } | ||
+ | |||
+ | .pull-left { | ||
+ | float: left !important; | ||
+ | } | ||
+ | |||
+ | .hide { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .show { | ||
+ | display: block !important; | ||
+ | } | ||
+ | |||
+ | .invisible { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .text-hide { | ||
+ | font: 0/0 a; | ||
+ | color: transparent; | ||
+ | text-shadow: none; | ||
+ | background-color: transparent; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .hidden { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .affix { | ||
+ | position: fixed; | ||
+ | } | ||
+ | |||
+ | @-ms-viewport { | ||
+ | width: device-width; | ||
+ | } | ||
+ | .visible-xs { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .visible-sm { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .visible-md { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .visible-lg { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .visible-xs-block, | ||
+ | .visible-xs-inline, | ||
+ | .visible-xs-inline-block, | ||
+ | .visible-sm-block, | ||
+ | .visible-sm-inline, | ||
+ | .visible-sm-inline-block, | ||
+ | .visible-md-block, | ||
+ | .visible-md-inline, | ||
+ | .visible-md-inline-block, | ||
+ | .visible-lg-block, | ||
+ | .visible-lg-inline, | ||
+ | .visible-lg-inline-block { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 767px) { | ||
+ | .visible-xs { | ||
+ | display: block !important; | ||
+ | } | ||
+ | |||
+ | table.visible-xs { | ||
+ | display: table !important; | ||
+ | } | ||
+ | |||
+ | tr.visible-xs { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | |||
+ | th.visible-xs, | ||
+ | td.visible-xs { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .visible-xs-block { | ||
+ | display: block !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 767px) { | ||
+ | .visible-xs-inline { | ||
+ | display: inline !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 767px) { | ||
+ | .visible-xs-inline-block { | ||
+ | display: inline-block !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 768px) and (max-width: 991px) { | ||
+ | .visible-sm { | ||
+ | display: block !important; | ||
+ | } | ||
+ | |||
+ | table.visible-sm { | ||
+ | display: table !important; | ||
+ | } | ||
+ | |||
+ | tr.visible-sm { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | |||
+ | th.visible-sm, | ||
+ | td.visible-sm { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) and (max-width: 991px) { | ||
+ | .visible-sm-block { | ||
+ | display: block !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 768px) and (max-width: 991px) { | ||
+ | .visible-sm-inline { | ||
+ | display: inline !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 768px) and (max-width: 991px) { | ||
+ | .visible-sm-inline-block { | ||
+ | display: inline-block !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 992px) and (max-width: 1199px) { | ||
+ | .visible-md { | ||
+ | display: block !important; | ||
+ | } | ||
+ | |||
+ | table.visible-md { | ||
+ | display: table !important; | ||
+ | } | ||
+ | |||
+ | tr.visible-md { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | |||
+ | th.visible-md, | ||
+ | td.visible-md { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 992px) and (max-width: 1199px) { | ||
+ | .visible-md-block { | ||
+ | display: block !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 992px) and (max-width: 1199px) { | ||
+ | .visible-md-inline { | ||
+ | display: inline !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 992px) and (max-width: 1199px) { | ||
+ | .visible-md-inline-block { | ||
+ | display: inline-block !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 1200px) { | ||
+ | .visible-lg { | ||
+ | display: block !important; | ||
+ | } | ||
+ | |||
+ | table.visible-lg { | ||
+ | display: table !important; | ||
+ | } | ||
+ | |||
+ | tr.visible-lg { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | |||
+ | th.visible-lg, | ||
+ | td.visible-lg { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 1200px) { | ||
+ | .visible-lg-block { | ||
+ | display: block !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 1200px) { | ||
+ | .visible-lg-inline { | ||
+ | display: inline !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 1200px) { | ||
+ | .visible-lg-inline-block { | ||
+ | display: inline-block !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 767px) { | ||
+ | .hidden-xs { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) and (max-width: 991px) { | ||
+ | .hidden-sm { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 992px) and (max-width: 1199px) { | ||
+ | .hidden-md { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 1200px) { | ||
+ | .hidden-lg { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | .visible-print { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | @media print { | ||
+ | .visible-print { | ||
+ | display: block !important; | ||
+ | } | ||
+ | |||
+ | table.visible-print { | ||
+ | display: table !important; | ||
+ | } | ||
+ | |||
+ | tr.visible-print { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | |||
+ | th.visible-print, | ||
+ | td.visible-print { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | .visible-print-block { | ||
+ | display: none !important; | ||
+ | } | ||
+ | @media print { | ||
+ | .visible-print-block { | ||
+ | display: block !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .visible-print-inline { | ||
+ | display: none !important; | ||
+ | } | ||
+ | @media print { | ||
+ | .visible-print-inline { | ||
+ | display: inline !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .visible-print-inline-block { | ||
+ | display: none !important; | ||
+ | } | ||
+ | @media print { | ||
+ | .visible-print-inline-block { | ||
+ | display: inline-block !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media print { | ||
+ | .hidden-print { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /*# sourceMappingURL=bootstrap.css.map */ | ||
+ | |||
+ | |||
+ | /* | ||
+ | * jQuery FlexSlider v2.6.0 | ||
+ | * http://www.woothemes.com/flexslider/ | ||
+ | * | ||
+ | * Copyright 2012 WooThemes | ||
+ | * Free to use under the GPLv2 and later license. | ||
+ | * http://www.gnu.org/licenses/gpl-2.0.html | ||
+ | * | ||
+ | * Contributing author: Tyler Smith (@mbmufffin) | ||
+ | * | ||
+ | */ | ||
+ | /* ==================================================================================================================== | ||
+ | * FONT-FACE | ||
+ | * ====================================================================================================================*/ | ||
+ | |||
+ | /* ==================================================================================================================== | ||
+ | * RESETS | ||
+ | * ====================================================================================================================*/ | ||
+ | .flex-container a:hover, | ||
+ | .flex-slider a:hover { | ||
outline: none; | outline: none; | ||
+ | } | ||
+ | .slides, | ||
+ | .slides > li, | ||
+ | .flex-control-nav, | ||
+ | .flex-direction-nav { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .flex-pauseplay span { | ||
+ | text-transform: capitalize; | ||
+ | } | ||
+ | /* ==================================================================================================================== | ||
+ | * BASE STYLES | ||
+ | * ====================================================================================================================*/ | ||
+ | .flexslider { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .flexslider .slides > li { | ||
+ | display: none; | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | } | ||
+ | .flexslider .slides img { | ||
+ | width: 100%; | ||
+ | display: block; | ||
+ | } | ||
+ | .flexslider .slides:after { | ||
+ | /*content: "\0020";*/ | ||
+ | display: block; | ||
+ | clear: both; | ||
+ | visibility: hidden; | ||
+ | line-height: 0; | ||
+ | height: 0; | ||
+ | } | ||
+ | html[xmlns] .flexslider .slides { | ||
+ | display: block; | ||
+ | } | ||
+ | * html .flexslider .slides { | ||
+ | height: 1%; | ||
+ | } | ||
+ | .no-js .flexslider .slides > li:first-child { | ||
+ | display: block; | ||
+ | } | ||
+ | /* ==================================================================================================================== | ||
+ | * DEFAULT THEME | ||
+ | * ====================================================================================================================*/ | ||
+ | .flexslider { | ||
+ | margin: 0 0 60px; | ||
+ | background: #ffffff; | ||
+ | border: 4px solid #ffffff; | ||
+ | position: relative; | ||
+ | zoom: 1; | ||
+ | -webkit-border-radius: 4px; | ||
+ | -moz-border-radius: 4px; | ||
+ | border-radius: 4px; | ||
+ | -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); | ||
+ | -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); | ||
+ | -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); | ||
+ | box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); | ||
+ | } | ||
+ | .flexslider .slides { | ||
+ | zoom: 1; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .flexslider .slides img { | ||
+ | height: auto; | ||
+ | -moz-user-select: none; | ||
+ | } | ||
+ | .flex-viewport { | ||
+ | max-height: 2000px; | ||
+ | -webkit-transition: all 1s ease; | ||
+ | -moz-transition: all 1s ease; | ||
+ | -ms-transition: all 1s ease; | ||
+ | -o-transition: all 1s ease; | ||
+ | transition: all 1s ease; | ||
+ | } | ||
+ | .loading .flex-viewport { | ||
+ | max-height: 300px; | ||
+ | } | ||
+ | .carousel li { | ||
+ | margin-right: 5px; | ||
+ | } | ||
+ | .flex-direction-nav { | ||
+ | *height: 0; | ||
+ | } | ||
+ | .flex-direction-nav a { | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | width: 40px; | ||
+ | height: 40px; | ||
+ | margin: -20px 0 0; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | z-index: 10; | ||
+ | overflow: hidden; | ||
+ | opacity: 0; | ||
+ | cursor: pointer; | ||
+ | color: rgba(0, 0, 0, 0.8); | ||
+ | text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); | ||
+ | -webkit-transition: all 0.3s ease-in-out; | ||
+ | -moz-transition: all 0.3s ease-in-out; | ||
+ | -ms-transition: all 0.3s ease-in-out; | ||
+ | -o-transition: all 0.3s ease-in-out; | ||
+ | transition: all 0.3s ease-in-out; | ||
+ | } | ||
+ | .flex-direction-nav a:before { | ||
+ | font-family: "flexslider-icon"; | ||
+ | font-size: 40px; | ||
+ | display: inline-block; | ||
+ | content: '\f001'; | ||
+ | color: rgba(0, 0, 0, 0.8); | ||
+ | text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); | ||
+ | } | ||
+ | .flex-direction-nav a.flex-next:before { | ||
+ | content: '\f002'; | ||
+ | } | ||
+ | .flex-direction-nav .flex-prev { | ||
+ | left: -50px; | ||
+ | } | ||
+ | .flex-direction-nav .flex-next { | ||
+ | right: -50px; | ||
+ | text-align: right; | ||
+ | } | ||
+ | .flexslider:hover .flex-direction-nav .flex-prev { | ||
+ | opacity: 0.7; | ||
+ | left: 10px; | ||
+ | } | ||
+ | .flexslider:hover .flex-direction-nav .flex-prev:hover { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .flexslider:hover .flex-direction-nav .flex-next { | ||
+ | opacity: 0.7; | ||
+ | right: 10px; | ||
+ | } | ||
+ | .flexslider:hover .flex-direction-nav .flex-next:hover { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .flex-direction-nav .flex-disabled { | ||
+ | opacity: 0!important; | ||
+ | filter: alpha(opacity=0); | ||
+ | cursor: default; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | .flex-pauseplay a { | ||
+ | display: block; | ||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | position: absolute; | ||
+ | bottom: 5px; | ||
+ | left: 10px; | ||
+ | opacity: 0.8; | ||
+ | z-index: 10; | ||
+ | overflow: hidden; | ||
+ | cursor: pointer; | ||
+ | color: #000; | ||
+ | } | ||
+ | .flex-pauseplay a:before { | ||
+ | font-family: "flexslider-icon"; | ||
+ | font-size: 20px; | ||
+ | display: inline-block; | ||
+ | content: '\f004'; | ||
+ | } | ||
+ | .flex-pauseplay a:hover { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .flex-pauseplay a.flex-play:before { | ||
+ | content: '\f003'; | ||
+ | } | ||
+ | .flex-control-nav { | ||
+ | width: 100%; | ||
+ | position: absolute; | ||
+ | bottom: -40px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .flex-control-nav li { | ||
+ | margin: 0 6px; | ||
+ | display: inline-block; | ||
+ | zoom: 1; | ||
+ | *display: inline; | ||
+ | } | ||
+ | .flex-control-paging li a { | ||
+ | width: 11px; | ||
+ | height: 11px; | ||
+ | display: block; | ||
+ | background: #666; | ||
+ | background: rgba(0, 0, 0, 0.5); | ||
+ | cursor: pointer; | ||
+ | text-indent: -9999px; | ||
+ | -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); | ||
+ | -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); | ||
+ | -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); | ||
+ | box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); | ||
+ | -webkit-border-radius: 20px; | ||
+ | -moz-border-radius: 20px; | ||
+ | border-radius: 20px; | ||
+ | } | ||
+ | .flex-control-paging li a:hover { | ||
+ | background: #333; | ||
+ | background: rgba(0, 0, 0, 0.7); | ||
+ | } | ||
+ | .flex-control-paging li a.flex-active { | ||
+ | background: #000; | ||
+ | background: rgba(0, 0, 0, 0.9); | ||
+ | cursor: default; | ||
+ | } | ||
+ | .flex-control-thumbs { | ||
+ | margin: 5px 0 0; | ||
+ | position: static; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .flex-control-thumbs li { | ||
+ | width: 25%; | ||
+ | float: left; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .flex-control-thumbs img { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | display: block; | ||
+ | opacity: .7; | ||
+ | cursor: pointer; | ||
+ | -moz-user-select: none; | ||
+ | -webkit-transition: all 1s ease; | ||
+ | -moz-transition: all 1s ease; | ||
+ | -ms-transition: all 1s ease; | ||
+ | -o-transition: all 1s ease; | ||
+ | transition: all 1s ease; | ||
+ | } | ||
+ | .flex-control-thumbs img:hover { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .flex-control-thumbs .flex-active { | ||
+ | opacity: 1; | ||
+ | cursor: default; | ||
+ | } | ||
+ | /* ==================================================================================================================== | ||
+ | * RESPONSIVE | ||
+ | * ====================================================================================================================*/ | ||
+ | @media screen and (max-width: 860px) { | ||
+ | .flex-direction-nav .flex-prev { | ||
+ | opacity: 1; | ||
+ | left: 10px; | ||
+ | } | ||
+ | .flex-direction-nav .flex-next { | ||
+ | opacity: 1; | ||
+ | right: 10px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | width: 100% !important; | ||
+ | padding: 0 !important; | ||
+ | margin-left: 0 !important; | ||
+ | margin-right: 0 !important; | ||
+ | } | ||
+ | |||
+ | #sideMenu { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'icomoon'; | ||
+ | src: url('https://static.igem.org/mediawiki/2016/7/7a/T--UIUC_Illinois--icomoon.eot?srf3rx'); | ||
+ | src: url('https://static.igem.org/mediawiki/2016/7/7a/T--UIUC_Illinois--icomoon.eot?srf3rx#iefix') format('embedded-opentype'), | ||
+ | |||
+ | url('https://static.igem.org/mediawiki/2016/f/ff/T--UIUC_Illinois--icomoon.ttf?srf3rx') format('truetype'), | ||
+ | url('https://static.igem.org/mediawiki/2016/3/37/T--UIUC_Illinois--icomoon.woff?srf3rx') format('woff'), | ||
+ | url('https://static.igem.org/mediawiki/2016/d/dc/T--UIUC_Illinois--icomoon.svg?srf3rx#icomoon') format('svg'); | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | |||
+ | [class^="icon-"], [class*=" icon-"] { | ||
+ | /* use !important to prevent issues with browser extensions that change fonts */ | ||
+ | font-family: 'icomoon' !important; | ||
+ | speak: none; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-variant: normal; | ||
+ | text-transform: none; | ||
+ | line-height: 1; | ||
+ | |||
+ | /* Better Font Rendering =========== */ | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | } | ||
+ | |||
+ | .icon-glass:before { | ||
+ | content: "\f000"; | ||
+ | } | ||
+ | .icon-music:before { | ||
+ | content: "\f001"; | ||
+ | } | ||
+ | .icon-search:before { | ||
+ | content: "\f002"; | ||
+ | } | ||
+ | .icon-envelope-o:before { | ||
+ | content: "\f003"; | ||
+ | } | ||
+ | .icon-heart:before { | ||
+ | content: "\f004"; | ||
+ | } | ||
+ | .icon-star:before { | ||
+ | content: "\f005"; | ||
+ | } | ||
+ | .icon-star-o:before { | ||
+ | content: "\f006"; | ||
+ | } | ||
+ | .icon-user:before { | ||
+ | content: "\f007"; | ||
+ | } | ||
+ | .icon-film:before { | ||
+ | content: "\f008"; | ||
+ | } | ||
+ | .icon-th-large:before { | ||
+ | content: "\f009"; | ||
+ | } | ||
+ | .icon-th:before { | ||
+ | content: "\f00a"; | ||
+ | } | ||
+ | .icon-th-list:before { | ||
+ | content: "\f00b"; | ||
+ | } | ||
+ | .icon-check:before { | ||
+ | content: "\f00c"; | ||
+ | } | ||
+ | .icon-close:before { | ||
+ | content: "\f00d"; | ||
+ | } | ||
+ | .icon-remove:before { | ||
+ | content: "\f00d"; | ||
+ | } | ||
+ | .icon-times:before { | ||
+ | content: "\f00d"; | ||
+ | } | ||
+ | .icon-search-plus:before { | ||
+ | content: "\f00e"; | ||
+ | } | ||
+ | .icon-search-minus:before { | ||
+ | content: "\f010"; | ||
+ | } | ||
+ | .icon-power-off:before { | ||
+ | content: "\f011"; | ||
+ | } | ||
+ | .icon-signal:before { | ||
+ | content: "\f012"; | ||
+ | } | ||
+ | .icon-cog:before { | ||
+ | content: "\f013"; | ||
+ | } | ||
+ | .icon-gear:before { | ||
+ | content: "\f013"; | ||
+ | } | ||
+ | .icon-trash-o:before { | ||
+ | content: "\f014"; | ||
+ | } | ||
+ | .icon-home:before { | ||
+ | content: "\f015"; | ||
+ | } | ||
+ | .icon-file-o:before { | ||
+ | content: "\f016"; | ||
+ | } | ||
+ | .icon-clock-o:before { | ||
+ | content: "\f017"; | ||
+ | } | ||
+ | .icon-road:before { | ||
+ | content: "\f018"; | ||
+ | } | ||
+ | .icon-download:before { | ||
+ | content: "\f019"; | ||
+ | } | ||
+ | .icon-arrow-circle-o-down:before { | ||
+ | content: "\f01a"; | ||
+ | } | ||
+ | .icon-arrow-circle-o-up:before { | ||
+ | content: "\f01b"; | ||
+ | } | ||
+ | .icon-inbox:before { | ||
+ | content: "\f01c"; | ||
+ | } | ||
+ | .icon-play-circle-o:before { | ||
+ | content: "\f01d"; | ||
+ | } | ||
+ | .icon-repeat:before { | ||
+ | content: "\f01e"; | ||
+ | } | ||
+ | .icon-rotate-right:before { | ||
+ | content: "\f01e"; | ||
+ | } | ||
+ | .icon-refresh:before { | ||
+ | content: "\f021"; | ||
+ | } | ||
+ | .icon-list-alt:before { | ||
+ | content: "\f022"; | ||
+ | } | ||
+ | .icon-lock:before { | ||
+ | content: "\f023"; | ||
+ | } | ||
+ | .icon-flag:before { | ||
+ | content: "\f024"; | ||
+ | } | ||
+ | .icon-headphones:before { | ||
+ | content: "\f025"; | ||
+ | } | ||
+ | .icon-volume-off:before { | ||
+ | content: "\f026"; | ||
+ | } | ||
+ | .icon-volume-down:before { | ||
+ | content: "\f027"; | ||
+ | } | ||
+ | .icon-volume-up:before { | ||
+ | content: "\f028"; | ||
+ | } | ||
+ | .icon-qrcode:before { | ||
+ | content: "\f029"; | ||
+ | } | ||
+ | .icon-barcode:before { | ||
+ | content: "\f02a"; | ||
+ | } | ||
+ | .icon-tag:before { | ||
+ | content: "\f02b"; | ||
+ | } | ||
+ | .icon-tags:before { | ||
+ | content: "\f02c"; | ||
+ | } | ||
+ | .icon-book:before { | ||
+ | content: "\f02d"; | ||
+ | } | ||
+ | .icon-bookmark:before { | ||
+ | content: "\f02e"; | ||
+ | } | ||
+ | .icon-print:before { | ||
+ | content: "\f02f"; | ||
+ | } | ||
+ | .icon-camera:before { | ||
+ | content: "\f030"; | ||
+ | } | ||
+ | .icon-font:before { | ||
+ | content: "\f031"; | ||
+ | } | ||
+ | .icon-bold:before { | ||
+ | content: "\f032"; | ||
+ | } | ||
+ | .icon-italic:before { | ||
+ | content: "\f033"; | ||
+ | } | ||
+ | .icon-text-height:before { | ||
+ | content: "\f034"; | ||
+ | } | ||
+ | .icon-text-width:before { | ||
+ | content: "\f035"; | ||
+ | } | ||
+ | .icon-align-left:before { | ||
+ | content: "\f036"; | ||
+ | } | ||
+ | .icon-align-center:before { | ||
+ | content: "\f037"; | ||
+ | } | ||
+ | .icon-align-right:before { | ||
+ | content: "\f038"; | ||
+ | } | ||
+ | .icon-align-justify:before { | ||
+ | content: "\f039"; | ||
+ | } | ||
+ | .icon-list:before { | ||
+ | content: "\f03a"; | ||
+ | } | ||
+ | .icon-dedent:before { | ||
+ | content: "\f03b"; | ||
+ | } | ||
+ | .icon-outdent:before { | ||
+ | content: "\f03b"; | ||
+ | } | ||
+ | .icon-indent:before { | ||
+ | content: "\f03c"; | ||
+ | } | ||
+ | .icon-video-camera:before { | ||
+ | content: "\f03d"; | ||
+ | } | ||
+ | .icon-image:before { | ||
+ | content: "\f03e"; | ||
+ | } | ||
+ | .icon-photo:before { | ||
+ | content: "\f03e"; | ||
+ | } | ||
+ | .icon-picture-o:before { | ||
+ | content: "\f03e"; | ||
+ | } | ||
+ | .icon-pencil:before { | ||
+ | content: "\f040"; | ||
+ | } | ||
+ | .icon-map-marker:before { | ||
+ | content: "\f041"; | ||
+ | } | ||
+ | .icon-adjust:before { | ||
+ | content: "\f042"; | ||
+ | } | ||
+ | .icon-tint:before { | ||
+ | content: "\f043"; | ||
+ | } | ||
+ | .icon-edit:before { | ||
+ | content: "\f044"; | ||
+ | } | ||
+ | .icon-pencil-square-o:before { | ||
+ | content: "\f044"; | ||
+ | } | ||
+ | .icon-share-square-o:before { | ||
+ | content: "\f045"; | ||
+ | } | ||
+ | .icon-check-square-o:before { | ||
+ | content: "\f046"; | ||
+ | } | ||
+ | .icon-arrows:before { | ||
+ | content: "\f047"; | ||
+ | } | ||
+ | .icon-step-backward:before { | ||
+ | content: "\f048"; | ||
+ | } | ||
+ | .icon-fast-backward:before { | ||
+ | content: "\f049"; | ||
+ | } | ||
+ | .icon-backward:before { | ||
+ | content: "\f04a"; | ||
+ | } | ||
+ | .icon-play:before { | ||
+ | content: "\f04b"; | ||
+ | } | ||
+ | .icon-pause:before { | ||
+ | content: "\f04c"; | ||
+ | } | ||
+ | .icon-stop:before { | ||
+ | content: "\f04d"; | ||
+ | } | ||
+ | .icon-forward:before { | ||
+ | content: "\f04e"; | ||
+ | } | ||
+ | .icon-fast-forward:before { | ||
+ | content: "\f050"; | ||
+ | } | ||
+ | .icon-step-forward:before { | ||
+ | content: "\f051"; | ||
+ | } | ||
+ | .icon-eject:before { | ||
+ | content: "\f052"; | ||
+ | } | ||
+ | .icon-chevron-left:before { | ||
+ | content: "\f053"; | ||
+ | } | ||
+ | .icon-chevron-right:before { | ||
+ | content: "\f054"; | ||
+ | } | ||
+ | .icon-plus-circle:before { | ||
+ | content: "\f055"; | ||
+ | } | ||
+ | .icon-minus-circle:before { | ||
+ | content: "\f056"; | ||
+ | } | ||
+ | .icon-times-circle:before { | ||
+ | content: "\f057"; | ||
+ | } | ||
+ | .icon-check-circle:before { | ||
+ | content: "\f058"; | ||
+ | } | ||
+ | .icon-question-circle:before { | ||
+ | content: "\f059"; | ||
+ | } | ||
+ | .icon-info-circle:before { | ||
+ | content: "\f05a"; | ||
+ | } | ||
+ | .icon-crosshairs:before { | ||
+ | content: "\f05b"; | ||
+ | } | ||
+ | .icon-times-circle-o:before { | ||
+ | content: "\f05c"; | ||
+ | } | ||
+ | .icon-check-circle-o:before { | ||
+ | content: "\f05d"; | ||
+ | } | ||
+ | .icon-ban:before { | ||
+ | content: "\f05e"; | ||
+ | } | ||
+ | .icon-arrow-left:before { | ||
+ | content: "\f060"; | ||
+ | } | ||
+ | .icon-arrow-right:before { | ||
+ | content: "\f061"; | ||
+ | } | ||
+ | .icon-arrow-up:before { | ||
+ | content: "\f062"; | ||
+ | } | ||
+ | .icon-arrow-down:before { | ||
+ | content: "\f063"; | ||
+ | } | ||
+ | .icon-mail-forward:before { | ||
+ | content: "\f064"; | ||
+ | } | ||
+ | .icon-share:before { | ||
+ | content: "\f064"; | ||
+ | } | ||
+ | .icon-expand:before { | ||
+ | content: "\f065"; | ||
+ | } | ||
+ | .icon-compress:before { | ||
+ | content: "\f066"; | ||
+ | } | ||
+ | .icon-plus:before { | ||
+ | content: "\f067"; | ||
+ | } | ||
+ | .icon-minus:before { | ||
+ | content: "\f068"; | ||
+ | } | ||
+ | .icon-asterisk:before { | ||
+ | content: "\f069"; | ||
+ | } | ||
+ | .icon-exclamation-circle:before { | ||
+ | content: "\f06a"; | ||
+ | } | ||
+ | .icon-gift:before { | ||
+ | content: "\f06b"; | ||
+ | } | ||
+ | .icon-leaf:before { | ||
+ | content: "\f06c"; | ||
+ | } | ||
+ | .icon-fire:before { | ||
+ | content: "\f06d"; | ||
+ | } | ||
+ | .icon-eye:before { | ||
+ | content: "\f06e"; | ||
+ | } | ||
+ | .icon-eye-slash:before { | ||
+ | content: "\f070"; | ||
+ | } | ||
+ | .icon-exclamation-triangle:before { | ||
+ | content: "\f071"; | ||
+ | } | ||
+ | .icon-warning:before { | ||
+ | content: "\f071"; | ||
+ | } | ||
+ | .icon-plane:before { | ||
+ | content: "\f072"; | ||
+ | } | ||
+ | .icon-calendar:before { | ||
+ | content: "\f073"; | ||
+ | } | ||
+ | .icon-random:before { | ||
+ | content: "\f074"; | ||
+ | } | ||
+ | .icon-comment:before { | ||
+ | content: "\f075"; | ||
+ | } | ||
+ | .icon-magnet:before { | ||
+ | content: "\f076"; | ||
+ | } | ||
+ | .icon-chevron-up:before { | ||
+ | content: "\f077"; | ||
+ | } | ||
+ | .icon-chevron-down:before { | ||
+ | content: "\f078"; | ||
+ | } | ||
+ | .icon-retweet:before { | ||
+ | content: "\f079"; | ||
+ | } | ||
+ | .icon-shopping-cart:before { | ||
+ | content: "\f07a"; | ||
+ | } | ||
+ | .icon-folder:before { | ||
+ | content: "\f07b"; | ||
+ | } | ||
+ | .icon-folder-open:before { | ||
+ | content: "\f07c"; | ||
+ | } | ||
+ | .icon-arrows-v:before { | ||
+ | content: "\f07d"; | ||
+ | } | ||
+ | .icon-arrows-h:before { | ||
+ | content: "\f07e"; | ||
+ | } | ||
+ | .icon-bar-chart:before { | ||
+ | content: "\f080"; | ||
+ | } | ||
+ | .icon-bar-chart-o:before { | ||
+ | content: "\f080"; | ||
+ | } | ||
+ | .icon-twitter-square:before { | ||
+ | content: "\f081"; | ||
+ | } | ||
+ | .icon-facebook-square:before { | ||
+ | content: "\f082"; | ||
+ | } | ||
+ | .icon-camera-retro:before { | ||
+ | content: "\f083"; | ||
+ | } | ||
+ | .icon-key:before { | ||
+ | content: "\f084"; | ||
+ | } | ||
+ | .icon-cogs:before { | ||
+ | content: "\f085"; | ||
+ | } | ||
+ | .icon-gears:before { | ||
+ | content: "\f085"; | ||
+ | } | ||
+ | .icon-comments:before { | ||
+ | content: "\f086"; | ||
+ | } | ||
+ | .icon-thumbs-o-up:before { | ||
+ | content: "\f087"; | ||
+ | } | ||
+ | .icon-thumbs-o-down:before { | ||
+ | content: "\f088"; | ||
+ | } | ||
+ | .icon-star-half:before { | ||
+ | content: "\f089"; | ||
+ | } | ||
+ | .icon-heart-o:before { | ||
+ | content: "\f08a"; | ||
+ | } | ||
+ | .icon-sign-out:before { | ||
+ | content: "\f08b"; | ||
+ | } | ||
+ | .icon-linkedin-square:before { | ||
+ | content: "\f08c"; | ||
+ | } | ||
+ | .icon-thumb-tack:before { | ||
+ | content: "\f08d"; | ||
+ | } | ||
+ | .icon-external-link:before { | ||
+ | content: "\f08e"; | ||
+ | } | ||
+ | .icon-sign-in:before { | ||
+ | content: "\f090"; | ||
+ | } | ||
+ | .icon-trophy:before { | ||
+ | content: "\f091"; | ||
+ | } | ||
+ | .icon-github-square:before { | ||
+ | content: "\f092"; | ||
+ | } | ||
+ | .icon-upload:before { | ||
+ | content: "\f093"; | ||
+ | } | ||
+ | .icon-lemon-o:before { | ||
+ | content: "\f094"; | ||
+ | } | ||
+ | .icon-phone:before { | ||
+ | content: "\f095"; | ||
+ | } | ||
+ | .icon-square-o:before { | ||
+ | content: "\f096"; | ||
+ | } | ||
+ | .icon-bookmark-o:before { | ||
+ | content: "\f097"; | ||
+ | } | ||
+ | .icon-phone-square:before { | ||
+ | content: "\f098"; | ||
+ | } | ||
+ | .icon-twitter:before { | ||
+ | content: "\f099"; | ||
+ | } | ||
+ | .icon-facebook:before { | ||
+ | content: "\f09a"; | ||
+ | } | ||
+ | .icon-facebook-f:before { | ||
+ | content: "\f09a"; | ||
+ | } | ||
+ | .icon-github:before { | ||
+ | content: "\f09b"; | ||
+ | } | ||
+ | .icon-unlock:before { | ||
+ | content: "\f09c"; | ||
+ | } | ||
+ | .icon-credit-card:before { | ||
+ | content: "\f09d"; | ||
+ | } | ||
+ | .icon-feed:before { | ||
+ | content: "\f09e"; | ||
+ | } | ||
+ | .icon-rss:before { | ||
+ | content: "\f09e"; | ||
+ | } | ||
+ | .icon-hdd-o:before { | ||
+ | content: "\f0a0"; | ||
+ | } | ||
+ | .icon-bullhorn:before { | ||
+ | content: "\f0a1"; | ||
+ | } | ||
+ | .icon-bell-o:before { | ||
+ | content: "\f0a2"; | ||
+ | } | ||
+ | .icon-certificate:before { | ||
+ | content: "\f0a3"; | ||
+ | } | ||
+ | .icon-hand-o-right:before { | ||
+ | content: "\f0a4"; | ||
+ | } | ||
+ | .icon-hand-o-left:before { | ||
+ | content: "\f0a5"; | ||
+ | } | ||
+ | .icon-hand-o-up:before { | ||
+ | content: "\f0a6"; | ||
+ | } | ||
+ | .icon-hand-o-down:before { | ||
+ | content: "\f0a7"; | ||
+ | } | ||
+ | .icon-arrow-circle-left:before { | ||
+ | content: "\f0a8"; | ||
+ | } | ||
+ | .icon-arrow-circle-right:before { | ||
+ | content: "\f0a9"; | ||
+ | } | ||
+ | .icon-arrow-circle-up:before { | ||
+ | content: "\f0aa"; | ||
+ | } | ||
+ | .icon-arrow-circle-down:before { | ||
+ | content: "\f0ab"; | ||
+ | } | ||
+ | .icon-globe:before { | ||
+ | content: "\f0ac"; | ||
+ | } | ||
+ | .icon-wrench:before { | ||
+ | content: "\f0ad"; | ||
+ | } | ||
+ | .icon-tasks:before { | ||
+ | content: "\f0ae"; | ||
+ | } | ||
+ | .icon-filter:before { | ||
+ | content: "\f0b0"; | ||
+ | } | ||
+ | .icon-briefcase:before { | ||
+ | content: "\f0b1"; | ||
+ | } | ||
+ | .icon-arrows-alt:before { | ||
+ | content: "\f0b2"; | ||
+ | } | ||
+ | .icon-group:before { | ||
+ | content: "\f0c0"; | ||
+ | } | ||
+ | .icon-users:before { | ||
+ | content: "\f0c0"; | ||
+ | } | ||
+ | .icon-chain:before { | ||
+ | content: "\f0c1"; | ||
+ | } | ||
+ | .icon-link:before { | ||
+ | content: "\f0c1"; | ||
+ | } | ||
+ | .icon-cloud:before { | ||
+ | content: "\f0c2"; | ||
+ | } | ||
+ | .icon-flask:before { | ||
+ | content: "\f0c3"; | ||
+ | } | ||
+ | .icon-cut:before { | ||
+ | content: "\f0c4"; | ||
+ | } | ||
+ | .icon-scissors:before { | ||
+ | content: "\f0c4"; | ||
+ | } | ||
+ | .icon-copy:before { | ||
+ | content: "\f0c5"; | ||
+ | } | ||
+ | .icon-files-o:before { | ||
+ | content: "\f0c5"; | ||
+ | } | ||
+ | .icon-paperclip:before { | ||
+ | content: "\f0c6"; | ||
+ | } | ||
+ | .icon-floppy-o:before { | ||
+ | content: "\f0c7"; | ||
+ | } | ||
+ | .icon-save:before { | ||
+ | content: "\f0c7"; | ||
+ | } | ||
+ | .icon-square:before { | ||
+ | content: "\f0c8"; | ||
+ | } | ||
+ | .icon-bars:before { | ||
+ | content: "\f0c9"; | ||
+ | } | ||
+ | .icon-navicon:before { | ||
+ | content: "\f0c9"; | ||
+ | } | ||
+ | .icon-reorder:before { | ||
+ | content: "\f0c9"; | ||
+ | } | ||
+ | .icon-list-ul:before { | ||
+ | content: "\f0ca"; | ||
+ | } | ||
+ | .icon-list-ol:before { | ||
+ | content: "\f0cb"; | ||
+ | } | ||
+ | .icon-strikethrough:before { | ||
+ | content: "\f0cc"; | ||
+ | } | ||
+ | .icon-underline:before { | ||
+ | content: "\f0cd"; | ||
+ | } | ||
+ | .icon-table:before { | ||
+ | content: "\f0ce"; | ||
+ | } | ||
+ | .icon-magic:before { | ||
+ | content: "\f0d0"; | ||
+ | } | ||
+ | .icon-truck:before { | ||
+ | content: "\f0d1"; | ||
+ | } | ||
+ | .icon-pinterest:before { | ||
+ | content: "\f0d2"; | ||
+ | } | ||
+ | .icon-pinterest-square:before { | ||
+ | content: "\f0d3"; | ||
+ | } | ||
+ | .icon-google-plus-square:before { | ||
+ | content: "\f0d4"; | ||
+ | } | ||
+ | .icon-google-plus:before { | ||
+ | content: "\f0d5"; | ||
+ | } | ||
+ | .icon-money:before { | ||
+ | content: "\f0d6"; | ||
+ | } | ||
+ | .icon-caret-down:before { | ||
+ | content: "\f0d7"; | ||
+ | } | ||
+ | .icon-caret-up:before { | ||
+ | content: "\f0d8"; | ||
+ | } | ||
+ | .icon-caret-left:before { | ||
+ | content: "\f0d9"; | ||
+ | } | ||
+ | .icon-caret-right:before { | ||
+ | content: "\f0da"; | ||
+ | } | ||
+ | .icon-columns:before { | ||
+ | content: "\f0db"; | ||
+ | } | ||
+ | .icon-sort:before { | ||
+ | content: "\f0dc"; | ||
+ | } | ||
+ | .icon-unsorted:before { | ||
+ | content: "\f0dc"; | ||
+ | } | ||
+ | .icon-sort-desc:before { | ||
+ | content: "\f0dd"; | ||
+ | } | ||
+ | .icon-sort-down:before { | ||
+ | content: "\f0dd"; | ||
+ | } | ||
+ | .icon-sort-asc:before { | ||
+ | content: "\f0de"; | ||
+ | } | ||
+ | .icon-sort-up:before { | ||
+ | content: "\f0de"; | ||
+ | } | ||
+ | .icon-envelope:before { | ||
+ | content: "\f0e0"; | ||
+ | } | ||
+ | .icon-linkedin:before { | ||
+ | content: "\f0e1"; | ||
+ | } | ||
+ | .icon-rotate-left:before { | ||
+ | content: "\f0e2"; | ||
+ | } | ||
+ | .icon-undo:before { | ||
+ | content: "\f0e2"; | ||
+ | } | ||
+ | .icon-gavel:before { | ||
+ | content: "\f0e3"; | ||
+ | } | ||
+ | .icon-legal:before { | ||
+ | content: "\f0e3"; | ||
+ | } | ||
+ | .icon-dashboard:before { | ||
+ | content: "\f0e4"; | ||
+ | } | ||
+ | .icon-tachometer:before { | ||
+ | content: "\f0e4"; | ||
+ | } | ||
+ | .icon-comment-o:before { | ||
+ | content: "\f0e5"; | ||
+ | } | ||
+ | .icon-comments-o:before { | ||
+ | content: "\f0e6"; | ||
+ | } | ||
+ | .icon-bolt:before { | ||
+ | content: "\f0e7"; | ||
+ | } | ||
+ | .icon-flash:before { | ||
+ | content: "\f0e7"; | ||
+ | } | ||
+ | .icon-sitemap:before { | ||
+ | content: "\f0e8"; | ||
+ | } | ||
+ | .icon-umbrella:before { | ||
+ | content: "\f0e9"; | ||
+ | } | ||
+ | .icon-clipboard:before { | ||
+ | content: "\f0ea"; | ||
+ | } | ||
+ | .icon-paste:before { | ||
+ | content: "\f0ea"; | ||
+ | } | ||
+ | .icon-lightbulb-o:before { | ||
+ | content: "\f0eb"; | ||
+ | } | ||
+ | .icon-exchange:before { | ||
+ | content: "\f0ec"; | ||
+ | } | ||
+ | .icon-cloud-download:before { | ||
+ | content: "\f0ed"; | ||
+ | } | ||
+ | .icon-cloud-upload:before { | ||
+ | content: "\f0ee"; | ||
+ | } | ||
+ | .icon-user-md:before { | ||
+ | content: "\f0f0"; | ||
+ | } | ||
+ | .icon-stethoscope:before { | ||
+ | content: "\f0f1"; | ||
+ | } | ||
+ | .icon-suitcase:before { | ||
+ | content: "\f0f2"; | ||
+ | } | ||
+ | .icon-bell:before { | ||
+ | content: "\f0f3"; | ||
+ | } | ||
+ | .icon-coffee:before { | ||
+ | content: "\f0f4"; | ||
+ | } | ||
+ | .icon-cutlery:before { | ||
+ | content: "\f0f5"; | ||
+ | } | ||
+ | .icon-file-text-o:before { | ||
+ | content: "\f0f6"; | ||
+ | } | ||
+ | .icon-building-o:before { | ||
+ | content: "\f0f7"; | ||
+ | } | ||
+ | .icon-hospital-o:before { | ||
+ | content: "\f0f8"; | ||
+ | } | ||
+ | .icon-ambulance:before { | ||
+ | content: "\f0f9"; | ||
+ | } | ||
+ | .icon-medkit:before { | ||
+ | content: "\f0fa"; | ||
+ | } | ||
+ | .icon-fighter-jet:before { | ||
+ | content: "\f0fb"; | ||
+ | } | ||
+ | .icon-beer:before { | ||
+ | content: "\f0fc"; | ||
+ | } | ||
+ | .icon-h-square:before { | ||
+ | content: "\f0fd"; | ||
+ | } | ||
+ | .icon-plus-square:before { | ||
+ | content: "\f0fe"; | ||
+ | } | ||
+ | .icon-angle-double-left:before { | ||
+ | content: "\f100"; | ||
+ | } | ||
+ | .icon-angle-double-right:before { | ||
+ | content: "\f101"; | ||
+ | } | ||
+ | .icon-angle-double-up:before { | ||
+ | content: "\f102"; | ||
+ | } | ||
+ | .icon-angle-double-down:before { | ||
+ | content: "\f103"; | ||
+ | } | ||
+ | .icon-angle-left:before { | ||
+ | content: "\f104"; | ||
+ | } | ||
+ | .icon-angle-right:before { | ||
+ | content: "\f105"; | ||
+ | } | ||
+ | .icon-angle-up:before { | ||
+ | content: "\f106"; | ||
+ | } | ||
+ | .icon-angle-down:before { | ||
+ | content: "\f107"; | ||
+ | } | ||
+ | .icon-desktop:before { | ||
+ | content: "\f108"; | ||
+ | } | ||
+ | .icon-laptop:before { | ||
+ | content: "\f109"; | ||
+ | } | ||
+ | .icon-tablet:before { | ||
+ | content: "\f10a"; | ||
+ | } | ||
+ | .icon-mobile:before { | ||
+ | content: "\f10b"; | ||
+ | } | ||
+ | .icon-mobile-phone:before { | ||
+ | content: "\f10b"; | ||
+ | } | ||
+ | .icon-circle-o:before { | ||
+ | content: "\f10c"; | ||
+ | } | ||
+ | .icon-quote-left:before { | ||
+ | content: "\f10d"; | ||
+ | } | ||
+ | .icon-quote-right:before { | ||
+ | content: "\f10e"; | ||
+ | } | ||
+ | .icon-spinner:before { | ||
+ | content: "\f110"; | ||
+ | } | ||
+ | .icon-circle:before { | ||
+ | content: "\f111"; | ||
+ | } | ||
+ | .icon-mail-reply:before { | ||
+ | content: "\f112"; | ||
+ | } | ||
+ | .icon-reply:before { | ||
+ | content: "\f112"; | ||
+ | } | ||
+ | .icon-github-alt:before { | ||
+ | content: "\f113"; | ||
+ | } | ||
+ | .icon-folder-o:before { | ||
+ | content: "\f114"; | ||
+ | } | ||
+ | .icon-folder-open-o:before { | ||
+ | content: "\f115"; | ||
+ | } | ||
+ | .icon-smile-o:before { | ||
+ | content: "\f118"; | ||
+ | } | ||
+ | .icon-frown-o:before { | ||
+ | content: "\f119"; | ||
+ | } | ||
+ | .icon-meh-o:before { | ||
+ | content: "\f11a"; | ||
+ | } | ||
+ | .icon-gamepad:before { | ||
+ | content: "\f11b"; | ||
+ | } | ||
+ | .icon-keyboard-o:before { | ||
+ | content: "\f11c"; | ||
+ | } | ||
+ | .icon-flag-o:before { | ||
+ | content: "\f11d"; | ||
+ | } | ||
+ | .icon-flag-checkered:before { | ||
+ | content: "\f11e"; | ||
+ | } | ||
+ | .icon-terminal:before { | ||
+ | content: "\f120"; | ||
+ | } | ||
+ | .icon-code:before { | ||
+ | content: "\f121"; | ||
+ | } | ||
+ | .icon-mail-reply-all:before { | ||
+ | content: "\f122"; | ||
+ | } | ||
+ | .icon-reply-all:before { | ||
+ | content: "\f122"; | ||
+ | } | ||
+ | .icon-star-half-empty:before { | ||
+ | content: "\f123"; | ||
+ | } | ||
+ | .icon-star-half-full:before { | ||
+ | content: "\f123"; | ||
+ | } | ||
+ | .icon-star-half-o:before { | ||
+ | content: "\f123"; | ||
+ | } | ||
+ | .icon-location-arrow:before { | ||
+ | content: "\f124"; | ||
+ | } | ||
+ | .icon-crop:before { | ||
+ | content: "\f125"; | ||
+ | } | ||
+ | .icon-code-fork:before { | ||
+ | content: "\f126"; | ||
+ | } | ||
+ | .icon-chain-broken:before { | ||
+ | content: "\f127"; | ||
+ | } | ||
+ | .icon-unlink:before { | ||
+ | content: "\f127"; | ||
+ | } | ||
+ | .icon-question:before { | ||
+ | content: "\f128"; | ||
+ | } | ||
+ | .icon-info:before { | ||
+ | content: "\f129"; | ||
+ | } | ||
+ | .icon-exclamation:before { | ||
+ | content: "\f12a"; | ||
+ | } | ||
+ | .icon-superscript:before { | ||
+ | content: "\f12b"; | ||
+ | } | ||
+ | .icon-subscript:before { | ||
+ | content: "\f12c"; | ||
+ | } | ||
+ | .icon-eraser:before { | ||
+ | content: "\f12d"; | ||
+ | } | ||
+ | .icon-puzzle-piece:before { | ||
+ | content: "\f12e"; | ||
+ | } | ||
+ | .icon-microphone:before { | ||
+ | content: "\f130"; | ||
+ | } | ||
+ | .icon-microphone-slash:before { | ||
+ | content: "\f131"; | ||
+ | } | ||
+ | .icon-shield:before { | ||
+ | content: "\f132"; | ||
+ | } | ||
+ | .icon-calendar-o:before { | ||
+ | content: "\f133"; | ||
+ | } | ||
+ | .icon-fire-extinguisher:before { | ||
+ | content: "\f134"; | ||
+ | } | ||
+ | .icon-rocket:before { | ||
+ | content: "\f135"; | ||
+ | } | ||
+ | .icon-maxcdn:before { | ||
+ | content: "\f136"; | ||
+ | } | ||
+ | .icon-chevron-circle-left:before { | ||
+ | content: "\f137"; | ||
+ | } | ||
+ | .icon-chevron-circle-right:before { | ||
+ | content: "\f138"; | ||
+ | } | ||
+ | .icon-chevron-circle-up:before { | ||
+ | content: "\f139"; | ||
+ | } | ||
+ | .icon-chevron-circle-down:before { | ||
+ | content: "\f13a"; | ||
+ | } | ||
+ | .icon-html5:before { | ||
+ | content: "\f13b"; | ||
+ | } | ||
+ | .icon-css3:before { | ||
+ | content: "\f13c"; | ||
+ | } | ||
+ | .icon-anchor:before { | ||
+ | content: "\f13d"; | ||
+ | } | ||
+ | .icon-unlock-alt:before { | ||
+ | content: "\f13e"; | ||
+ | } | ||
+ | .icon-bullseye:before { | ||
+ | content: "\f140"; | ||
+ | } | ||
+ | .icon-ellipsis-h:before { | ||
+ | content: "\f141"; | ||
+ | } | ||
+ | .icon-ellipsis-v:before { | ||
+ | content: "\f142"; | ||
+ | } | ||
+ | .icon-rss-square:before { | ||
+ | content: "\f143"; | ||
+ | } | ||
+ | .icon-play-circle:before { | ||
+ | content: "\f144"; | ||
+ | } | ||
+ | .icon-ticket:before { | ||
+ | content: "\f145"; | ||
+ | } | ||
+ | .icon-minus-square:before { | ||
+ | content: "\f146"; | ||
+ | } | ||
+ | .icon-minus-square-o:before { | ||
+ | content: "\f147"; | ||
+ | } | ||
+ | .icon-level-up:before { | ||
+ | content: "\f148"; | ||
+ | } | ||
+ | .icon-level-down:before { | ||
+ | content: "\f149"; | ||
+ | } | ||
+ | .icon-check-square:before { | ||
+ | content: "\f14a"; | ||
+ | } | ||
+ | .icon-pencil-square:before { | ||
+ | content: "\f14b"; | ||
+ | } | ||
+ | .icon-external-link-square:before { | ||
+ | content: "\f14c"; | ||
+ | } | ||
+ | .icon-share-square:before { | ||
+ | content: "\f14d"; | ||
+ | } | ||
+ | .icon-compass:before { | ||
+ | content: "\f14e"; | ||
+ | } | ||
+ | .icon-caret-square-o-down:before { | ||
+ | content: "\f150"; | ||
+ | } | ||
+ | .icon-toggle-down:before { | ||
+ | content: "\f150"; | ||
+ | } | ||
+ | .icon-caret-square-o-up:before { | ||
+ | content: "\f151"; | ||
+ | } | ||
+ | .icon-toggle-up:before { | ||
+ | content: "\f151"; | ||
+ | } | ||
+ | .icon-caret-square-o-right:before { | ||
+ | content: "\f152"; | ||
+ | } | ||
+ | .icon-toggle-right:before { | ||
+ | content: "\f152"; | ||
+ | } | ||
+ | .icon-eur:before { | ||
+ | content: "\f153"; | ||
+ | } | ||
+ | .icon-euro:before { | ||
+ | content: "\f153"; | ||
+ | } | ||
+ | .icon-gbp:before { | ||
+ | content: "\f154"; | ||
+ | } | ||
+ | .icon-dollar:before { | ||
+ | content: "\f155"; | ||
+ | } | ||
+ | .icon-usd:before { | ||
+ | content: "\f155"; | ||
+ | } | ||
+ | .icon-inr:before { | ||
+ | content: "\f156"; | ||
+ | } | ||
+ | .icon-rupee:before { | ||
+ | content: "\f156"; | ||
+ | } | ||
+ | .icon-cny:before { | ||
+ | content: "\f157"; | ||
+ | } | ||
+ | .icon-jpy:before { | ||
+ | content: "\f157"; | ||
+ | } | ||
+ | .icon-rmb:before { | ||
+ | content: "\f157"; | ||
+ | } | ||
+ | .icon-yen:before { | ||
+ | content: "\f157"; | ||
+ | } | ||
+ | .icon-rouble:before { | ||
+ | content: "\f158"; | ||
+ | } | ||
+ | .icon-rub:before { | ||
+ | content: "\f158"; | ||
+ | } | ||
+ | .icon-ruble:before { | ||
+ | content: "\f158"; | ||
+ | } | ||
+ | .icon-krw:before { | ||
+ | content: "\f159"; | ||
+ | } | ||
+ | .icon-won:before { | ||
+ | content: "\f159"; | ||
+ | } | ||
+ | .icon-bitcoin:before { | ||
+ | content: "\f15a"; | ||
+ | } | ||
+ | .icon-btc:before { | ||
+ | content: "\f15a"; | ||
+ | } | ||
+ | .icon-file:before { | ||
+ | content: "\f15b"; | ||
+ | } | ||
+ | .icon-file-text:before { | ||
+ | content: "\f15c"; | ||
+ | } | ||
+ | .icon-sort-alpha-asc:before { | ||
+ | content: "\f15d"; | ||
+ | } | ||
+ | .icon-sort-alpha-desc:before { | ||
+ | content: "\f15e"; | ||
+ | } | ||
+ | .icon-sort-amount-asc:before { | ||
+ | content: "\f160"; | ||
+ | } | ||
+ | .icon-sort-amount-desc:before { | ||
+ | content: "\f161"; | ||
+ | } | ||
+ | .icon-sort-numeric-asc:before { | ||
+ | content: "\f162"; | ||
+ | } | ||
+ | .icon-sort-numeric-desc:before { | ||
+ | content: "\f163"; | ||
+ | } | ||
+ | .icon-thumbs-up:before { | ||
+ | content: "\f164"; | ||
+ | } | ||
+ | .icon-thumbs-down:before { | ||
+ | content: "\f165"; | ||
+ | } | ||
+ | .icon-youtube-square:before { | ||
+ | content: "\f166"; | ||
+ | } | ||
+ | .icon-youtube:before { | ||
+ | content: "\f167"; | ||
+ | } | ||
+ | .icon-xing:before { | ||
+ | content: "\f168"; | ||
+ | } | ||
+ | .icon-xing-square:before { | ||
+ | content: "\f169"; | ||
+ | } | ||
+ | .icon-youtube-play:before { | ||
+ | content: "\f16a"; | ||
+ | } | ||
+ | .icon-dropbox:before { | ||
+ | content: "\f16b"; | ||
+ | } | ||
+ | .icon-stack-overflow:before { | ||
+ | content: "\f16c"; | ||
+ | } | ||
+ | .icon-instagram:before { | ||
+ | content: "\f16d"; | ||
+ | } | ||
+ | .icon-flickr:before { | ||
+ | content: "\f16e"; | ||
+ | } | ||
+ | .icon-adn:before { | ||
+ | content: "\f170"; | ||
+ | } | ||
+ | .icon-bitbucket:before { | ||
+ | content: "\f171"; | ||
+ | } | ||
+ | .icon-bitbucket-square:before { | ||
+ | content: "\f172"; | ||
+ | } | ||
+ | .icon-tumblr:before { | ||
+ | content: "\f173"; | ||
+ | } | ||
+ | .icon-tumblr-square:before { | ||
+ | content: "\f174"; | ||
+ | } | ||
+ | .icon-long-arrow-down:before { | ||
+ | content: "\f175"; | ||
+ | } | ||
+ | .icon-long-arrow-up:before { | ||
+ | content: "\f176"; | ||
+ | } | ||
+ | .icon-long-arrow-left:before { | ||
+ | content: "\f177"; | ||
+ | } | ||
+ | .icon-long-arrow-right:before { | ||
+ | content: "\f178"; | ||
+ | } | ||
+ | .icon-apple:before { | ||
+ | content: "\f179"; | ||
+ | } | ||
+ | .icon-windows:before { | ||
+ | content: "\f17a"; | ||
+ | } | ||
+ | .icon-android:before { | ||
+ | content: "\f17b"; | ||
+ | } | ||
+ | .icon-linux:before { | ||
+ | content: "\f17c"; | ||
+ | } | ||
+ | .icon-dribbble:before { | ||
+ | content: "\f17d"; | ||
+ | } | ||
+ | .icon-skype:before { | ||
+ | content: "\f17e"; | ||
+ | } | ||
+ | .icon-foursquare:before { | ||
+ | content: "\f180"; | ||
+ | } | ||
+ | .icon-trello:before { | ||
+ | content: "\f181"; | ||
+ | } | ||
+ | .icon-female:before { | ||
+ | content: "\f182"; | ||
+ | } | ||
+ | .icon-male:before { | ||
+ | content: "\f183"; | ||
+ | } | ||
+ | .icon-gittip:before { | ||
+ | content: "\f184"; | ||
+ | } | ||
+ | .icon-gratipay:before { | ||
+ | content: "\f184"; | ||
+ | } | ||
+ | .icon-sun-o:before { | ||
+ | content: "\f185"; | ||
+ | } | ||
+ | .icon-moon-o:before { | ||
+ | content: "\f186"; | ||
+ | } | ||
+ | .icon-archive:before { | ||
+ | content: "\f187"; | ||
+ | } | ||
+ | .icon-bug:before { | ||
+ | content: "\f188"; | ||
+ | } | ||
+ | .icon-vk:before { | ||
+ | content: "\f189"; | ||
+ | } | ||
+ | .icon-weibo:before { | ||
+ | content: "\f18a"; | ||
+ | } | ||
+ | .icon-renren:before { | ||
+ | content: "\f18b"; | ||
+ | } | ||
+ | .icon-pagelines:before { | ||
+ | content: "\f18c"; | ||
+ | } | ||
+ | .icon-stack-exchange:before { | ||
+ | content: "\f18d"; | ||
+ | } | ||
+ | .icon-arrow-circle-o-right:before { | ||
+ | content: "\f18e"; | ||
+ | } | ||
+ | .icon-arrow-circle-o-left:before { | ||
+ | content: "\f190"; | ||
+ | } | ||
+ | .icon-caret-square-o-left:before { | ||
+ | content: "\f191"; | ||
+ | } | ||
+ | .icon-toggle-left:before { | ||
+ | content: "\f191"; | ||
+ | } | ||
+ | .icon-dot-circle-o:before { | ||
+ | content: "\f192"; | ||
+ | } | ||
+ | .icon-wheelchair:before { | ||
+ | content: "\f193"; | ||
+ | } | ||
+ | .icon-vimeo-square:before { | ||
+ | content: "\f194"; | ||
+ | } | ||
+ | .icon-try:before { | ||
+ | content: "\f195"; | ||
+ | } | ||
+ | .icon-turkish-lira:before { | ||
+ | content: "\f195"; | ||
+ | } | ||
+ | .icon-plus-square-o:before { | ||
+ | content: "\f196"; | ||
+ | } | ||
+ | .icon-space-shuttle:before { | ||
+ | content: "\f197"; | ||
+ | } | ||
+ | .icon-slack:before { | ||
+ | content: "\f198"; | ||
+ | } | ||
+ | .icon-envelope-square:before { | ||
+ | content: "\f199"; | ||
+ | } | ||
+ | .icon-wordpress:before { | ||
+ | content: "\f19a"; | ||
+ | } | ||
+ | .icon-openid:before { | ||
+ | content: "\f19b"; | ||
+ | } | ||
+ | .icon-bank:before { | ||
+ | content: "\f19c"; | ||
+ | } | ||
+ | .icon-institution:before { | ||
+ | content: "\f19c"; | ||
+ | } | ||
+ | .icon-university:before { | ||
+ | content: "\f19c"; | ||
+ | } | ||
+ | .icon-graduation-cap:before { | ||
+ | content: "\f19d"; | ||
+ | } | ||
+ | .icon-mortar-board:before { | ||
+ | content: "\f19d"; | ||
+ | } | ||
+ | .icon-yahoo:before { | ||
+ | content: "\f19e"; | ||
+ | } | ||
+ | .icon-google:before { | ||
+ | content: "\f1a0"; | ||
+ | } | ||
+ | .icon-reddit:before { | ||
+ | content: "\f1a1"; | ||
+ | } | ||
+ | .icon-reddit-square:before { | ||
+ | content: "\f1a2"; | ||
+ | } | ||
+ | .icon-stumbleupon-circle:before { | ||
+ | content: "\f1a3"; | ||
+ | } | ||
+ | .icon-stumbleupon:before { | ||
+ | content: "\f1a4"; | ||
+ | } | ||
+ | .icon-delicious:before { | ||
+ | content: "\f1a5"; | ||
+ | } | ||
+ | .icon-digg:before { | ||
+ | content: "\f1a6"; | ||
+ | } | ||
+ | .icon-pied-piper-pp:before { | ||
+ | content: "\f1a7"; | ||
+ | } | ||
+ | .icon-pied-piper-alt:before { | ||
+ | content: "\f1a8"; | ||
+ | } | ||
+ | .icon-drupal:before { | ||
+ | content: "\f1a9"; | ||
+ | } | ||
+ | .icon-joomla:before { | ||
+ | content: "\f1aa"; | ||
+ | } | ||
+ | .icon-language:before { | ||
+ | content: "\f1ab"; | ||
+ | } | ||
+ | .icon-fax:before { | ||
+ | content: "\f1ac"; | ||
+ | } | ||
+ | .icon-building:before { | ||
+ | content: "\f1ad"; | ||
+ | } | ||
+ | .icon-child:before { | ||
+ | content: "\f1ae"; | ||
+ | } | ||
+ | .icon-paw:before { | ||
+ | content: "\f1b0"; | ||
+ | } | ||
+ | .icon-spoon:before { | ||
+ | content: "\f1b1"; | ||
+ | } | ||
+ | .icon-cube:before { | ||
+ | content: "\f1b2"; | ||
+ | } | ||
+ | .icon-cubes:before { | ||
+ | content: "\f1b3"; | ||
+ | } | ||
+ | .icon-behance:before { | ||
+ | content: "\f1b4"; | ||
+ | } | ||
+ | .icon-behance-square:before { | ||
+ | content: "\f1b5"; | ||
+ | } | ||
+ | .icon-steam:before { | ||
+ | content: "\f1b6"; | ||
+ | } | ||
+ | .icon-steam-square:before { | ||
+ | content: "\f1b7"; | ||
+ | } | ||
+ | .icon-recycle:before { | ||
+ | content: "\f1b8"; | ||
+ | } | ||
+ | .icon-automobile:before { | ||
+ | content: "\f1b9"; | ||
+ | } | ||
+ | .icon-car:before { | ||
+ | content: "\f1b9"; | ||
+ | } | ||
+ | .icon-cab:before { | ||
+ | content: "\f1ba"; | ||
+ | } | ||
+ | .icon-taxi:before { | ||
+ | content: "\f1ba"; | ||
+ | } | ||
+ | .icon-tree:before { | ||
+ | content: "\f1bb"; | ||
+ | } | ||
+ | .icon-spotify:before { | ||
+ | content: "\f1bc"; | ||
+ | } | ||
+ | .icon-deviantart:before { | ||
+ | content: "\f1bd"; | ||
+ | } | ||
+ | .icon-soundcloud:before { | ||
+ | content: "\f1be"; | ||
+ | } | ||
+ | .icon-database:before { | ||
+ | content: "\f1c0"; | ||
+ | } | ||
+ | .icon-file-pdf-o:before { | ||
+ | content: "\f1c1"; | ||
+ | } | ||
+ | .icon-file-word-o:before { | ||
+ | content: "\f1c2"; | ||
+ | } | ||
+ | .icon-file-excel-o:before { | ||
+ | content: "\f1c3"; | ||
+ | } | ||
+ | .icon-file-powerpoint-o:before { | ||
+ | content: "\f1c4"; | ||
+ | } | ||
+ | .icon-file-image-o:before { | ||
+ | content: "\f1c5"; | ||
+ | } | ||
+ | .icon-file-photo-o:before { | ||
+ | content: "\f1c5"; | ||
+ | } | ||
+ | .icon-file-picture-o:before { | ||
+ | content: "\f1c5"; | ||
+ | } | ||
+ | .icon-file-archive-o:before { | ||
+ | content: "\f1c6"; | ||
+ | } | ||
+ | .icon-file-zip-o:before { | ||
+ | content: "\f1c6"; | ||
+ | } | ||
+ | .icon-file-audio-o:before { | ||
+ | content: "\f1c7"; | ||
+ | } | ||
+ | .icon-file-sound-o:before { | ||
+ | content: "\f1c7"; | ||
+ | } | ||
+ | .icon-file-movie-o:before { | ||
+ | content: "\f1c8"; | ||
+ | } | ||
+ | .icon-file-video-o:before { | ||
+ | content: "\f1c8"; | ||
+ | } | ||
+ | .icon-file-code-o:before { | ||
+ | content: "\f1c9"; | ||
+ | } | ||
+ | .icon-vine:before { | ||
+ | content: "\f1ca"; | ||
+ | } | ||
+ | .icon-codepen:before { | ||
+ | content: "\f1cb"; | ||
+ | } | ||
+ | .icon-jsfiddle:before { | ||
+ | content: "\f1cc"; | ||
+ | } | ||
+ | .icon-life-bouy:before { | ||
+ | content: "\f1cd"; | ||
+ | } | ||
+ | .icon-life-buoy:before { | ||
+ | content: "\f1cd"; | ||
+ | } | ||
+ | .icon-life-ring:before { | ||
+ | content: "\f1cd"; | ||
+ | } | ||
+ | .icon-life-saver:before { | ||
+ | content: "\f1cd"; | ||
+ | } | ||
+ | .icon-support:before { | ||
+ | content: "\f1cd"; | ||
+ | } | ||
+ | .icon-circle-o-notch:before { | ||
+ | content: "\f1ce"; | ||
+ | } | ||
+ | .icon-ra:before { | ||
+ | content: "\f1d0"; | ||
+ | } | ||
+ | .icon-rebel:before { | ||
+ | content: "\f1d0"; | ||
+ | } | ||
+ | .icon-resistance:before { | ||
+ | content: "\f1d0"; | ||
+ | } | ||
+ | .icon-empire:before { | ||
+ | content: "\f1d1"; | ||
+ | } | ||
+ | .icon-ge:before { | ||
+ | content: "\f1d1"; | ||
+ | } | ||
+ | .icon-git-square:before { | ||
+ | content: "\f1d2"; | ||
+ | } | ||
+ | .icon-git:before { | ||
+ | content: "\f1d3"; | ||
+ | } | ||
+ | .icon-hacker-news:before { | ||
+ | content: "\f1d4"; | ||
+ | } | ||
+ | .icon-y-combinator-square:before { | ||
+ | content: "\f1d4"; | ||
+ | } | ||
+ | .icon-yc-square:before { | ||
+ | content: "\f1d4"; | ||
+ | } | ||
+ | .icon-tencent-weibo:before { | ||
+ | content: "\f1d5"; | ||
+ | } | ||
+ | .icon-qq:before { | ||
+ | content: "\f1d6"; | ||
+ | } | ||
+ | .icon-wechat:before { | ||
+ | content: "\f1d7"; | ||
+ | } | ||
+ | .icon-weixin:before { | ||
+ | content: "\f1d7"; | ||
+ | } | ||
+ | .icon-paper-plane:before { | ||
+ | content: "\f1d8"; | ||
+ | } | ||
+ | .icon-send:before { | ||
+ | content: "\f1d8"; | ||
+ | } | ||
+ | .icon-paper-plane-o:before { | ||
+ | content: "\f1d9"; | ||
+ | } | ||
+ | .icon-send-o:before { | ||
+ | content: "\f1d9"; | ||
+ | } | ||
+ | .icon-history:before { | ||
+ | content: "\f1da"; | ||
+ | } | ||
+ | .icon-circle-thin:before { | ||
+ | content: "\f1db"; | ||
+ | } | ||
+ | .icon-header:before { | ||
+ | content: "\f1dc"; | ||
+ | } | ||
+ | .icon-paragraph:before { | ||
+ | content: "\f1dd"; | ||
+ | } | ||
+ | .icon-sliders:before { | ||
+ | content: "\f1de"; | ||
+ | } | ||
+ | .icon-share-alt:before { | ||
+ | content: "\f1e0"; | ||
+ | } | ||
+ | .icon-share-alt-square:before { | ||
+ | content: "\f1e1"; | ||
+ | } | ||
+ | .icon-bomb:before { | ||
+ | content: "\f1e2"; | ||
+ | } | ||
+ | .icon-futbol-o:before { | ||
+ | content: "\f1e3"; | ||
+ | } | ||
+ | .icon-soccer-ball-o:before { | ||
+ | content: "\f1e3"; | ||
+ | } | ||
+ | .icon-tty:before { | ||
+ | content: "\f1e4"; | ||
+ | } | ||
+ | .icon-binoculars:before { | ||
+ | content: "\f1e5"; | ||
+ | } | ||
+ | .icon-plug:before { | ||
+ | content: "\f1e6"; | ||
+ | } | ||
+ | .icon-slideshare:before { | ||
+ | content: "\f1e7"; | ||
+ | } | ||
+ | .icon-twitch:before { | ||
+ | content: "\f1e8"; | ||
+ | } | ||
+ | .icon-yelp:before { | ||
+ | content: "\f1e9"; | ||
+ | } | ||
+ | .icon-newspaper-o:before { | ||
+ | content: "\f1ea"; | ||
+ | } | ||
+ | .icon-wifi:before { | ||
+ | content: "\f1eb"; | ||
+ | } | ||
+ | .icon-calculator:before { | ||
+ | content: "\f1ec"; | ||
+ | } | ||
+ | .icon-paypal:before { | ||
+ | content: "\f1ed"; | ||
+ | } | ||
+ | .icon-google-wallet:before { | ||
+ | content: "\f1ee"; | ||
+ | } | ||
+ | .icon-cc-visa:before { | ||
+ | content: "\f1f0"; | ||
+ | } | ||
+ | .icon-cc-mastercard:before { | ||
+ | content: "\f1f1"; | ||
+ | } | ||
+ | .icon-cc-discover:before { | ||
+ | content: "\f1f2"; | ||
+ | } | ||
+ | .icon-cc-amex:before { | ||
+ | content: "\f1f3"; | ||
+ | } | ||
+ | .icon-cc-paypal:before { | ||
+ | content: "\f1f4"; | ||
+ | } | ||
+ | .icon-cc-stripe:before { | ||
+ | content: "\f1f5"; | ||
+ | } | ||
+ | .icon-bell-slash:before { | ||
+ | content: "\f1f6"; | ||
+ | } | ||
+ | .icon-bell-slash-o:before { | ||
+ | content: "\f1f7"; | ||
+ | } | ||
+ | .icon-trash:before { | ||
+ | content: "\f1f8"; | ||
+ | } | ||
+ | .icon-copyright:before { | ||
+ | content: "\f1f9"; | ||
+ | } | ||
+ | .icon-at:before { | ||
+ | content: "\f1fa"; | ||
+ | } | ||
+ | .icon-eyedropper:before { | ||
+ | content: "\f1fb"; | ||
+ | } | ||
+ | .icon-paint-brush:before { | ||
+ | content: "\f1fc"; | ||
+ | } | ||
+ | .icon-birthday-cake:before { | ||
+ | content: "\f1fd"; | ||
+ | } | ||
+ | .icon-area-chart:before { | ||
+ | content: "\f1fe"; | ||
+ | } | ||
+ | .icon-pie-chart:before { | ||
+ | content: "\f200"; | ||
+ | } | ||
+ | .icon-line-chart:before { | ||
+ | content: "\f201"; | ||
+ | } | ||
+ | .icon-lastfm:before { | ||
+ | content: "\f202"; | ||
+ | } | ||
+ | .icon-lastfm-square:before { | ||
+ | content: "\f203"; | ||
+ | } | ||
+ | .icon-toggle-off:before { | ||
+ | content: "\f204"; | ||
+ | } | ||
+ | .icon-toggle-on:before { | ||
+ | content: "\f205"; | ||
+ | } | ||
+ | .icon-bicycle:before { | ||
+ | content: "\f206"; | ||
+ | } | ||
+ | .icon-bus:before { | ||
+ | content: "\f207"; | ||
+ | } | ||
+ | .icon-ioxhost:before { | ||
+ | content: "\f208"; | ||
+ | } | ||
+ | .icon-angellist:before { | ||
+ | content: "\f209"; | ||
+ | } | ||
+ | .icon-cc:before { | ||
+ | content: "\f20a"; | ||
+ | } | ||
+ | .icon-ils:before { | ||
+ | content: "\f20b"; | ||
+ | } | ||
+ | .icon-shekel:before { | ||
+ | content: "\f20b"; | ||
+ | } | ||
+ | .icon-sheqel:before { | ||
+ | content: "\f20b"; | ||
+ | } | ||
+ | .icon-meanpath:before { | ||
+ | content: "\f20c"; | ||
+ | } | ||
+ | .icon-buysellads:before { | ||
+ | content: "\f20d"; | ||
+ | } | ||
+ | .icon-connectdevelop:before { | ||
+ | content: "\f20e"; | ||
+ | } | ||
+ | .icon-dashcube:before { | ||
+ | content: "\f210"; | ||
+ | } | ||
+ | .icon-forumbee:before { | ||
+ | content: "\f211"; | ||
+ | } | ||
+ | .icon-leanpub:before { | ||
+ | content: "\f212"; | ||
+ | } | ||
+ | .icon-sellsy:before { | ||
+ | content: "\f213"; | ||
+ | } | ||
+ | .icon-shirtsinbulk:before { | ||
+ | content: "\f214"; | ||
+ | } | ||
+ | .icon-simplybuilt:before { | ||
+ | content: "\f215"; | ||
+ | } | ||
+ | .icon-skyatlas:before { | ||
+ | content: "\f216"; | ||
+ | } | ||
+ | .icon-cart-plus:before { | ||
+ | content: "\f217"; | ||
+ | } | ||
+ | .icon-cart-arrow-down:before { | ||
+ | content: "\f218"; | ||
+ | } | ||
+ | .icon-diamond:before { | ||
+ | content: "\f219"; | ||
+ | } | ||
+ | .icon-ship:before { | ||
+ | content: "\f21a"; | ||
+ | } | ||
+ | .icon-user-secret:before { | ||
+ | content: "\f21b"; | ||
+ | } | ||
+ | .icon-motorcycle:before { | ||
+ | content: "\f21c"; | ||
+ | } | ||
+ | .icon-street-view:before { | ||
+ | content: "\f21d"; | ||
+ | } | ||
+ | .icon-heartbeat:before { | ||
+ | content: "\f21e"; | ||
+ | } | ||
+ | .icon-venus:before { | ||
+ | content: "\f221"; | ||
+ | } | ||
+ | .icon-mars:before { | ||
+ | content: "\f222"; | ||
+ | } | ||
+ | .icon-mercury:before { | ||
+ | content: "\f223"; | ||
+ | } | ||
+ | .icon-intersex:before { | ||
+ | content: "\f224"; | ||
+ | } | ||
+ | .icon-transgender:before { | ||
+ | content: "\f224"; | ||
+ | } | ||
+ | .icon-transgender-alt:before { | ||
+ | content: "\f225"; | ||
+ | } | ||
+ | .icon-venus-double:before { | ||
+ | content: "\f226"; | ||
+ | } | ||
+ | .icon-mars-double:before { | ||
+ | content: "\f227"; | ||
+ | } | ||
+ | .icon-venus-mars:before { | ||
+ | content: "\f228"; | ||
+ | } | ||
+ | .icon-mars-stroke:before { | ||
+ | content: "\f229"; | ||
+ | } | ||
+ | .icon-mars-stroke-v:before { | ||
+ | content: "\f22a"; | ||
+ | } | ||
+ | .icon-mars-stroke-h:before { | ||
+ | content: "\f22b"; | ||
+ | } | ||
+ | .icon-neuter:before { | ||
+ | content: "\f22c"; | ||
+ | } | ||
+ | .icon-genderless:before { | ||
+ | content: "\f22d"; | ||
+ | } | ||
+ | .icon-facebook-official:before { | ||
+ | content: "\f230"; | ||
+ | } | ||
+ | .icon-pinterest-p:before { | ||
+ | content: "\f231"; | ||
+ | } | ||
+ | .icon-whatsapp:before { | ||
+ | content: "\f232"; | ||
+ | } | ||
+ | .icon-server:before { | ||
+ | content: "\f233"; | ||
+ | } | ||
+ | .icon-user-plus:before { | ||
+ | content: "\f234"; | ||
+ | } | ||
+ | .icon-user-times:before { | ||
+ | content: "\f235"; | ||
+ | } | ||
+ | .icon-bed:before { | ||
+ | content: "\f236"; | ||
+ | } | ||
+ | .icon-hotel:before { | ||
+ | content: "\f236"; | ||
+ | } | ||
+ | .icon-viacoin:before { | ||
+ | content: "\f237"; | ||
+ | } | ||
+ | .icon-train:before { | ||
+ | content: "\f238"; | ||
+ | } | ||
+ | .icon-subway:before { | ||
+ | content: "\f239"; | ||
+ | } | ||
+ | .icon-medium:before { | ||
+ | content: "\f23a"; | ||
+ | } | ||
+ | .icon-y-combinator:before { | ||
+ | content: "\f23b"; | ||
+ | } | ||
+ | .icon-yc:before { | ||
+ | content: "\f23b"; | ||
+ | } | ||
+ | .icon-optin-monster:before { | ||
+ | content: "\f23c"; | ||
+ | } | ||
+ | .icon-opencart:before { | ||
+ | content: "\f23d"; | ||
+ | } | ||
+ | .icon-expeditedssl:before { | ||
+ | content: "\f23e"; | ||
+ | } | ||
+ | .icon-battery-4:before { | ||
+ | content: "\f240"; | ||
+ | } | ||
+ | .icon-battery-full:before { | ||
+ | content: "\f240"; | ||
+ | } | ||
+ | .icon-battery-3:before { | ||
+ | content: "\f241"; | ||
+ | } | ||
+ | .icon-battery-three-quarters:before { | ||
+ | content: "\f241"; | ||
+ | } | ||
+ | .icon-battery-2:before { | ||
+ | content: "\f242"; | ||
+ | } | ||
+ | .icon-battery-half:before { | ||
+ | content: "\f242"; | ||
+ | } | ||
+ | .icon-battery-1:before { | ||
+ | content: "\f243"; | ||
+ | } | ||
+ | .icon-battery-quarter:before { | ||
+ | content: "\f243"; | ||
+ | } | ||
+ | .icon-battery-0:before { | ||
+ | content: "\f244"; | ||
+ | } | ||
+ | .icon-battery-empty:before { | ||
+ | content: "\f244"; | ||
+ | } | ||
+ | .icon-mouse-pointer:before { | ||
+ | content: "\f245"; | ||
+ | } | ||
+ | .icon-i-cursor:before { | ||
+ | content: "\f246"; | ||
+ | } | ||
+ | .icon-object-group:before { | ||
+ | content: "\f247"; | ||
+ | } | ||
+ | .icon-object-ungroup:before { | ||
+ | content: "\f248"; | ||
+ | } | ||
+ | .icon-sticky-note:before { | ||
+ | content: "\f249"; | ||
+ | } | ||
+ | .icon-sticky-note-o:before { | ||
+ | content: "\f24a"; | ||
+ | } | ||
+ | .icon-cc-jcb:before { | ||
+ | content: "\f24b"; | ||
+ | } | ||
+ | .icon-cc-diners-club:before { | ||
+ | content: "\f24c"; | ||
+ | } | ||
+ | .icon-clone:before { | ||
+ | content: "\f24d"; | ||
+ | } | ||
+ | .icon-balance-scale:before { | ||
+ | content: "\f24e"; | ||
+ | } | ||
+ | .icon-hourglass-o:before { | ||
+ | content: "\f250"; | ||
+ | } | ||
+ | .icon-hourglass-1:before { | ||
+ | content: "\f251"; | ||
+ | } | ||
+ | .icon-hourglass-start:before { | ||
+ | content: "\f251"; | ||
+ | } | ||
+ | .icon-hourglass-2:before { | ||
+ | content: "\f252"; | ||
+ | } | ||
+ | .icon-hourglass-half:before { | ||
+ | content: "\f252"; | ||
+ | } | ||
+ | .icon-hourglass-3:before { | ||
+ | content: "\f253"; | ||
+ | } | ||
+ | .icon-hourglass-end:before { | ||
+ | content: "\f253"; | ||
+ | } | ||
+ | .icon-hourglass:before { | ||
+ | content: "\f254"; | ||
+ | } | ||
+ | .icon-hand-grab-o:before { | ||
+ | content: "\f255"; | ||
+ | } | ||
+ | .icon-hand-rock-o:before { | ||
+ | content: "\f255"; | ||
+ | } | ||
+ | .icon-hand-paper-o:before { | ||
+ | content: "\f256"; | ||
+ | } | ||
+ | .icon-hand-stop-o:before { | ||
+ | content: "\f256"; | ||
+ | } | ||
+ | .icon-hand-scissors-o:before { | ||
+ | content: "\f257"; | ||
+ | } | ||
+ | .icon-hand-lizard-o:before { | ||
+ | content: "\f258"; | ||
+ | } | ||
+ | .icon-hand-spock-o:before { | ||
+ | content: "\f259"; | ||
+ | } | ||
+ | .icon-hand-pointer-o:before { | ||
+ | content: "\f25a"; | ||
+ | } | ||
+ | .icon-hand-peace-o:before { | ||
+ | content: "\f25b"; | ||
+ | } | ||
+ | .icon-trademark:before { | ||
+ | content: "\f25c"; | ||
+ | } | ||
+ | .icon-registered:before { | ||
+ | content: "\f25d"; | ||
+ | } | ||
+ | .icon-creative-commons:before { | ||
+ | content: "\f25e"; | ||
+ | } | ||
+ | .icon-gg:before { | ||
+ | content: "\f260"; | ||
+ | } | ||
+ | .icon-gg-circle:before { | ||
+ | content: "\f261"; | ||
+ | } | ||
+ | .icon-tripadvisor:before { | ||
+ | content: "\f262"; | ||
+ | } | ||
+ | .icon-odnoklassniki:before { | ||
+ | content: "\f263"; | ||
+ | } | ||
+ | .icon-odnoklassniki-square:before { | ||
+ | content: "\f264"; | ||
+ | } | ||
+ | .icon-get-pocket:before { | ||
+ | content: "\f265"; | ||
+ | } | ||
+ | .icon-wikipedia-w:before { | ||
+ | content: "\f266"; | ||
+ | } | ||
+ | .icon-safari:before { | ||
+ | content: "\f267"; | ||
+ | } | ||
+ | .icon-chrome:before { | ||
+ | content: "\f268"; | ||
+ | } | ||
+ | .icon-firefox:before { | ||
+ | content: "\f269"; | ||
+ | } | ||
+ | .icon-opera:before { | ||
+ | content: "\f26a"; | ||
+ | } | ||
+ | .icon-internet-explorer:before { | ||
+ | content: "\f26b"; | ||
+ | } | ||
+ | .icon-television:before { | ||
+ | content: "\f26c"; | ||
+ | } | ||
+ | .icon-tv:before { | ||
+ | content: "\f26c"; | ||
+ | } | ||
+ | .icon-contao:before { | ||
+ | content: "\f26d"; | ||
+ | } | ||
+ | .icon-500px:before { | ||
+ | content: "\f26e"; | ||
+ | } | ||
+ | .icon-amazon:before { | ||
+ | content: "\f270"; | ||
+ | } | ||
+ | .icon-calendar-plus-o:before { | ||
+ | content: "\f271"; | ||
+ | } | ||
+ | .icon-calendar-minus-o:before { | ||
+ | content: "\f272"; | ||
+ | } | ||
+ | .icon-calendar-times-o:before { | ||
+ | content: "\f273"; | ||
+ | } | ||
+ | .icon-calendar-check-o:before { | ||
+ | content: "\f274"; | ||
+ | } | ||
+ | .icon-industry:before { | ||
+ | content: "\f275"; | ||
+ | } | ||
+ | .icon-map-pin:before { | ||
+ | content: "\f276"; | ||
+ | } | ||
+ | .icon-map-signs:before { | ||
+ | content: "\f277"; | ||
+ | } | ||
+ | .icon-map-o:before { | ||
+ | content: "\f278"; | ||
+ | } | ||
+ | .icon-map:before { | ||
+ | content: "\f279"; | ||
+ | } | ||
+ | .icon-commenting:before { | ||
+ | content: "\f27a"; | ||
+ | } | ||
+ | .icon-commenting-o:before { | ||
+ | content: "\f27b"; | ||
+ | } | ||
+ | .icon-houzz:before { | ||
+ | content: "\f27c"; | ||
+ | } | ||
+ | .icon-vimeo:before { | ||
+ | content: "\f27d"; | ||
+ | } | ||
+ | .icon-black-tie:before { | ||
+ | content: "\f27e"; | ||
+ | } | ||
+ | .icon-fonticons:before { | ||
+ | content: "\f280"; | ||
+ | } | ||
+ | .icon-reddit-alien:before { | ||
+ | content: "\f281"; | ||
+ | } | ||
+ | .icon-edge:before { | ||
+ | content: "\f282"; | ||
+ | } | ||
+ | .icon-credit-card-alt:before { | ||
+ | content: "\f283"; | ||
+ | } | ||
+ | .icon-codiepie:before { | ||
+ | content: "\f284"; | ||
+ | } | ||
+ | .icon-modx:before { | ||
+ | content: "\f285"; | ||
+ | } | ||
+ | .icon-fort-awesome:before { | ||
+ | content: "\f286"; | ||
+ | } | ||
+ | .icon-usb:before { | ||
+ | content: "\f287"; | ||
+ | } | ||
+ | .icon-product-hunt:before { | ||
+ | content: "\f288"; | ||
+ | } | ||
+ | .icon-mixcloud:before { | ||
+ | content: "\f289"; | ||
+ | } | ||
+ | .icon-scribd:before { | ||
+ | content: "\f28a"; | ||
+ | } | ||
+ | .icon-pause-circle:before { | ||
+ | content: "\f28b"; | ||
+ | } | ||
+ | .icon-pause-circle-o:before { | ||
+ | content: "\f28c"; | ||
+ | } | ||
+ | .icon-stop-circle:before { | ||
+ | content: "\f28d"; | ||
+ | } | ||
+ | .icon-stop-circle-o:before { | ||
+ | content: "\f28e"; | ||
+ | } | ||
+ | .icon-shopping-bag:before { | ||
+ | content: "\f290"; | ||
+ | } | ||
+ | .icon-shopping-basket:before { | ||
+ | content: "\f291"; | ||
+ | } | ||
+ | .icon-hashtag:before { | ||
+ | content: "\f292"; | ||
+ | } | ||
+ | .icon-bluetooth:before { | ||
+ | content: "\f293"; | ||
+ | } | ||
+ | .icon-bluetooth-b:before { | ||
+ | content: "\f294"; | ||
+ | } | ||
+ | .icon-percent:before { | ||
+ | content: "\f295"; | ||
+ | } | ||
+ | .icon-gitlab:before { | ||
+ | content: "\f296"; | ||
+ | } | ||
+ | .icon-wpbeginner:before { | ||
+ | content: "\f297"; | ||
+ | } | ||
+ | .icon-wpforms:before { | ||
+ | content: "\f298"; | ||
+ | } | ||
+ | .icon-envira:before { | ||
+ | content: "\f299"; | ||
+ | } | ||
+ | .icon-universal-access:before { | ||
+ | content: "\f29a"; | ||
+ | } | ||
+ | .icon-wheelchair-alt:before { | ||
+ | content: "\f29b"; | ||
+ | } | ||
+ | .icon-question-circle-o:before { | ||
+ | content: "\f29c"; | ||
+ | } | ||
+ | .icon-blind:before { | ||
+ | content: "\f29d"; | ||
+ | } | ||
+ | .icon-audio-description:before { | ||
+ | content: "\f29e"; | ||
+ | } | ||
+ | .icon-volume-control-phone:before { | ||
+ | content: "\f2a0"; | ||
+ | } | ||
+ | .icon-braille:before { | ||
+ | content: "\f2a1"; | ||
+ | } | ||
+ | .icon-assistive-listening-systems:before { | ||
+ | content: "\f2a2"; | ||
+ | } | ||
+ | .icon-american-sign-language-interpreting:before { | ||
+ | content: "\f2a3"; | ||
+ | } | ||
+ | .icon-asl-interpreting:before { | ||
+ | content: "\f2a3"; | ||
+ | } | ||
+ | .icon-deaf:before { | ||
+ | content: "\f2a4"; | ||
+ | } | ||
+ | .icon-deafness:before { | ||
+ | content: "\f2a4"; | ||
+ | } | ||
+ | .icon-hard-of-hearing:before { | ||
+ | content: "\f2a4"; | ||
+ | } | ||
+ | .icon-glide:before { | ||
+ | content: "\f2a5"; | ||
+ | } | ||
+ | .icon-glide-g:before { | ||
+ | content: "\f2a6"; | ||
+ | } | ||
+ | .icon-sign-language:before { | ||
+ | content: "\f2a7"; | ||
+ | } | ||
+ | .icon-signing:before { | ||
+ | content: "\f2a7"; | ||
+ | } | ||
+ | .icon-low-vision:before { | ||
+ | content: "\f2a8"; | ||
+ | } | ||
+ | .icon-viadeo:before { | ||
+ | content: "\f2a9"; | ||
+ | } | ||
+ | .icon-viadeo-square:before { | ||
+ | content: "\f2aa"; | ||
+ | } | ||
+ | .icon-snapchat:before { | ||
+ | content: "\f2ab"; | ||
+ | } | ||
+ | .icon-snapchat-ghost:before { | ||
+ | content: "\f2ac"; | ||
+ | } | ||
+ | .icon-snapchat-square:before { | ||
+ | content: "\f2ad"; | ||
+ | } | ||
+ | .icon-pied-piper:before { | ||
+ | content: "\f2ae"; | ||
+ | } | ||
+ | .icon-first-order:before { | ||
+ | content: "\f2b0"; | ||
+ | } | ||
+ | .icon-yoast:before { | ||
+ | content: "\f2b1"; | ||
+ | } | ||
+ | .icon-themeisle:before { | ||
+ | content: "\f2b2"; | ||
+ | } | ||
+ | .icon-google-plus-circle:before { | ||
+ | content: "\f2b3"; | ||
+ | } | ||
+ | .icon-google-plus-official:before { | ||
+ | content: "\f2b3"; | ||
+ | } | ||
+ | .icon-fa:before { | ||
+ | content: "\f2b4"; | ||
+ | } | ||
+ | .icon-font-awesome:before { | ||
+ | content: "\f2b4"; | ||
+ | } | ||
+ | .icon-mobile2:before { | ||
+ | content: "\e000"; | ||
+ | } | ||
+ | .icon-laptop2:before { | ||
+ | content: "\e001"; | ||
+ | } | ||
+ | .icon-desktop2:before { | ||
+ | content: "\e002"; | ||
+ | } | ||
+ | .icon-tablet2:before { | ||
+ | content: "\e003"; | ||
+ | } | ||
+ | .icon-phone2:before { | ||
+ | content: "\e004"; | ||
+ | } | ||
+ | .icon-document:before { | ||
+ | content: "\e005"; | ||
+ | } | ||
+ | .icon-documents:before { | ||
+ | content: "\e006"; | ||
+ | } | ||
+ | .icon-search2:before { | ||
+ | content: "\e007"; | ||
+ | } | ||
+ | .icon-clipboard2:before { | ||
+ | content: "\e008"; | ||
+ | } | ||
+ | .icon-newspaper:before { | ||
+ | content: "\e009"; | ||
+ | } | ||
+ | .icon-notebook:before { | ||
+ | content: "\e00a"; | ||
+ | } | ||
+ | .icon-book-open:before { | ||
+ | content: "\e00b"; | ||
+ | } | ||
+ | .icon-browser:before { | ||
+ | content: "\e00c"; | ||
+ | } | ||
+ | .icon-calendar2:before { | ||
+ | content: "\e00d"; | ||
+ | } | ||
+ | .icon-presentation:before { | ||
+ | content: "\e00e"; | ||
+ | } | ||
+ | .icon-picture:before { | ||
+ | content: "\e00f"; | ||
+ | } | ||
+ | .icon-pictures:before { | ||
+ | content: "\e010"; | ||
+ | } | ||
+ | .icon-video:before { | ||
+ | content: "\e011"; | ||
+ | } | ||
+ | .icon-camera2:before { | ||
+ | content: "\e012"; | ||
+ | } | ||
+ | .icon-printer:before { | ||
+ | content: "\e013"; | ||
+ | } | ||
+ | .icon-toolbox:before { | ||
+ | content: "\e014"; | ||
+ | } | ||
+ | .icon-briefcase2:before { | ||
+ | content: "\e015"; | ||
+ | } | ||
+ | .icon-wallet:before { | ||
+ | content: "\e016"; | ||
+ | } | ||
+ | .icon-gift2:before { | ||
+ | content: "\e017"; | ||
+ | } | ||
+ | .icon-bargraph:before { | ||
+ | content: "\e018"; | ||
+ | } | ||
+ | .icon-grid:before { | ||
+ | content: "\e019"; | ||
+ | } | ||
+ | .icon-expand2:before { | ||
+ | content: "\e01a"; | ||
+ | } | ||
+ | .icon-focus:before { | ||
+ | content: "\e01b"; | ||
+ | } | ||
+ | .icon-edit2:before { | ||
+ | content: "\e01c"; | ||
+ | } | ||
+ | .icon-adjustments:before { | ||
+ | content: "\e01d"; | ||
+ | } | ||
+ | .icon-ribbon:before { | ||
+ | content: "\e01e"; | ||
+ | } | ||
+ | .icon-hourglass2:before { | ||
+ | content: "\e01f"; | ||
+ | } | ||
+ | .icon-lock2:before { | ||
+ | content: "\e020"; | ||
+ | } | ||
+ | .icon-megaphone:before { | ||
+ | content: "\e021"; | ||
+ | } | ||
+ | .icon-shield2:before { | ||
+ | content: "\e022"; | ||
+ | } | ||
+ | .icon-trophy2:before { | ||
+ | content: "\e023"; | ||
+ | } | ||
+ | .icon-flag2:before { | ||
+ | content: "\e024"; | ||
+ | } | ||
+ | .icon-map2:before { | ||
+ | content: "\e025"; | ||
+ | } | ||
+ | .icon-puzzle:before { | ||
+ | content: "\e026"; | ||
+ | } | ||
+ | .icon-basket:before { | ||
+ | content: "\e027"; | ||
+ | } | ||
+ | .icon-envelope2:before { | ||
+ | content: "\e028"; | ||
+ | } | ||
+ | .icon-streetsign:before { | ||
+ | content: "\e029"; | ||
+ | } | ||
+ | .icon-telescope:before { | ||
+ | content: "\e02a"; | ||
+ | } | ||
+ | .icon-gears2:before { | ||
+ | content: "\e02b"; | ||
+ | } | ||
+ | .icon-key2:before { | ||
+ | content: "\e02c"; | ||
+ | } | ||
+ | .icon-paperclip2:before { | ||
+ | content: "\e02d"; | ||
+ | } | ||
+ | .icon-attachment:before { | ||
+ | content: "\e02e"; | ||
+ | } | ||
+ | .icon-pricetags:before { | ||
+ | content: "\e02f"; | ||
+ | } | ||
+ | .icon-lightbulb:before { | ||
+ | content: "\e030"; | ||
+ | } | ||
+ | .icon-layers:before { | ||
+ | content: "\e031"; | ||
+ | } | ||
+ | .icon-pencil2:before { | ||
+ | content: "\e032"; | ||
+ | } | ||
+ | .icon-tools:before { | ||
+ | content: "\e033"; | ||
+ | } | ||
+ | .icon-tools-2:before { | ||
+ | content: "\e034"; | ||
+ | } | ||
+ | .icon-scissors2:before { | ||
+ | content: "\e035"; | ||
+ | } | ||
+ | .icon-paintbrush:before { | ||
+ | content: "\e036"; | ||
+ | } | ||
+ | .icon-magnifying-glass:before { | ||
+ | content: "\e037"; | ||
+ | } | ||
+ | .icon-circle-compass:before { | ||
+ | content: "\e038"; | ||
+ | } | ||
+ | .icon-linegraph:before { | ||
+ | content: "\e039"; | ||
+ | } | ||
+ | .icon-mic:before { | ||
+ | content: "\e03a"; | ||
+ | } | ||
+ | .icon-strategy:before { | ||
+ | content: "\e03b"; | ||
+ | } | ||
+ | .icon-beaker:before { | ||
+ | content: "\e03c"; | ||
+ | } | ||
+ | .icon-caution:before { | ||
+ | content: "\e03d"; | ||
+ | } | ||
+ | .icon-recycle2:before { | ||
+ | content: "\e03e"; | ||
+ | } | ||
+ | .icon-anchor2:before { | ||
+ | content: "\e03f"; | ||
+ | } | ||
+ | .icon-profile-male:before { | ||
+ | content: "\e040"; | ||
+ | } | ||
+ | .icon-profile-female:before { | ||
+ | content: "\e041"; | ||
+ | } | ||
+ | .icon-bike:before { | ||
+ | content: "\e042"; | ||
+ | } | ||
+ | .icon-wine:before { | ||
+ | content: "\e043"; | ||
+ | } | ||
+ | .icon-hotairballoon:before { | ||
+ | content: "\e044"; | ||
+ | } | ||
+ | .icon-globe2:before { | ||
+ | content: "\e045"; | ||
+ | } | ||
+ | .icon-genius:before { | ||
+ | content: "\e046"; | ||
+ | } | ||
+ | .icon-map-pin2:before { | ||
+ | content: "\e047"; | ||
+ | } | ||
+ | .icon-dial:before { | ||
+ | content: "\e048"; | ||
+ | } | ||
+ | .icon-chat:before { | ||
+ | content: "\e049"; | ||
+ | } | ||
+ | .icon-heart2:before { | ||
+ | content: "\e04a"; | ||
+ | } | ||
+ | .icon-cloud2:before { | ||
+ | content: "\e04b"; | ||
+ | } | ||
+ | .icon-upload2:before { | ||
+ | content: "\e04c"; | ||
+ | } | ||
+ | .icon-download2:before { | ||
+ | content: "\e04d"; | ||
+ | } | ||
+ | .icon-target:before { | ||
+ | content: "\e04e"; | ||
+ | } | ||
+ | .icon-hazardous:before { | ||
+ | content: "\e04f"; | ||
+ | } | ||
+ | .icon-piechart:before { | ||
+ | content: "\e050"; | ||
+ | } | ||
+ | .icon-speedometer:before { | ||
+ | content: "\e051"; | ||
+ | } | ||
+ | .icon-global:before { | ||
+ | content: "\e052"; | ||
+ | } | ||
+ | .icon-compass2:before { | ||
+ | content: "\e053"; | ||
+ | } | ||
+ | .icon-lifesaver:before { | ||
+ | content: "\e054"; | ||
+ | } | ||
+ | .icon-clock:before { | ||
+ | content: "\e055"; | ||
+ | } | ||
+ | .icon-aperture:before { | ||
+ | content: "\e056"; | ||
+ | } | ||
+ | .icon-quote:before { | ||
+ | content: "\e057"; | ||
+ | } | ||
+ | .icon-scope:before { | ||
+ | content: "\e058"; | ||
+ | } | ||
+ | .icon-alarmclock:before { | ||
+ | content: "\e059"; | ||
+ | } | ||
+ | .icon-refresh2:before { | ||
+ | content: "\e05a"; | ||
+ | } | ||
+ | .icon-happy:before { | ||
+ | content: "\e05b"; | ||
+ | } | ||
+ | .icon-sad:before { | ||
+ | content: "\e05c"; | ||
+ | } | ||
+ | .icon-facebook2:before { | ||
+ | content: "\e05d"; | ||
+ | } | ||
+ | .icon-twitter2:before { | ||
+ | content: "\e05e"; | ||
+ | } | ||
+ | .icon-googleplus:before { | ||
+ | content: "\e05f"; | ||
+ | } | ||
+ | .icon-rss2:before { | ||
+ | content: "\e060"; | ||
+ | } | ||
+ | .icon-tumblr2:before { | ||
+ | content: "\e061"; | ||
+ | } | ||
+ | .icon-linkedin2:before { | ||
+ | content: "\e062"; | ||
+ | } | ||
+ | .icon-dribbble2:before { | ||
+ | content: "\e063"; | ||
+ | } | ||
+ | |||
+ | /* ======================================================= | ||
+ | * | ||
+ | * Template Style | ||
+ | * Edit this section | ||
+ | * | ||
+ | * ======================================================= */ | ||
+ | body { | ||
+ | font-family: "Raleway", Arial, sans-serif; | ||
+ | font-weight: 400; | ||
+ | font-size: 16px; | ||
+ | line-height: 1.7; | ||
+ | color: #7f7f7f; | ||
+ | background: #fff; | ||
+ | height: 100%; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | color: #27E1CE; | ||
+ | -webkit-transition: 0.5s; | ||
+ | -o-transition: 0.5s; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | a:hover, a:active, a:focus { | ||
+ | color: #27E1CE; | ||
+ | outline: none; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6, figure { | ||
+ | color: #000; | ||
+ | font-family: "Raleway", Arial, sans-serif; | ||
+ | font-weight: 400; | ||
+ | margin: 0 0 30px 0; | ||
+ | } | ||
+ | |||
+ | ::-webkit-selection { | ||
+ | color: #fff; | ||
+ | background: #27E1CE; | ||
+ | } | ||
+ | |||
+ | ::-moz-selection { | ||
+ | color: #fff; | ||
+ | background: #27E1CE; | ||
+ | } | ||
+ | |||
+ | ::selection { | ||
+ | color: #324856; | ||
+ | background: #69D2E7; | ||
+ | } | ||
+ | |||
+ | .btn { | ||
+ | margin-right: 4px; | ||
+ | margin-bottom: 4px; | ||
+ | font-family: "Raleway", Arial, sans-serif; | ||
+ | font-size: 16px; | ||
+ | font-weight: 400; | ||
+ | -webkit-border-radius: 30px; | ||
+ | -moz-border-radius: 30px; | ||
+ | -ms-border-radius: 30px; | ||
+ | border-radius: 30px; | ||
+ | -webkit-transition: 0.5s; | ||
+ | -o-transition: 0.5s; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | .btn.btn-md { | ||
+ | padding: 10px 20px !important; | ||
+ | } | ||
+ | .btn.btn-lg { | ||
+ | padding: 18px 36px !important; | ||
+ | } | ||
+ | .btn:hover, .btn:active, .btn:focus { | ||
+ | box-shadow: none !important; | ||
+ | outline: none !important; | ||
+ | } | ||
+ | |||
+ | .btn-primary { | ||
+ | background: #FA6900; | ||
+ | color: #fff; | ||
+ | border: 2px solid white; | ||
+ | } | ||
+ | .btn-primary:hover, .btn-primary:focus, .btn-primary:active { | ||
+ | background: #69D2E7 !important; | ||
+ | border-color: #69D2E7!important; | ||
+ | } | ||
+ | .btn-primary.btn-outline { | ||
+ | background: transparent; | ||
+ | color: #27E1CE; | ||
+ | border: 2px solid #27E1CE; | ||
+ | } | ||
+ | .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active { | ||
+ | background: #27E1CE; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .btn-success { | ||
+ | background: #5cb85c; | ||
+ | color: #fff; | ||
+ | border: 2px solid #5cb85c; | ||
+ | } | ||
+ | .btn-success:hover, .btn-success:focus, .btn-success:active { | ||
+ | background: #4cae4c !important; | ||
+ | border-color: #4cae4c !important; | ||
+ | } | ||
+ | .btn-success.btn-outline { | ||
+ | background: transparent; | ||
+ | color: #5cb85c; | ||
+ | border: 2px solid #5cb85c; | ||
+ | } | ||
+ | .btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active { | ||
+ | background: #5cb85c; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .btn-info { | ||
+ | background: #5bc0de; | ||
+ | color: #fff; | ||
+ | border: 2px solid #5bc0de; | ||
+ | } | ||
+ | .btn-info:hover, .btn-info:focus, .btn-info:active { | ||
+ | background: #46b8da !important; | ||
+ | border-color: #46b8da !important; | ||
+ | } | ||
+ | .btn-info.btn-outline { | ||
+ | background: transparent; | ||
+ | color: #5bc0de; | ||
+ | border: 2px solid #5bc0de; | ||
+ | } | ||
+ | .btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active { | ||
+ | background: #5bc0de; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .btn-warning { | ||
+ | background: #f0ad4e; | ||
+ | color: #fff; | ||
+ | border: 2px solid #f0ad4e; | ||
+ | } | ||
+ | .btn-warning:hover, .btn-warning:focus, .btn-warning:active { | ||
+ | background: #eea236 !important; | ||
+ | border-color: #eea236 !important; | ||
+ | } | ||
+ | .btn-warning.btn-outline { | ||
+ | background: transparent; | ||
+ | color: #f0ad4e; | ||
+ | border: 2px solid #f0ad4e; | ||
+ | } | ||
+ | .btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active { | ||
+ | background: #f0ad4e; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .btn-danger { | ||
+ | background: #d9534f; | ||
+ | color: #fff; | ||
+ | border: 2px solid #d9534f; | ||
+ | } | ||
+ | .btn-danger:hover, .btn-danger:focus, .btn-danger:active { | ||
+ | background: #d43f3a !important; | ||
+ | border-color: #d43f3a !important; | ||
+ | } | ||
+ | .btn-danger.btn-outline { | ||
+ | background: transparent; | ||
+ | color: #d9534f; | ||
+ | border: 2px solid #d9534f; | ||
+ | } | ||
+ | .btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active { | ||
+ | background: #d9534f; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .btn-outline { | ||
+ | background: none; | ||
+ | border: 2px solid gray; | ||
+ | font-size: 16px; | ||
+ | -webkit-transition: 0.3s; | ||
+ | -o-transition: 0.3s; | ||
+ | transition: 0.3s; | ||
+ | } | ||
+ | .btn-outline:hover, .btn-outline:focus, .btn-outline:active { | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn.with-arrow { | ||
+ | position: relative; | ||
+ | -webkit-transition: 0.3s; | ||
+ | -o-transition: 0.3s; | ||
+ | transition: 0.3s; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .btn.with-arrow i { | ||
+ | visibility: hidden; | ||
+ | opacity: 0; | ||
+ | position: absolute; | ||
+ | right: 0px; | ||
+ | top: 50%; | ||
+ | margin-top: -8px; | ||
+ | -webkit-transition: 0.2s; | ||
+ | -o-transition: 0.2s; | ||
+ | transition: 0.2s; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .btn.with-arrow:hover { | ||
+ | padding-right: 50px; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .btn.with-arrow:hover i { | ||
+ | color: #fff; | ||
+ | right: 18px; | ||
+ | visibility: visible; | ||
+ | opacity: 1; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .form-control { | ||
+ | box-shadow: none; | ||
+ | background: transparent; | ||
+ | border: 2px solid rgba(0, 0, 0, 0.1); | ||
+ | height: 54px; | ||
+ | font-size: 18px; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | .form-control:active, .form-control:focus { | ||
+ | outline: none; | ||
+ | box-shadow: none; | ||
+ | border-color: #27E1CE; | ||
+ | } | ||
+ | |||
+ | .fh5co-social { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .fh5co-social li { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | list-style: none; | ||
+ | display: -moz-inline-stack; | ||
+ | display: inline-block; | ||
+ | zoom: 1; | ||
+ | *display: inline; | ||
+ | } | ||
+ | .fh5co-social li a { | ||
+ | font-size: 22px; | ||
+ | color: #fff; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | padding: 2px; | ||
+ | display: -moz-inline-stack; | ||
+ | display: inline-block; | ||
+ | zoom: 1; | ||
+ | *display: inline; | ||
+ | -webkit-border-radius: 7px; | ||
+ | -moz-border-radius: 7px; | ||
+ | -ms-border-radius: 7px; | ||
+ | border-radius: 7px; | ||
+ | } | ||
+ | .fh5co-social li a:hover { | ||
+ | color: #27E1CE; | ||
+ | } | ||
+ | .fh5co-social li a:hover, .fh5co-social li a:active, .fh5co-social li a:focus { | ||
+ | outline: none; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 480px) { | ||
+ | .col-xxs-12 { | ||
+ | float: none; | ||
+ | width: 100%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .row-bottom-padded-lg { | ||
+ | padding-bottom: 7em; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | .row-bottom-padded-lg { | ||
+ | padding-bottom: 1em; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .row-bottom-padded-md { | ||
+ | padding-bottom: 4em; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | .row-bottom-padded-md { | ||
+ | padding-bottom: 1em; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .row-bottom-padded-sm { | ||
+ | padding-bottom: 1em; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | .row-bottom-padded-sm { | ||
+ | padding-bottom: 1em; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #fh5co-header { | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | #fh5co-header { | ||
+ | margin: 0px 0 0 0; | ||
+ | } | ||
+ | } | ||
+ | #fh5co-header .header-inner { | ||
+ | height: 90px; | ||
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | -webkit-border-radius: 7px; | ||
+ | -moz-border-radius: 7px; | ||
+ | -ms-border-radius: 7px; | ||
+ | border-radius: 7px; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | #fh5co-header h1 { | ||
+ | float: left; | ||
+ | padding: 0; | ||
+ | width: 200px; | ||
+ | font-weight: 700; | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | #fh5co-header h1 a { | ||
+ | position: relative; | ||
+ | color: #F38630; | ||
+ | } | ||
+ | #fh5co-header h1 a > span { | ||
+ | color: #69D2E7; | ||
+ | } | ||
+ | #fh5co-header h1 a:hover, #fh5co-header h1 a:active, #fh5co-header h1 a:focus { | ||
+ | text-decoration: none; | ||
+ | outline: none; | ||
+ | } | ||
+ | #fh5co-header h1 a:after { | ||
+ | position: absolute; | ||
+ | bottom: 6px; | ||
+ | right: -8px; | ||
+ | content: ''; | ||
+ | width: 8px; | ||
+ | height: 8px; | ||
+ | background: #27E1CE; | ||
+ | -webkit-border-radius: 50%; | ||
+ | -moz-border-radius: 50%; | ||
+ | -ms-border-radius: 50%; | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | #fh5co-header h1{ | ||
+ | margin: 38px 0 0 0; | ||
+ | } | ||
+ | #fh5co-header nav { | ||
+ | float: right; | ||
+ | padding: 0; | ||
+ | margin: 55px 0 0 0; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | #fh5co-header nav { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | #fh5co-header nav ul { | ||
+ | padding: 0; | ||
+ | margin: 0 -0px 0 0; | ||
+ | line-height: 0; | ||
+ | } | ||
+ | #fh5co-header nav ul li { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | list-style: none; | ||
+ | display: -moz-inline-stack; | ||
+ | display: inline-block; | ||
+ | zoom: 1; | ||
+ | *display: inline; | ||
+ | } | ||
+ | #fh5co-header nav ul li a { | ||
color: white; | color: white; | ||
− | padding: | + | font-size: 18px; |
− | + | padding: 10px; | |
− | font- | + | position: relative; |
− | + | -webkit-transition: 0.2s; | |
+ | -o-transition: 0.2s; | ||
+ | transition: 0.2s; | ||
+ | } | ||
+ | #fh5co-header nav ul li .dropdown-content a { | ||
+ | color: #324856; | ||
+ | font-size: 18px; | ||
+ | padding: 10px; | ||
+ | position: relative; | ||
+ | -webkit-transition: 0.2s; | ||
+ | -o-transition: 0.2s; | ||
+ | transition: 0.2s; | ||
} | } | ||
− | + | #fh5co-header nav ul li a i { | |
− | . | + | line-height: 0; |
− | background-color: # | + | font-size: 20px; |
+ | position: relative; | ||
+ | top: 3px; | ||
+ | } | ||
+ | #fh5co-header nav ul li a:after { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | height: 2px; | ||
+ | bottom: 7px; | ||
+ | left: 10px; | ||
+ | right: 10px; | ||
+ | background-color: #69D2E7; | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: scaleX(0); | ||
+ | -moz-transform: scaleX(0); | ||
+ | -ms-transform: scaleX(0); | ||
+ | -o-transform: scaleX(0); | ||
+ | transform: scaleX(0); | ||
+ | -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); | ||
+ | -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); | ||
+ | -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); | ||
+ | -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); | ||
+ | transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); | ||
+ | } | ||
+ | #fh5co-header nav ul li a:hover { | ||
+ | text-decoration: none; | ||
+ | color: #27e1ce; | ||
+ | } | ||
+ | #fh5co-header nav ul li a:hover:after { | ||
+ | visibility: visible; | ||
+ | -webkit-transform: scaleX(1); | ||
+ | -moz-transform: scaleX(1); | ||
+ | -ms-transform: scaleX(1); | ||
+ | -o-transform: scaleX(1); | ||
+ | transform: scaleX(1); | ||
+ | } | ||
+ | #fh5co-header nav ul li a:active, #fh5co-header nav ul li a:focus { | ||
+ | outline: none; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #fh5co-header nav ul li.cta { | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | #fh5co-header nav ul li.cta a { | ||
+ | padding-left: 16px !important; | ||
+ | padding-right: 16px !important; | ||
+ | padding-top: 7px !important; | ||
+ | padding-bottom: 7px !important; | ||
+ | border: 2px solid #27e1ce; | ||
+ | color: #27E1CE; | ||
+ | -webkit-border-radius: 30px; | ||
+ | -moz-border-radius: 30px; | ||
+ | -ms-border-radius: 30px; | ||
+ | border-radius: 30px; | ||
+ | } | ||
+ | #fh5co-header nav ul li.cta a:hover { | ||
+ | color: #fff; | ||
+ | background: #27E1CE; | ||
+ | } | ||
+ | #fh5co-header nav ul li.cta a:hover:after { | ||
+ | display: none; | ||
+ | } | ||
+ | #fh5co-header nav ul li.active a { | ||
+ | text-decoration: none; | ||
+ | color: rgba(0, 0, 0, 0.8); | ||
+ | } | ||
+ | #fh5co-header nav ul li.active a:after { | ||
+ | visibility: visible; | ||
+ | -webkit-transform: scaleX(1); | ||
+ | -moz-transform: scaleX(1); | ||
+ | -ms-transform: scaleX(1); | ||
+ | -o-transform: scaleX(1); | ||
+ | transform: scaleX(1); | ||
} | } | ||
− | + | #fh5co-hero { | |
− | . | + | min-height: 700px; |
+ | z-index: 1; | ||
+ | } | ||
+ | #fh5co-hero .btn { | ||
+ | font-size: 24px; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #fh5co-hero .flexslider { | ||
+ | border: none; | ||
+ | z-index: 1; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | #fh5co-hero .flexslider .slides { | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #fh5co-hero .flexslider .slides li { | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | background-position: center center; | ||
+ | min-height: 700px; | ||
+ | } | ||
+ | #fh5co-hero .flexslider .flex-control-nav { | ||
+ | bottom: 40px; | ||
+ | z-index: 1000; | ||
+ | } | ||
+ | #fh5co-hero .flexslider .flex-control-nav li a { | ||
+ | background: rgba(255, 255, 255, 0.2); | ||
+ | box-shadow: none; | ||
+ | width: 12px; | ||
+ | height: 12px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #fh5co-hero .flexslider .flex-control-nav li a.flex-active { | ||
+ | cursor: pointer; | ||
+ | background: rgba(255, 255, 255, 0.7); | ||
+ | } | ||
+ | #fh5co-hero .flexslider .flex-direction-nav { | ||
display: none; | display: none; | ||
+ | } | ||
+ | #fh5co-hero .flexslider .slider-text { | ||
+ | display: table; | ||
+ | opacity: 0; | ||
+ | min-height: 700px; | ||
+ | } | ||
+ | #fh5co-hero .flexslider .slider-text > .slider-text-inner { | ||
+ | display: table-cell; | ||
+ | vertical-align: middle; | ||
+ | min-height: 700px; | ||
+ | } | ||
+ | #fh5co-hero .flexslider .slider-text > .slider-text-inner h2 { | ||
+ | font-size: 70px; | ||
+ | font-weight: 600; | ||
+ | color: white; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | #fh5co-hero .flexslider .slider-text > .slider-text-inner h2 { | ||
+ | font-size: 40px; | ||
+ | } | ||
+ | } | ||
+ | #fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead { | ||
+ | font-size: 20px; | ||
+ | color: #69D2E7; | ||
+ | } | ||
+ | #fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead .icon-heart { | ||
+ | color: red; | ||
+ | } | ||
+ | |||
+ | #fh5co-services-section, #fh5co-work-section, #fh5co-testimony-section, | ||
+ | #fh5co-blog-section { | ||
+ | padding: 7em 0; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | #fh5co-services-section, #fh5co-work-section, #fh5co-testimony-section, | ||
+ | #fh5co-blog-section { | ||
+ | padding: 3em 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #fh5co-services-section h2 { | ||
+ | |||
+ | font-size: 60px; | ||
+ | overflow: visible; | ||
+ | } | ||
+ | |||
+ | #fh5co-services-section .services { | ||
+ | position: relative; | ||
+ | } | ||
+ | #fh5co-services-section .services i { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | font-size: 40px; | ||
+ | color: #27E1CE; | ||
+ | } | ||
+ | #fh5co-services-section .services .desc { | ||
+ | padding-left: 70px; | ||
+ | } | ||
+ | #fh5co-services-section .services .desc h3 { | ||
+ | font-size: 20px; | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | .fh5co-services { | ||
+ | margin-top: 4em; | ||
+ | } | ||
+ | |||
+ | #fh5co-work-section .item-grid { | ||
+ | width: 100%; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | background: #A7DBD8; | ||
+ | margin-bottom: 50px; | ||
+ | -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11); | ||
+ | -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11); | ||
+ | box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11); | ||
+ | -webkit-transition: 0.3s; | ||
+ | -o-transition: 0.3s; | ||
+ | transition: 0.3s; | ||
+ | top: 2px; | ||
+ | } | ||
+ | #fh5co-work-section .item-grid .image { | ||
+ | height: 300px; | ||
+ | overflow: hidden; | ||
+ | margin-bottom: 20px; | ||
+ | background-size: cover; | ||
+ | background-position: center center; | ||
+ | } | ||
+ | #fh5co-work-section .item-grid .v-align { | ||
+ | padding: 30px; | ||
+ | } | ||
+ | #fh5co-work-section .item-grid .v-align h3 { | ||
+ | font-weight: 700; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | #fh5co-work-section .item-grid .v-align h5 { | ||
+ | color: rgba(0, 0, 0, 0.3); | ||
+ | } | ||
+ | #fh5co-work-section .item-grid:hover, #fh5co-work-section .item-grid:focus { | ||
+ | text-decoration: none; | ||
+ | -webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); | ||
+ | -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); | ||
+ | box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); | ||
+ | top: -2px; | ||
+ | } | ||
+ | |||
+ | .wrap-testimony { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .wrap-testimony .testimony-slide { | ||
+ | text-align: center; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .wrap-testimony .testimony-slide span { | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | .wrap-testimony .testimony-slide span a.twitter { | ||
+ | color: #27E1CE; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | .wrap-testimony .testimony-slide figure { | ||
+ | margin-bottom: 20px; | ||
+ | display: -moz-inline-stack; | ||
+ | display: inline-block; | ||
+ | zoom: 1; | ||
+ | *display: inline; | ||
+ | } | ||
+ | .wrap-testimony .testimony-slide figure img { | ||
+ | width: 120px; | ||
+ | height: 120px; | ||
+ | -webkit-border-radius: 50%; | ||
+ | -moz-border-radius: 50%; | ||
+ | -ms-border-radius: 50%; | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | .wrap-testimony .testimony-slide blockquote { | ||
+ | border: none; | ||
+ | margin: 0 auto; | ||
+ | width: 72%; | ||
+ | position: relative; | ||
+ | padding-bottom: 30px; | ||
+ | } | ||
+ | @media screen and (max-width: 992px) { | ||
+ | .wrap-testimony .testimony-slide blockquote { | ||
+ | width: 100%; | ||
+ | } | ||
+ | } | ||
+ | .wrap-testimony .testimony-slide blockquote p { | ||
+ | font-size: 20px; | ||
+ | line-height: 1.6em; | ||
+ | color: #1a1a1a; | ||
+ | } | ||
+ | .wrap-testimony .testimony-slide.active { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .owl-carousel .owl-controls .owl-dot { | ||
+ | margin-top: 30px; | ||
+ | } | ||
+ | .owl-carousel .owl-controls .owl-dot span { | ||
+ | background: #e6e6e6; | ||
+ | } | ||
+ | .owl-carousel .owl-controls .owl-dot span:hover, .owl-carousel .owl-controls .owl-dot span:focus { | ||
+ | background: #cccccc; | ||
+ | } | ||
+ | .owl-carousel .owl-controls .owl-dot:hover span, .owl-carousel .owl-controls .owl-dot:focus span { | ||
+ | background: #cccccc; | ||
+ | } | ||
+ | .owl-carousel .owl-controls .owl-dot.active span { | ||
+ | background: transparent; | ||
+ | border: 2px solid #27E1CE; | ||
+ | } | ||
+ | |||
+ | #fh5co-blog-section .item-grid { | ||
+ | width: 100%; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | background: #fff; | ||
+ | margin-bottom: 50px; | ||
+ | -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11); | ||
+ | -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11); | ||
+ | box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11); | ||
+ | -webkit-transition: 0.3s; | ||
+ | -o-transition: 0.3s; | ||
+ | transition: 0.3s; | ||
+ | top: 2px; | ||
+ | } | ||
+ | #fh5co-blog-section .item-grid .image { | ||
+ | height: 400px; | ||
+ | overflow: hidden; | ||
+ | margin-bottom: 20px; | ||
+ | background-size: cover; | ||
+ | background-position: center center; | ||
+ | } | ||
+ | #fh5co-blog-section .item-grid .v-align { | ||
+ | padding: 30px; | ||
+ | } | ||
+ | #fh5co-blog-section .item-grid .v-align h3 { | ||
+ | font-weight: 700; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | #fh5co-blog-section .item-grid .v-align h5 { | ||
+ | color: rgba(0, 0, 0, 0.3); | ||
+ | } | ||
+ | #fh5co-blog-section .item-grid .v-align p { | ||
+ | color: gray; | ||
+ | } | ||
+ | #fh5co-blog-section .item-grid:hover, #fh5co-blog-section .item-grid:focus { | ||
+ | text-decoration: none; | ||
+ | -webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); | ||
+ | -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); | ||
+ | box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); | ||
+ | top: -2px; | ||
+ | } | ||
+ | |||
+ | .item-block { | ||
+ | margin-bottom: 7em; | ||
+ | float: left; | ||
+ | } | ||
+ | .item-block .icon { | ||
+ | display: block; | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | .item-block .icon img { | ||
+ | max-width: inherit; | ||
+ | height: 90px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .item-block h3 { | ||
+ | font-size: 20px; | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | .item-block p:last-child { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .fh5co-heading { | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | .fh5co-heading h2 { | ||
+ | margin-bottom: 20px; | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | .googleplus-color { | ||
+ | color: #dc4e41; | ||
+ | } | ||
+ | |||
+ | .facebook-color { | ||
+ | color: #3b5998; | ||
+ | } | ||
+ | |||
+ | .twitter-color { | ||
+ | color: #55acee; | ||
+ | } | ||
+ | |||
+ | .fh5co-about, | ||
+ | .fh5co-contact { | ||
+ | padding: 7em 0; | ||
+ | } | ||
+ | |||
+ | .fh5co-team { | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .fh5co-team h2 { | ||
+ | font-size: 60px; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 768px) { | ||
+ | .fh5co-about, | ||
+ | .fh5co-team, | ||
+ | .fh5co-contact { | ||
+ | padding: 3em 0 10px 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .contact-info { | ||
+ | margin-bottom: 4em; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .contact-info li { | ||
+ | list-style: none; | ||
+ | margin: 0 0 20px 0; | ||
+ | position: relative; | ||
+ | padding-left: 40px; | ||
+ | } | ||
+ | .contact-info li i { | ||
+ | position: absolute; | ||
+ | top: .3em; | ||
+ | left: 0; | ||
+ | font-size: 22px; | ||
+ | color: #27E1CE; | ||
+ | } | ||
+ | .contact-info li a { | ||
+ | color: #27E1CE; | ||
+ | } | ||
+ | |||
+ | #map { | ||
+ | height: 500px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | #map { | ||
+ | height: 400px; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | #map { | ||
+ | height: 200px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fh5co-staff img { | ||
+ | margin-bottom: 1.5em; | ||
+ | } | ||
+ | .fh5co-staff h3 { | ||
+ | margin: 0 0 20px 0; | ||
+ | font-weight: 700; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | .fh5co-staff h4 { | ||
+ | margin: 0 0 20px 0; | ||
+ | font-weight: 400; | ||
+ | color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | .fh5co-staff .fh5co-social { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .fh5co-staff .fh5co-social a { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | .fh5co-cta { | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | background-position: center center; | ||
+ | background-attachment: fixed; | ||
+ | padding: 14em 0; | ||
+ | position: relative; | ||
+ | min-height: 700px; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #homeCta { | ||
+ | min-height: 100px !important; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | .fh5co-cta { | ||
+ | padding: 3em 0; | ||
+ | } | ||
+ | } | ||
+ | .fh5co-cta .overlay { | ||
+ | background: rgba(0, 0, 0, 0.6); | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | top: 0; | ||
position: absolute; | position: absolute; | ||
− | |||
− | |||
− | |||
z-index: 1; | z-index: 1; | ||
+ | min-height: 700px; | ||
+ | } | ||
+ | .fh5co-cta .overlay2 { | ||
+ | background: rgba(0, 0, 0, 0.6); | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | top: 0; | ||
+ | position: absolute; | ||
+ | z-index: 1; | ||
+ | min-height: 100px; | ||
+ | } | ||
+ | .fh5co-cta .container { | ||
+ | position: relative; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | .fh5co-cta p, .fh5co-cta h3, .fh5co-cta h2 { | ||
+ | color: #fff; | ||
} | } | ||
− | + | .fh5co-cta h2 { | |
− | . | + | font-size: 40px; |
− | float: none; | + | } |
− | color: black; | + | |
− | padding: | + | .fh5co-cta { |
+ | color: #fff; | ||
+ | } | ||
+ | .fh5co-cta p:last-child { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | .fh5co-cta .btn { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #fh5co-footer { | ||
+ | padding: 7em 0; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | background: #262626; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | #fh5co-footer { | ||
+ | padding: 3em 0; | ||
+ | } | ||
+ | } | ||
+ | #fh5co-footer h2, #fh5co-footer h3, #fh5co-footer h4 { | ||
+ | color: #fff; | ||
+ | } | ||
+ | #fh5co-footer h3 { | ||
+ | text-transform: uppercase; | ||
+ | letter-spacing: 2px; | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #fh5co-footer [class*="col"] { | ||
+ | padding-bottom: 30px; | ||
+ | } | ||
+ | #fh5co-footer .btn { | ||
+ | color: #fff; | ||
+ | } | ||
+ | #fh5co-footer .float { | ||
+ | float: left; | ||
+ | margin-right: 10%; | ||
+ | } | ||
+ | #fh5co-footer ul { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | #fh5co-footer ul li { | ||
+ | padding: 0; | ||
+ | margin: 0 0 10px 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | #fh5co-footer ul li a { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | #fh5co-footer ul li a:hover { | ||
+ | color: #fff; | ||
+ | } | ||
+ | #fh5co-footer .fh5co-social li { | ||
+ | display: block !important; | ||
+ | } | ||
+ | |||
+ | .fh5co-copyright { | ||
+ | border-top: 1px solid rgba(255, 255, 255, 0.1); | ||
+ | clear: both; | ||
+ | margin-top: 40px !important; | ||
+ | padding: 40px 0 0 0; | ||
+ | } | ||
+ | .fh5co-copyright span { | ||
+ | display: block; | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | .fh5co-copyright { | ||
+ | text-align: left !important; | ||
+ | } | ||
+ | .fh5co-copyright span { | ||
+ | display: inline; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #fh5co-page { | ||
+ | position: relative; | ||
+ | z-index: 2; | ||
+ | background:#324856; | ||
+ | } | ||
+ | |||
+ | #fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page { | ||
+ | -webkit-transition: 0.5s; | ||
+ | -o-transition: 0.5s; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | |||
+ | #fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #fh5co-page { | ||
+ | z-index: 2; | ||
+ | -webkit-transition: 0.5s; | ||
+ | -o-transition: 0.5s; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | .offcanvas-visible #fh5co-page { | ||
+ | -moz-transform: translateX(-275px); | ||
+ | -webkit-transform: translateX(-275px); | ||
+ | -ms-transform: translateX(-275px); | ||
+ | -o-transform: translateX(-275px); | ||
+ | transform: translateX(-275px); | ||
+ | } | ||
+ | |||
+ | #fh5co-offcanvas { | ||
+ | display: none; | ||
+ | height: 100%; | ||
+ | right: 0; | ||
+ | overflow-y: auto; | ||
+ | position: fixed; | ||
+ | z-index: 1; | ||
+ | top: 0; | ||
+ | width: 275px; | ||
+ | background: black; | ||
+ | padding: 30px; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | #fh5co-offcanvas { | ||
+ | display: block; | ||
+ | } | ||
+ | } | ||
+ | #fh5co-offcanvas ul { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | #fh5co-offcanvas ul li { | ||
+ | padding: 0; | ||
+ | margin: 0 0 10px 0; | ||
+ | list-style: none; | ||
+ | line-height: 28px; | ||
+ | } | ||
+ | #fh5co-offcanvas ul li a { | ||
+ | font-size: 18px; | ||
+ | color: rgba(255, 255, 255, 0.7); | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | #fh5co-offcanvas ul li a:hover { | ||
+ | color: #27E1CE; | ||
+ | } | ||
+ | #fh5co-offcanvas ul li.active a { | ||
+ | color: #27E1CE; | ||
+ | } | ||
+ | #fh5co-offcanvas ul li.cta { | ||
+ | margin-left: 0; | ||
+ | margin-top: 20px; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | } | ||
+ | #fh5co-offcanvas ul li.cta a { | ||
+ | padding-left: 16px !important; | ||
+ | padding-right: 16px !important; | ||
+ | padding-top: 7px !important; | ||
+ | padding-bottom: 7px !important; | ||
+ | border: 2px solid rgba(255, 255, 255, 0.7); | ||
+ | -webkit-border-radius: 30px; | ||
+ | -moz-border-radius: 30px; | ||
+ | -ms-border-radius: 30px; | ||
+ | border-radius: 30px; | ||
+ | } | ||
+ | #fh5co-offcanvas ul li.cta a:hover { | ||
+ | background: #fff; | ||
text-decoration: none; | text-decoration: none; | ||
+ | } | ||
+ | #fh5co-offcanvas ul li.cta a:hover:after { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .fh5co-nav-toggle { | ||
+ | cursor: pointer; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after { | ||
+ | background: #fff; | ||
+ | } | ||
+ | .fh5co-nav-toggle.dark.active i::before, .fh5co-nav-toggle.dark.active i::after { | ||
+ | background: #fff; | ||
+ | } | ||
+ | .fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active { | ||
+ | outline: none; | ||
+ | border-bottom: none !important; | ||
+ | } | ||
+ | .fh5co-nav-toggle i { | ||
+ | position: relative; | ||
+ | display: -moz-inline-stack; | ||
+ | display: inline-block; | ||
+ | zoom: 1; | ||
+ | *display: inline; | ||
+ | width: 30px; | ||
+ | height: 2px; | ||
+ | color: #fff; | ||
+ | font: bold 14px/.4 Helvetica; | ||
+ | text-transform: uppercase; | ||
+ | text-indent: -55px; | ||
+ | background: #000; | ||
+ | transition: all .2s ease-out; | ||
+ | } | ||
+ | .fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after { | ||
+ | content: ''; | ||
+ | width: 30px; | ||
+ | height: 2px; | ||
+ | background: #000; | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | -webkit-transition: 0.2s; | ||
+ | -o-transition: 0.2s; | ||
+ | transition: 0.2s; | ||
+ | } | ||
+ | .fh5co-nav-toggle.dark i { | ||
+ | position: relative; | ||
+ | color: #000; | ||
+ | background: #000; | ||
+ | transition: all .2s ease-out; | ||
+ | } | ||
+ | .fh5co-nav-toggle.dark i::before, .fh5co-nav-toggle.dark i::after { | ||
+ | background: #000; | ||
+ | -webkit-transition: 0.2s; | ||
+ | -o-transition: 0.2s; | ||
+ | transition: 0.2s; | ||
+ | } | ||
+ | |||
+ | .fh5co-nav-toggle i::before { | ||
+ | top: -7px; | ||
+ | } | ||
+ | |||
+ | .fh5co-nav-toggle i::after { | ||
+ | bottom: -7px; | ||
+ | } | ||
+ | |||
+ | .fh5co-nav-toggle:hover i::before { | ||
+ | top: -10px; | ||
+ | } | ||
+ | |||
+ | .fh5co-nav-toggle:hover i::after { | ||
+ | bottom: -10px; | ||
+ | } | ||
+ | |||
+ | .fh5co-nav-toggle.active i { | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | .fh5co-nav-toggle.active i::before { | ||
+ | top: 0; | ||
+ | -webkit-transform: rotateZ(45deg); | ||
+ | -moz-transform: rotateZ(45deg); | ||
+ | -ms-transform: rotateZ(45deg); | ||
+ | -o-transform: rotateZ(45deg); | ||
+ | transform: rotateZ(45deg); | ||
+ | } | ||
+ | |||
+ | .fh5co-nav-toggle.active i::after { | ||
+ | bottom: 0; | ||
+ | -webkit-transform: rotateZ(-45deg); | ||
+ | -moz-transform: rotateZ(-45deg); | ||
+ | -ms-transform: rotateZ(-45deg); | ||
+ | -o-transform: rotateZ(-45deg); | ||
+ | transform: rotateZ(-45deg); | ||
+ | } | ||
+ | |||
+ | .fh5co-nav-toggle { | ||
+ | position: fixed; | ||
+ | top: 40px; | ||
+ | right: 20px; | ||
+ | z-index: 9999; | ||
display: block; | display: block; | ||
− | + | margin: 0 auto; | |
+ | display: none; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | .fh5co-nav-toggle { | ||
+ | display: block; | ||
+ | top: 20px; | ||
+ | } | ||
} | } | ||
− | + | #fh5co-pricing-section { | |
− | . | + | padding: 7em 0; |
− | + | background: #fcfcfc; | |
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | #fh5co-pricing-section { | ||
+ | padding: 3em 0; | ||
+ | } | ||
+ | } | ||
+ | #fh5co-pricing-section .pricing { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | #fh5co-pricing-section .price-box { | ||
+ | text-align: center; | ||
+ | padding: 30px; | ||
+ | background: #fff; | ||
+ | margin-bottom: 40px; | ||
+ | position: relative; | ||
+ | -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11); | ||
+ | -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11); | ||
+ | box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11); | ||
+ | top: 2px; | ||
+ | -webkit-transition: 0.3s; | ||
+ | -o-transition: 0.3s; | ||
+ | transition: 0.3s; | ||
+ | } | ||
+ | #fh5co-pricing-section .price-box.popular .btn-select-plan { | ||
+ | background: #27E1CE; | ||
+ | } | ||
+ | #fh5co-pricing-section .price-box.popular .price { | ||
+ | color: #27E1CE; | ||
+ | } | ||
+ | #fh5co-pricing-section .price-box .btn-select-plan { | ||
+ | padding: 10px 20px; | ||
+ | background: #5bc0de; | ||
+ | color: #fff; | ||
+ | } | ||
+ | #fh5co-pricing-section .price-box:hover, #fh5co-pricing-section .price-box:focus { | ||
+ | -webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); | ||
+ | -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); | ||
+ | box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); | ||
+ | top: -2px; | ||
+ | } | ||
+ | #fh5co-pricing-section .pricing-plan { | ||
+ | margin: 0 0 50px 0; | ||
+ | padding: 0; | ||
+ | font-size: 13px; | ||
+ | letter-spacing: 2px; | ||
+ | text-transform: uppercase; | ||
+ | font-weight: 700; | ||
+ | color: #888f94; | ||
+ | } | ||
+ | #fh5co-pricing-section .pricing-plan.pricing-plan-offer { | ||
+ | margin-bottom: 24px; | ||
+ | } | ||
+ | #fh5co-pricing-section .pricing-plan span { | ||
+ | display: block; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 0; | ||
+ | color: #d5d8db; | ||
+ | } | ||
+ | #fh5co-pricing-section .price { | ||
+ | font-size: 72px; | ||
+ | color: #6d6d6d; | ||
+ | line-height: 50px; | ||
+ | } | ||
+ | #fh5co-pricing-section .price .currency { | ||
+ | font-size: 30px; | ||
+ | top: -0.9em; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | #fh5co-pricing-section .price small { | ||
+ | font-size: 13px; | ||
+ | display: block; | ||
+ | text-transform: uppercase; | ||
+ | color: #888f94; | ||
} | } | ||
+ | |||
+ | .fh5co-light-grey-section { | ||
+ | background: rgba(0, 0, 0, 0.03) !important; | ||
+ | } | ||
+ | |||
+ | .js .animate-box { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-bright { | ||
+ | background-color:#111155; | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | .affix-top,.affix{ | ||
+ | position: static; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sidebar { | ||
+ | text-align: right; | ||
+ | color: #27E1CE; | ||
+ | } | ||
+ | |||
+ | #sidebar a:visited{ | ||
+ | color: #27E1CE; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 979px) { | ||
+ | #sidebar.affix-top { | ||
+ | position: static; | ||
+ | margin-top:30px; | ||
+ | width:228px; | ||
+ | } | ||
+ | |||
+ | #sidebar.affix { | ||
+ | position: fixed; | ||
+ | top:70px; | ||
+ | width:228px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #sidebar li.active { | ||
+ | border:0 #eee solid; | ||
+ | border-right-width:5px; | ||
+ | } | ||
+ | |||
+ | /* The container <div> - needed to position the dropdown content */ | ||
+ | .dropdown { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | /* Dropdown Content (Hidden by Default) */ | ||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 3; | ||
+ | } | ||
+ | |||
+ | /* Links inside the dropdown */ | ||
+ | .dropdown-content a { | ||
+ | color: white; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | z-index: 3; | ||
+ | margin-top: 6px; | ||
+ | margin-bottom: 6px; | ||
+ | } | ||
+ | |||
+ | /* Change color of dropdown links on hover */ | ||
+ | .dropdown-content a:hover {background-color: #f1f1f1} | ||
/* Show the dropdown menu on hover */ | /* Show the dropdown menu on hover */ | ||
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
− | + | display: block; | |
+ | margin-top: 10px; | ||
+ | |||
} | } | ||
+ | |||
+ | .dropdown-content a:after{ | ||
+ | background-color: transparent !important; | ||
+ | } | ||
+ | |||
+ | /* Change the background color of the dropdown button when the dropdown content is shown */ | ||
+ | .dropdown:hover .dropbtn { | ||
+ | background-color: #3e8e41; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*# sourceMappingURL=style.css.map */ | ||
+ | |||
− | |||
</html> | </html> |
Revision as of 18:22, 15 September 2018