/* ==========================================================================
Source:beauty.scss
Version:2.1.1
Last Update: 5.11.17 10:10am
========================================================================== */
body.pg-loading {
overflow: hidden; }
.pg-loading-screen {
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 1000000;
opacity: 1;
background-color: #FFF;
-webkit-transition: background-color 0.4s ease-in-out 0s;
-moz-transition: background-color 0.4s ease-in-out 0s;
-ms-transition: background-color 0.4s ease-in-out 0s;
-o-transition: background-color 0.4s ease-in-out 0s;
transition: background-color 0.4s ease-in-out 0s; }
.pg-loading-screen.pg-loaded {
opacity: 0;
-webkit-animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both;
-moz-animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both;
-ms-animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both;
-o-animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both;
animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both; }
.pg-loading-screen.pg-loading .pg-loading-logo-header, .pg-loading-screen.pg-loading .pg-loading-html {
opacity: 1; }
.pg-loading-screen.pg-loading .pg-loading-logo-header, .pg-loading-screen.pg-loading .pg-loading-html:not(.pg-loaded) {
-webkit-animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both;
-moz-animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both;
-ms-animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both;
-o-animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both;
animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both; }
.pg-loading-screen.pg-loading .pg-loading-html:not(.pg-loaded) {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
animation-delay: 0.3s; }
.pg-loading-screen .pg-loading-inner {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
position: static; }
.pg-loading-screen .pg-loading-center-outer {
width: 100%;
padding: 0;
display: table !important;
height: 100%;
position: absolute;
top: 0;
left: 0;
margin: 0; }
.pg-loading-screen .pg-loading-center-middle {
padding: 0;
vertical-align: middle;
display: table-cell !important;
margin: 0;
text-align: center; }
.pg-loading-screen .pg-loading-logo-header, .pg-loading-screen .pg-loading-html {
width: 100%;
opacity: 0; }
.pg-loading-screen .pg-loading-logo-header {
text-align: center; }
.pg-loading-screen .pg-loading-logo-header img {
display: inline-block !important; }
.pg-loading-screen .pg-loading-html {
margin-top: 90px; }
.pg-loading-screen .pg-loading-html.pg-loaded {
-webkit-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
-moz-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
-ms-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
-o-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.pg-loading-screen .pg-loading-html.pg-loaded.pg-removing {
opacity: 0; }
.pg-loading-screen .pg-loading-html.pg-loaded.pg-loading {
opacity: 1; }
@-webkit-keyframes pgAnimLoading {
from {
opacity: 0; } }
@-moz-keyframes pgAnimLoading {
from {
opacity: 0; } }
@-o-keyframes pgAnimLoading {
from {
opacity: 0; } }
@-ms-keyframes pgAnimLoading {
from {
opacity: 0; } }
@keyframes pgAnimLoading {
from {
opacity: 0; } }
@-webkit-keyframes pgAnimLoaded {
from {
opacity: 1; } }
@-moz-keyframes pgAnimLoaded {
from {
opacity: 1; } }
@-o-keyframes pgAnimLoaded {
from {
opacity: 1; } }
@-ms-keyframes pgAnimLoaded {
from {
opacity: 1; } }
@keyframes pgAnimLoaded {
from {
opacity: 1; } }
/*
* Usage:
*
*
*/
.sk-cube-grid {
width: 40px;
height: 40px;
margin: 40px auto;
/*
* Spinner positions
* 1 2 3
* 4 5 6
* 7 8 9
*/ }
.sk-cube-grid .sk-cube {
width: 33.33%;
height: 33.33%;
background-color: #333;
float: left;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
.sk-cube-grid .sk-cube1 {
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
animation-delay: 0.0s; }
.sk-cube-grid .sk-cube8 {
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
animation-delay: 0.2s; }
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
transform: scale3D(1, 1, 1); }
35% {
transform: scale3D(0, 0, 1); } }
/*
* Usage:
*
*
*/
.sk-folding-cube {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
transform: rotateZ(45deg); }
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1); }
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #333;
animation: sk-foldCubeAngle 2.4s infinite linear both;
transform-origin: 100% 100%; }
.sk-folding-cube .sk-cube2 {
transform: scale(1.1) rotateZ(90deg); }
.sk-folding-cube .sk-cube3 {
transform: scale(1.1) rotateZ(180deg); }
.sk-folding-cube .sk-cube4 {
transform: scale(1.1) rotateZ(270deg); }
.sk-folding-cube .sk-cube2:before {
animation-delay: 0.3s; }
.sk-folding-cube .sk-cube3:before {
animation-delay: 0.6s; }
.sk-folding-cube .sk-cube4:before {
animation-delay: 0.9s; }
@keyframes sk-foldCubeAngle {
0%, 10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0; }
25%, 75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1; }
90%, 100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0; } }
/*********************
Mixins
**********************/
.testMe {
color: green; }
/**************************************************************************
1. NORMALIZE - Resets all browsers defaults. Exclude if already in use
**************************************************************************/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
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;
/* 1 */
vertical-align: baseline;
/* 2 */ }
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: #000; }
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; }
figure {
margin: 1em 40px; }
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */ }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
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;
/* 1 */
padding: 0;
/* 2 */ }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
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;
/* 1 */
padding: 0;
/* 2 */ }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
/**************************************************************************
2. COLORS & VARIABLES - Can Thin Down Before Production
**************************************************************************/
.amber-text {
color: #FFC107; }
.white-text {
color: #fff; }
.red-900 {
background-color: #B71C1C !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.red-900.disabled {
background-color: #cbbbbb !important;
color: #fff !important;
/*cursor: default;*/ }
.red-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.red-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.red-900.disabled:hover {
background-color: #cbbbbb !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.red-900:hover {
background-color: #e13e3e !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.red-900 a {
color: #B71C1C; }
.red-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.red-900 .bordered {
border-bottom: 4px solid #B71C1C; }
.red-600 {
background-color: #E53935 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.red-600.disabled {
background-color: #ebe2e2 !important;
color: #fff !important;
/*cursor: default;*/ }
.red-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.red-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.red-600.disabled:hover {
background-color: #ebe2e2 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.red-600:hover {
background-color: #ee7b79 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.red-600 a {
color: #E53935; }
.red-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.red-600 .bordered {
border-bottom: 4px solid #E53935; }
.pink-900 {
background-color: #880E4F !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.pink-900.disabled {
background-color: #b891a6 !important;
color: #fff !important;
/*cursor: default;*/ }
.pink-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.pink-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.pink-900.disabled:hover {
background-color: #b891a6 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.pink-900:hover {
background-color: #cd1577 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.pink-900 a {
color: #880E4F; }
.pink-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.pink-900 .bordered {
border-bottom: 4px solid #880E4F; }
.pink-600 {
background-color: #D81B60 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.pink-600.disabled {
background-color: #dbcbd1 !important;
color: #fff !important;
/*cursor: default;*/ }
.pink-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.pink-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.pink-600.disabled:hover {
background-color: #dbcbd1 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.pink-600:hover {
background-color: #ea568c !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.pink-600 a {
color: #D81B60; }
.pink-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.pink-600 .bordered {
border-bottom: 4px solid #D81B60; }
.purple-900 {
background-color: #4A148C !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.purple-900.disabled {
background-color: #a89cb6 !important;
color: #fff !important;
/*cursor: default;*/ }
.purple-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.purple-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.purple-900.disabled:hover {
background-color: #a89cb6 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.purple-900:hover {
background-color: #6d1ecf !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.purple-900 a {
color: #4A148C; }
.purple-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.purple-900 .bordered {
border-bottom: 4px solid #4A148C; }
.purple-600 {
background-color: #8E24AA !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.purple-600.disabled {
background-color: #c2bdc3 !important;
color: #fff !important;
/*cursor: default;*/ }
.purple-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.purple-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.purple-600.disabled:hover {
background-color: #c2bdc3 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.purple-600:hover {
background-color: #b843d7 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.purple-600 a {
color: #8E24AA; }
.purple-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.purple-600 .bordered {
border-bottom: 4px solid #8E24AA; }
.deep-purple-900 {
background-color: #311B92 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.deep-purple-900.disabled {
background-color: #aba9b7 !important;
color: #fff !important;
/*cursor: default;*/ }
.deep-purple-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.deep-purple-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.deep-purple-900.disabled:hover {
background-color: #aba9b7 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.deep-purple-900:hover {
background-color: #4727d3 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.deep-purple-900 a {
color: #311B92; }
.deep-purple-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.deep-purple-900 .bordered {
border-bottom: 4px solid #311B92; }
.deep-purple-600 {
background-color: #5E35B1 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.deep-purple-600.disabled {
background-color: #cccccc !important;
color: #fff !important;
/*cursor: default;*/ }
.deep-purple-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.deep-purple-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.deep-purple-600.disabled:hover {
background-color: #cccccc !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.deep-purple-600:hover {
background-color: #8762d0 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.deep-purple-600 a {
color: #5E35B1; }
.deep-purple-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.deep-purple-600 .bordered {
border-bottom: 4px solid #5E35B1; }
.indigo-900 {
background-color: #1A237E !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.indigo-900.disabled {
background-color: #a0a1aa !important;
color: #fff !important;
/*cursor: default;*/ }
.indigo-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.indigo-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.indigo-900.disabled:hover {
background-color: #a0a1aa !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.indigo-900:hover {
background-color: #2735bd !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.indigo-900 a {
color: #1A237E; }
.indigo-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.indigo-900 .bordered {
border-bottom: 4px solid #1A237E; }
.indigo-600 {
background-color: #3949AB !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.indigo-600.disabled {
background-color: #cbcbcb !important;
color: #fff !important;
/*cursor: default;*/ }
.indigo-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.indigo-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.indigo-600.disabled:hover {
background-color: #cbcbcb !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.indigo-600:hover {
background-color: #6573cc !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.indigo-600 a {
color: #3949AB; }
.indigo-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.indigo-600 .bordered {
border-bottom: 4px solid #3949AB; }
.blue-900 {
background-color: #0D47A1 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.blue-900.disabled {
background-color: #9dacc4 !important;
color: #fff !important;
/*cursor: default;*/ }
.blue-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.blue-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.blue-900.disabled:hover {
background-color: #9dacc4 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.blue-900:hover {
background-color: #1366e8 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.blue-900 a {
color: #0D47A1; }
.blue-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.blue-900 .bordered {
border-bottom: 4px solid #0D47A1; }
.blue-600 {
background-color: #1E88E5 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.blue-600.disabled {
background-color: #d4dbe2 !important;
color: #fff !important;
/*cursor: default;*/ }
.blue-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.blue-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.blue-600.disabled:hover {
background-color: #d4dbe2 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.blue-600:hover {
background-color: #63aced !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.blue-600 a {
color: #1E88E5; }
.blue-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.blue-600 .bordered {
border-bottom: 4px solid #1E88E5; }
.light-blue-900 {
background-color: #01579B !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.light-blue-900.disabled {
background-color: #85abc9 !important;
color: #fff !important;
/*cursor: default;*/ }
.light-blue-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.light-blue-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.light-blue-900.disabled:hover {
background-color: #85abc9 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.light-blue-900:hover {
background-color: #0182e7 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.light-blue-900 a {
color: #01579B; }
.light-blue-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.light-blue-900 .bordered {
border-bottom: 4px solid #01579B; }
.light-blue-600 {
background-color: #039BE5 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.light-blue-600.disabled {
background-color: #bbd4e0 !important;
color: #fff !important;
/*cursor: default;*/ }
.light-blue-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.light-blue-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.light-blue-600.disabled:hover {
background-color: #bbd4e0 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.light-blue-600:hover {
background-color: #38bcfc !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.light-blue-600 a {
color: #039BE5; }
.light-blue-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.light-blue-600 .bordered {
border-bottom: 4px solid #039BE5; }
.cyan-900 {
background-color: #006064 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.cyan-900.disabled {
background-color: #5db6ba !important;
color: #fff !important;
/*cursor: default;*/ }
.cyan-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.cyan-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.cyan-900.disabled:hover {
background-color: #5db6ba !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.cyan-900:hover {
background-color: #00a9b1 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.cyan-900 a {
color: #006064; }
.cyan-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.cyan-900 .bordered {
border-bottom: 4px solid #006064; }
.cyan-600 {
background-color: #0097A7 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.cyan-600.disabled {
background-color: #8cc7ce !important;
color: #fff !important;
/*cursor: default;*/ }
.cyan-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.cyan-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.cyan-600.disabled:hover {
background-color: #8cc7ce !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.cyan-600:hover {
background-color: #00dcf4 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.cyan-600 a {
color: #0097A7; }
.cyan-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.cyan-600 .bordered {
border-bottom: 4px solid #0097A7; }
.teal-900 {
background-color: #004D40 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.teal-900.disabled {
background-color: #4db3a1 !important;
color: #fff !important;
/*cursor: default;*/ }
.teal-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.teal-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.teal-900.disabled:hover {
background-color: #4db3a1 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.teal-900:hover {
background-color: #009a80 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.teal-900 a {
color: #004D40; }
.teal-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.teal-900 .bordered {
border-bottom: 4px solid #004D40; }
.teal-600 {
background-color: #00897B !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.teal-600.disabled {
background-color: #77c5bd !important;
color: #fff !important;
/*cursor: default;*/ }
.teal-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.teal-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.teal-600.disabled:hover {
background-color: #77c5bd !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.teal-600:hover {
background-color: #00d6c0 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.teal-600 a {
color: #00897B; }
.teal-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.teal-600 .bordered {
border-bottom: 4px solid #00897B; }
.teal-a700 {
background-color: #00BFA5 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #333; }
.teal-a700.disabled {
background-color: #9dd5cd !important;
color: #fff !important;
/*cursor: default;*/ }
.teal-a700.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.teal-a700.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.teal-a700.disabled:hover {
background-color: #9dd5cd !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.teal-a700:hover {
background-color: #0dffde !important;
color: #333 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.teal-a700 a {
color: #00BFA5; }
.teal-a700 a:hover {
color: #333 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.teal-a700 .bordered {
border-bottom: 4px solid #00BFA5; }
.teal-a500 {
background-color: #009688 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #333; }
.teal-a500.disabled {
background-color: #80c9c2 !important;
color: #fff !important;
/*cursor: default;*/ }
.teal-a500.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.teal-a500.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.teal-a500.disabled:hover {
background-color: #80c9c2 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.teal-a500:hover {
background-color: #00e3cd !important;
color: #333 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.teal-a500 a {
color: #009688; }
.teal-a500 a:hover {
color: #333 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.teal-a500 .bordered {
border-bottom: 4px solid #009688; }
.green-900 {
background-color: #1B5E20 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.green-900.disabled {
background-color: #969696 !important;
color: #fff !important;
/*cursor: default;*/ }
.green-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.green-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.green-900.disabled:hover {
background-color: #969696 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.green-900:hover {
background-color: #2c9934 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.green-900 a {
color: #1B5E20; }
.green-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.green-900 .bordered {
border-bottom: 4px solid #1B5E20; }
.green-600 {
background-color: #43A047 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.green-600.disabled {
background-color: #cbcbcb !important;
color: #fff !important;
/*cursor: default;*/ }
.green-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.green-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.green-600.disabled:hover {
background-color: #cbcbcb !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.green-600:hover {
background-color: #6dc271 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.green-600 a {
color: #43A047; }
.green-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.green-600 .bordered {
border-bottom: 4px solid #43A047; }
.light-green-900 {
background-color: #33691E !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.light-green-900.disabled {
background-color: #9d9d9d !important;
color: #fff !important;
/*cursor: default;*/ }
.light-green-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.light-green-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.light-green-900.disabled:hover {
background-color: #9d9d9d !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.light-green-900:hover {
background-color: #50a52f !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.light-green-900 a {
color: #33691E; }
.light-green-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.light-green-900 .bordered {
border-bottom: 4px solid #33691E; }
.light-green-600 {
background-color: #689F38 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.light-green-600.disabled {
background-color: #c5c5c5 !important;
color: #fff !important;
/*cursor: default;*/ }
.light-green-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.light-green-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.light-green-600.disabled:hover {
background-color: #c5c5c5 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.light-green-600:hover {
background-color: #8ec65d !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.light-green-600 a {
color: #689F38; }
.light-green-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.light-green-600 .bordered {
border-bottom: 4px solid #689F38; }
.yellow-900 {
background-color: #F57F17 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.yellow-900.disabled {
background-color: #e9dfd5 !important;
color: #fff !important;
/*cursor: default;*/ }
.yellow-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.yellow-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.yellow-900.disabled:hover {
background-color: #e9dfd5 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.yellow-900:hover {
background-color: #f8a760 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.yellow-900 a {
color: #F57F17; }
.yellow-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.yellow-900 .bordered {
border-bottom: 4px solid #F57F17; }
.yellow-600 {
background-color: #FDD835 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.yellow-600.disabled {
background-color: #f7f5ed !important;
color: #fff !important;
/*cursor: default;*/ }
.yellow-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.yellow-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.yellow-600.disabled:hover {
background-color: #f7f5ed !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.yellow-600:hover {
background-color: #fee781 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.yellow-600 a {
color: #FDD835; }
.yellow-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.yellow-600 .bordered {
border-bottom: 4px solid #FDD835; }
.orange-900 {
background-color: #E65100 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.orange-900.disabled {
background-color: #e1c6b8 !important;
color: #fff !important;
/*cursor: default;*/ }
.orange-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.orange-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.orange-900.disabled:hover {
background-color: #e1c6b8 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.orange-900:hover {
background-color: #ff7b34 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.orange-900 a {
color: #E65100; }
.orange-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.orange-900 .bordered {
border-bottom: 4px solid #E65100; }
.orange-600 {
background-color: #FB8C00 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.orange-600.disabled {
background-color: #e7d9c7 !important;
color: #fff !important;
/*cursor: default;*/ }
.orange-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.orange-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.orange-600.disabled:hover {
background-color: #e7d9c7 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.orange-600:hover {
background-color: #ffae49 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.orange-600 a {
color: #FB8C00; }
.orange-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.orange-600 .bordered {
border-bottom: 4px solid #FB8C00; }
.deep-orange-900 {
background-color: #BF360C !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.deep-orange-900.disabled {
background-color: #d1b5ad !important;
color: #fff !important;
/*cursor: default;*/ }
.deep-orange-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.deep-orange-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.deep-orange-900.disabled:hover {
background-color: #d1b5ad !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.deep-orange-900:hover {
background-color: #f15626 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.deep-orange-900 a {
color: #BF360C; }
.deep-orange-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.deep-orange-900 .bordered {
border-bottom: 4px solid #BF360C; }
.deep-orange-600 {
background-color: #F4511E !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.deep-orange-600.disabled {
background-color: #ebded9 !important;
color: #fff !important;
/*cursor: default;*/ }
.deep-orange-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.deep-orange-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.deep-orange-600.disabled:hover {
background-color: #ebded9 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.deep-orange-600:hover {
background-color: #f88967 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.deep-orange-600 a {
color: #F4511E; }
.deep-orange-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.deep-orange-600 .bordered {
border-bottom: 4px solid #F4511E; }
.brown-900 {
background-color: #3E2723 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.brown-900.disabled {
background-color: #8a8a8a !important;
color: #fff !important;
/*cursor: default;*/ }
.brown-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.brown-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.brown-900.disabled:hover {
background-color: #8a8a8a !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.brown-900:hover {
background-color: #6f463f !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.brown-900 a {
color: #3E2723; }
.brown-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.brown-900 .bordered {
border-bottom: 4px solid #3E2723; }
.brown-600 {
background-color: #6D4C41 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.brown-600.disabled {
background-color: #b0b0b0 !important;
color: #fff !important;
/*cursor: default;*/ }
.brown-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.brown-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.brown-600.disabled:hover {
background-color: #b0b0b0 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.brown-600:hover {
background-color: #9d6d5e !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.brown-600 a {
color: #6D4C41; }
.brown-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.brown-600 .bordered {
border-bottom: 4px solid #6D4C41; }
.blue-grey-900 {
background-color: #263238 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.blue-grey-900.disabled {
background-color: #888888 !important;
color: #fff !important;
/*cursor: default;*/ }
.blue-grey-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.blue-grey-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.blue-grey-900.disabled:hover {
background-color: #888888 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.blue-grey-900:hover {
background-color: #455b66 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.blue-grey-900 a {
color: #263238; }
.blue-grey-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.blue-grey-900 .bordered {
border-bottom: 4px solid #263238; }
.blue-grey-600 {
background-color: #546E7A !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.blue-grey-600.disabled {
background-color: silver !important;
color: #fff !important;
/*cursor: default;*/ }
.blue-grey-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.blue-grey-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.blue-grey-600.disabled:hover {
background-color: silver !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.blue-grey-600:hover {
background-color: #7895a2 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.blue-grey-600 a {
color: #546E7A; }
.blue-grey-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.blue-grey-600 .bordered {
border-bottom: 4px solid #546E7A; }
.lime-900 {
background-color: #827717 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.lime-900.disabled {
background-color: #afad9d !important;
color: #fff !important;
/*cursor: default;*/ }
.lime-900.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.lime-900.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.lime-900.disabled:hover {
background-color: #afad9d !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.lime-900:hover {
background-color: #c3b323 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.lime-900 a {
color: #827717; }
.lime-900 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.lime-900 .bordered {
border-bottom: 4px solid #827717; }
.lime-600 {
background-color: #AFB42B !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
color: #fff; }
.lime-600.disabled {
background-color: #c9cac8 !important;
color: #fff !important;
/*cursor: default;*/ }
.lime-600.disabled a {
/*background-color: #999 !important;*/
color: #fff !important;
/*cursor: default;*/ }
.lime-600.disabled a:hover {
/*background-color: #999 !important;*/
color: #fff !important; }
.lime-600.disabled:hover {
background-color: #c9cac8 !important;
color: #fff !important;
transition: none !important;
box-shadow: none !important; }
.lime-600:hover {
background-color: #d2d655 !important;
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.lime-600 a {
color: #AFB42B; }
.lime-600 a:hover {
color: #fff !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.lime-600 .bordered {
border-bottom: 4px solid #AFB42B; }
.green-text {
color: #43A047; }
.danger-color {
background-color: #ff4444 !important; }
.danger-color-dark {
background-color: #CC0000 !important; }
.warning-color {
background-color: #ffbb33 !important; }
.warning-color-dark {
background-color: #FF8800 !important; }
.success-color {
background-color: #00C851 !important; }
.success-color-dark {
background-color: #007E33 !important; }
.info-color {
background-color: #33b5e5 !important; }
.info-color-dark {
background-color: #0099CC !important; }
.default-color {
background-color: #2BBBAD !important; }
.default-color-dark {
background-color: #00695c !important; }
.primary-color {
background-color: #4285F4 !important; }
.primary-color-dark {
background-color: #0d47a1 !important; }
.secondary-color {
background-color: #aa66cc !important; }
.secondary-color-dark {
background-color: #9933CC !important; }
.elegant-color {
background-color: #2E2E2E !important; }
.elegant-color-dark {
background-color: #212121 !important; }
.stylish-color {
background-color: #4B515D !important; }
.stylish-color-dark {
background-color: #3E4551 !important; }
.special-color {
background-color: #37474F !important; }
.special-color-dark {
background-color: #263238 !important; }
.unique-color {
background-color: #3F729B !important; }
.unique-color-dark {
background-color: #1C2331 !important; }
/* LAYOUT */
@media all and (-ms-high-contrast: none) {
html {
height: 100%; } }
html, body {
font-family: "Roboto", sans-serif !important;
/*background-color: rgb(239, 243, 248) !important;*/
background-color: #fff !important;
height: 100%; }
section {
flex: 0 0 100%; }
.app-body {
padding-top: 60px;
min-height: 100%;
height: auto !important;
height: 100%; }
.header-fixed .app-body {
padding-top: 60px;
min-height: 100%;
height: auto !important;
height: 100%; }
@media (max-width: 991px) {
.app-body {
padding-top: 60px; } }
body {
font-family: Roboto, sans-serif;
overflow: auto !important; }
span.badge-md {
min-width: 3rem;
padding: 0 6px;
text-align: center;
font-size: 1rem;
line-height: inherit;
color: color("grey", "darken-1");
position: absolute;
right: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
span.badge-md.new {
font-weight: 300;
font-size: 0.8rem;
color: #fff;
background-color: #4285F4;
border-radius: 2px; }
span.badge-md.new:after {
content: " new"; }
a {
color: #039be5;
text-decoration: none;
cursor: pointer;
-webkit-tap-highlight-color: transparent; }
a:hover, a:focus {
text-decoration: none; }
ul {
padding: 0;
list-style-type: none; }
ul li {
list-style-type: none; }
i {
line-height: inherit; }
i.left {
float: left;
margin-right: 10px; }
i.right {
float: right;
margin-left: 10px; }
i.tiny {
font-size: 1rem; }
i.small {
font-size: 2rem; }
i.medium {
font-size: 4rem; }
i.large {
font-size: 6rem; }
.secondary-content {
float: right;
color: #4285F4; }
.label {
border-radius: 0; }
footer.page-footer {
margin-top: 3em;
font-weight: 300; }
footer.page-footer .link-section {
padding-bottom: 20px; }
footer.page-footer .footer-content {
padding: 2em; }
footer.page-footer .footer-copyright {
overflow: hidden;
height: 50px;
line-height: 50px;
color: rgba(255, 255, 255, 0.8); }
footer.page-footer .column-title {
text-transform: uppercase;
margin-top: 15px; }
footer.page-footer a {
font-weight: 300;
font-size: 18px;
line-height: 40px;
color: #fff; }
footer.page-footer .social-section {
padding-top: 15px;
padding-bottom: 15px;
text-align: center; }
footer.page-footer .call-to-action {
text-align: center;
padding-bottom: 1.5rem;
padding-top: 1.5rem; }
footer.page-footer .call-to-action ul {
margin-bottom: 0; }
footer.page-footer .bordered {
border-bottom: 1px solid #9E9E9E; }
footer.page-footer .padd-bott {
padding-bottom: 30px; }
footer.page-footer .pad-top {
padding-top: 30px; }
@media only screen and (max-width: 768px) {
footer.page-footer .column-title {
margin-top: 2em; } }
.modal-content {
border-radius: 6px; }
.table a {
margin-left: 1rem; }
.table fieldset {
margin-bottom: 0; }
.table fieldset label {
height: 8px; }
.inline-ul-img li {
display: inline; }
.inline-ul-img li img {
max-width: 100px;
margin: 8px; }
.app-footer {
margin: 0 auto !important;
border-top: #ddd 1px dotted;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
height: 40px; }
.app-footer .copyright {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: inherit;
-moz-justify-content: inherit;
justify-content: inherit;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
font-size: .92em;
color: #777;
height: 40px; }
.app-footer .flinks {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: inherit;
-moz-justify-content: inherit;
justify-content: inherit;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
height: 40px; }
.app-footer .flinks ul {
padding-left: 0;
list-style: none;
margin-bottom: 0px; }
.app-footer .flinks ul li {
padding-left: 0;
margin-bottom: 0px;
margin-right: .9rem;
float: left; }
.app-footer .flinks ul li a {
font-size: .92em;
line-height: 40px;
color: #777;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.app-footer .flinks ul li a:hover {
color: #039be5;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.app-footer .flinks ul li a.active {
color: #d50000; }
.app-footer .flinks:after {
display: block;
content: "";
clear: both; }
.app-footer .extras {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: inherit;
-moz-justify-content: inherit;
justify-content: inherit;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
height: 40px; }
.app-footer a.social-site-button img {
position: relative; }
.z-depth-0 {
box-shadow: none !important; }
.z-depth-1, .social-list, .dropdown-content, .dropdown-menu, .btn, .btn-floating {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.z-depth-1-half, .inline-ul-img li img, .btn:hover, .btn-floating:hover {
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.z-depth-2 {
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.z-depth-3 {
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }
.z-depth-4 {
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }
.z-depth-5 {
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }
.hoverable {
transition: box-shadow .55s;
box-shadow: 0; }
.hoverable:hover {
transition: box-shadow .45s;
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.z-depth-0,
.section .map-container img,
.md-pills,
.card-cascade.wider,
.card-cascade-2 {
box-shadow: none !important; }
.z-depth-1, .social-list, .dropdown-content, .dropdown-menu, .btn, .btn-floating,
.jumbotron,
.author-box,
.card,
.list-group,
.popover,
.navbar,
.dropdown-menu,
.badge,
.chip,
.pagination .active .page-link,
.pagination .active .pagination-datatables li a,
.pagination-datatables li .pagination .active a,
.pagination .active li a,
.pagination li .active a,
.btn,
.fc button,
.pager li a,
.navbar.navbar-dark .breadcrumb .dropdown-menu a:hover,
.navbar.navbar-dark .breadcrumb .dropdown-menu a:focus,
.navbar.navbar-dark .breadcrumb .dropdown-menu a:active,
.navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a:hover,
.navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a:focus,
.navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a:active,
.btn-floating,
.social-list,
.card-wrapper .front,
.card-wrapper .back,
.card-cascade.wider .card-block,
.card-cascade-2 .card-block,
.cascading-media .view,
.dropdown-content,
.side-nav,
#toast-container > div,
.section-blog-fw .view,
.pricing-card .price .version {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.z-depth-1-half, .inline-ul-img li img, .btn:hover, .btn-floating:hover,
.media .media-left img,
.tooltip .tooltip-inner,
.section img,
.section .view,
.btn:hover,
.fc button:hover,
.btn:active,
.fc button:active,
.btn:focus,
.fc button:focus,
.btn.active,
.fc button.active,
.btn-secondary.active,
.btn-secondary.dropdown-toggle,
.fc button.dropdown-toggle,
.btn-primary.active,
.active.fc-today-button,
.btn-default.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active,
.pager li a:hover,
.btn-elegant.active,
.btn-unique.active,
.btn-pink.active,
.btn-purple.active,
.btn-deep-purple.active,
.btn-indigo.active,
.btn-cyan.active,
.btn-light-green.active,
.btn-dark-green.active,
.btn-lime.active,
.btn-yellow.active,
.btn-amber.active,
.btn-orange.active,
.btn-deep-orange.active,
.btn-brown.active,
.btn-blue-grey.active,
.btn-mdb.active,
ul.instagram-photos li img,
.md-pills .nav-item .nav-link.active,
.inline-ul-img li img,
.btn-floating:hover,
.colorful-select .dropdown-content li.active span,
.side-modal .modal-dialog,
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected,
.btn-floating.btn-flat.active,
.comments-list .badge,
.reply-form .badge,
.pricing-card .header,
.card .form-header {
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.z-depth-2,
.section .jumbotron,
.section .author-box,
.nav-tabs,
.card-overlay,
.card-cascade .view,
.card-cascade-2 .view,
.colorful-select .dropdown-content li a:hover,
.colorful-select .dropdown-content li span:hover,
.dropdown .dropdown-menu .dropdown-item:hover,
.comments-list img,
.reply-form img,
.testimonial-carousel .testimonial .avatar img {
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.z-depth-3 {
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }
.z-depth-4 {
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }
.z-depth-5 {
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }
.hoverable {
transition: box-shadow .55s;
box-shadow: 0; }
.hoverable:hover {
transition: box-shadow .45s;
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
@media only screen and (max-width: 992px) {
.center-on-small-only {
text-align: center; }
.center-on-small-only .img-fluid, .center-on-small-only .card-collector .card img, .card-collector .card .center-on-small-only img {
display: inline; } }
.block {
display: block !important; }
.no-margin {
margin: 0; }
.no-top-mar {
margin-top: 0 !important; }
.no-gutter > [class*=col-] {
padding-right: 0;
padding-left: 0; }
.no-padding {
padding: 0; }
.no-pad-mar {
margin: 0;
padding: 0; }
.extra-padding-05 {
padding: 0.5rem; }
.extra-padding-1 {
padding: 1rem; }
.extra-margin-1 {
padding: 1rem; }
.extra-margin-2 {
padding: 2rem; }
.space-30 {
height: 30px; }
.space-50 {
height: 30px; }
.verticalcenter {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.media {
display: flex;
align-items: flex-start; }
.media-body {
flex: 1; }
.clearfix::after {
display: block;
content: "";
clear: both; }
.d-none {
display: none !important; }
.d-inline {
display: inline !important; }
.d-inline-block {
display: inline-block !important; }
.d-block {
display: block !important; }
.d-table {
display: table !important; }
.d-table-cell {
display: table-cell !important; }
.d-flex {
display: flex !important; }
.d-inline-flex {
display: inline-flex !important; }
@media (min-width: 576px) {
.d-sm-none {
display: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: flex !important; }
.d-sm-inline-flex {
display: inline-flex !important; } }
@media (min-width: 768px) {
.d-md-none {
display: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-table {
display: table !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: flex !important; }
.d-md-inline-flex {
display: inline-flex !important; } }
@media (min-width: 992px) {
.d-lg-none {
display: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: flex !important; }
.d-lg-inline-flex {
display: inline-flex !important; } }
@media (min-width: 1200px) {
.d-xl-none {
display: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: flex !important; }
.d-xl-inline-flex {
display: inline-flex !important; } }
.flex-first {
order: -1; }
.flex-last {
order: 1; }
.flex-unordered {
order: 0; }
.flex-row {
flex-direction: row !important; }
.flex-column {
flex-direction: column !important; }
.flex-row-reverse {
flex-direction: row-reverse !important; }
.flex-column-reverse {
flex-direction: column-reverse !important; }
.flex-wrap {
flex-wrap: wrap !important; }
.flex-nowrap {
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-start {
justify-content: flex-start !important; }
.justify-content-end {
justify-content: flex-end !important; }
.justify-content-center {
justify-content: center !important; }
.justify-content-between {
justify-content: space-between !important; }
.justify-content-around {
justify-content: space-around !important; }
.align-items-start {
align-items: flex-start !important; }
.align-items-end {
align-items: flex-end !important; }
.align-items-center {
align-items: center !important; }
.align-items-baseline {
align-items: baseline !important; }
.align-items-stretch {
align-items: stretch !important; }
.align-content-start {
align-content: flex-start !important; }
.align-content-end {
align-content: flex-end !important; }
.align-content-center {
align-content: center !important; }
.align-content-between {
align-content: space-between !important; }
.align-content-around {
align-content: space-around !important; }
.align-content-stretch {
align-content: stretch !important; }
.align-self-auto {
align-self: auto !important; }
.align-self-start {
align-self: flex-start !important; }
.align-self-end {
align-self: flex-end !important; }
.align-self-center {
align-self: center !important; }
.align-self-baseline {
align-self: baseline !important; }
.align-self-stretch {
align-self: stretch !important; }
@media (min-width: 576px) {
.flex-sm-first {
order: -1; }
.flex-sm-last {
order: 1; }
.flex-sm-unordered {
order: 0; }
.flex-sm-row {
flex-direction: row !important; }
.flex-sm-column {
flex-direction: column !important; }
.flex-sm-row-reverse {
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
flex-direction: column-reverse !important; }
.flex-sm-wrap {
flex-wrap: wrap !important; }
.flex-sm-nowrap {
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-sm-start {
justify-content: flex-start !important; }
.justify-content-sm-end {
justify-content: flex-end !important; }
.justify-content-sm-center {
justify-content: center !important; }
.justify-content-sm-between {
justify-content: space-between !important; }
.justify-content-sm-around {
justify-content: space-around !important; }
.align-items-sm-start {
align-items: flex-start !important; }
.align-items-sm-end {
align-items: flex-end !important; }
.align-items-sm-center {
align-items: center !important; }
.align-items-sm-baseline {
align-items: baseline !important; }
.align-items-sm-stretch {
align-items: stretch !important; }
.align-content-sm-start {
align-content: flex-start !important; }
.align-content-sm-end {
align-content: flex-end !important; }
.align-content-sm-center {
align-content: center !important; }
.align-content-sm-between {
align-content: space-between !important; }
.align-content-sm-around {
align-content: space-around !important; }
.align-content-sm-stretch {
align-content: stretch !important; }
.align-self-sm-auto {
align-self: auto !important; }
.align-self-sm-start {
align-self: flex-start !important; }
.align-self-sm-end {
align-self: flex-end !important; }
.align-self-sm-center {
align-self: center !important; }
.align-self-sm-baseline {
align-self: baseline !important; }
.align-self-sm-stretch {
align-self: stretch !important; } }
@media (min-width: 768px) {
.flex-md-first {
order: -1; }
.flex-md-last {
order: 1; }
.flex-md-unordered {
order: 0; }
.flex-md-row {
flex-direction: row !important; }
.flex-md-column {
flex-direction: column !important; }
.flex-md-row-reverse {
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
flex-direction: column-reverse !important; }
.flex-md-wrap {
flex-wrap: wrap !important; }
.flex-md-nowrap {
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-md-start {
justify-content: flex-start !important; }
.justify-content-md-end {
justify-content: flex-end !important; }
.justify-content-md-center {
justify-content: center !important; }
.justify-content-md-between {
justify-content: space-between !important; }
.justify-content-md-around {
justify-content: space-around !important; }
.align-items-md-start {
align-items: flex-start !important; }
.align-items-md-end {
align-items: flex-end !important; }
.align-items-md-center {
align-items: center !important; }
.align-items-md-baseline {
align-items: baseline !important; }
.align-items-md-stretch {
align-items: stretch !important; }
.align-content-md-start {
align-content: flex-start !important; }
.align-content-md-end {
align-content: flex-end !important; }
.align-content-md-center {
align-content: center !important; }
.align-content-md-between {
align-content: space-between !important; }
.align-content-md-around {
align-content: space-around !important; }
.align-content-md-stretch {
align-content: stretch !important; }
.align-self-md-auto {
align-self: auto !important; }
.align-self-md-start {
align-self: flex-start !important; }
.align-self-md-end {
align-self: flex-end !important; }
.align-self-md-center {
align-self: center !important; }
.align-self-md-baseline {
align-self: baseline !important; }
.align-self-md-stretch {
align-self: stretch !important; } }
@media (min-width: 992px) {
.flex-lg-first {
order: -1; }
.flex-lg-last {
order: 1; }
.flex-lg-unordered {
order: 0; }
.flex-lg-row {
flex-direction: row !important; }
.flex-lg-column {
flex-direction: column !important; }
.flex-lg-row-reverse {
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
flex-direction: column-reverse !important; }
.flex-lg-wrap {
flex-wrap: wrap !important; }
.flex-lg-nowrap {
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-lg-start {
justify-content: flex-start !important; }
.justify-content-lg-end {
justify-content: flex-end !important; }
.justify-content-lg-center {
justify-content: center !important; }
.justify-content-lg-between {
justify-content: space-between !important; }
.justify-content-lg-around {
justify-content: space-around !important; }
.align-items-lg-start {
align-items: flex-start !important; }
.align-items-lg-end {
align-items: flex-end !important; }
.align-items-lg-center {
align-items: center !important; }
.align-items-lg-baseline {
align-items: baseline !important; }
.align-items-lg-stretch {
align-items: stretch !important; }
.align-content-lg-start {
align-content: flex-start !important; }
.align-content-lg-end {
align-content: flex-end !important; }
.align-content-lg-center {
align-content: center !important; }
.align-content-lg-between {
align-content: space-between !important; }
.align-content-lg-around {
align-content: space-around !important; }
.align-content-lg-stretch {
align-content: stretch !important; }
.align-self-lg-auto {
align-self: auto !important; }
.align-self-lg-start {
align-self: flex-start !important; }
.align-self-lg-end {
align-self: flex-end !important; }
.align-self-lg-center {
align-self: center !important; }
.align-self-lg-baseline {
align-self: baseline !important; }
.align-self-lg-stretch {
align-self: stretch !important; } }
@media (min-width: 1200px) {
.flex-xl-first {
order: -1; }
.flex-xl-last {
order: 1; }
.flex-xl-unordered {
order: 0; }
.flex-xl-row {
flex-direction: row !important; }
.flex-xl-column {
flex-direction: column !important; }
.flex-xl-row-reverse {
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
flex-direction: column-reverse !important; }
.flex-xl-wrap {
flex-wrap: wrap !important; }
.flex-xl-nowrap {
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-xl-start {
justify-content: flex-start !important; }
.justify-content-xl-end {
justify-content: flex-end !important; }
.justify-content-xl-center {
justify-content: center !important; }
.justify-content-xl-between {
justify-content: space-between !important; }
.justify-content-xl-around {
justify-content: space-around !important; }
.align-items-xl-start {
align-items: flex-start !important; }
.align-items-xl-end {
align-items: flex-end !important; }
.align-items-xl-center {
align-items: center !important; }
.align-items-xl-baseline {
align-items: baseline !important; }
.align-items-xl-stretch {
align-items: stretch !important; }
.align-content-xl-start {
align-content: flex-start !important; }
.align-content-xl-end {
align-content: flex-end !important; }
.align-content-xl-center {
align-content: center !important; }
.align-content-xl-between {
align-content: space-between !important; }
.align-content-xl-around {
align-content: space-around !important; }
.align-content-xl-stretch {
align-content: stretch !important; }
.align-self-xl-auto {
align-self: auto !important; }
.align-self-xl-start {
align-self: flex-start !important; }
.align-self-xl-end {
align-self: flex-end !important; }
.align-self-xl-center {
align-self: center !important; }
.align-self-xl-baseline {
align-self: baseline !important; }
.align-self-xl-stretch {
align-self: stretch !important; } }
.float-left {
float: left !important; }
.float-right {
float: right !important; }
.float-none {
float: none !important; }
@media (min-width: 576px) {
.float-sm-left {
float: left !important; }
.float-sm-right {
float: right !important; }
.float-sm-none {
float: none !important; } }
@media (min-width: 768px) {
.float-md-left {
float: left !important; }
.float-md-right {
float: right !important; }
.float-md-none {
float: none !important; } }
@media (min-width: 992px) {
.float-lg-left {
float: left !important; }
.float-lg-right {
float: right !important; }
.float-lg-none {
float: none !important; } }
@media (min-width: 1200px) {
.float-xl-left {
float: left !important; }
.float-xl-right {
float: right !important; }
.float-xl-none {
float: none !important; } }
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030; }
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030; }
.sticky-top {
position: sticky;
top: 0;
z-index: 1030; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
.w-25 {
width: 25% !important; }
.w-50 {
width: 50% !important; }
.w-75 {
width: 75% !important; }
.w-100 {
width: 100% !important; }
.h-25 {
height: 25% !important; }
.h-50 {
height: 50% !important; }
.h-75 {
height: 75% !important; }
.h-100 {
height: 100% !important; }
.mw-100 {
max-width: 100% !important; }
.mh-100 {
max-height: 100% !important; }
.m-0 {
margin: 0 0 !important; }
.mt-0 {
margin-top: 0 !important; }
.mr-0 {
margin-right: 0 !important; }
.mb-0 {
margin-bottom: 0 !important; }
.ml-0 {
margin-left: 0 !important; }
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-1 {
margin: 0.25rem 0.25rem !important; }
.mt-1 {
margin-top: 0.25rem !important; }
.mr-1 {
margin-right: 0.25rem !important; }
.mb-1 {
margin-bottom: 0.25rem !important; }
.ml-1 {
margin-left: 0.25rem !important; }
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.m-2 {
margin: 0.5rem 0.5rem !important; }
.mt-2 {
margin-top: 0.5rem !important; }
.mr-2 {
margin-right: 0.5rem !important; }
.mb-2 {
margin-bottom: 0.5rem !important; }
.ml-2 {
margin-left: 0.5rem !important; }
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.m-3 {
margin: 1rem 1rem !important; }
.mt-3 {
margin-top: 1rem !important; }
.mr-3 {
margin-right: 1rem !important; }
.mb-3 {
margin-bottom: 1rem !important; }
.ml-3 {
margin-left: 1rem !important; }
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.m-4 {
margin: 1.5rem 1.5rem !important; }
.mt-4 {
margin-top: 1.5rem !important; }
.mr-4 {
margin-right: 1.5rem !important; }
.mb-4 {
margin-bottom: 1.5rem !important; }
.ml-4 {
margin-left: 1.5rem !important; }
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.m-5 {
margin: 3rem 3rem !important; }
.mt-5 {
margin-top: 3rem !important; }
.mr-5 {
margin-right: 3rem !important; }
.mb-5 {
margin-bottom: 3rem !important; }
.ml-5 {
margin-left: 3rem !important; }
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.p-0 {
padding: 0 0 !important; }
.pt-0 {
padding-top: 0 !important; }
.pr-0 {
padding-right: 0 !important; }
.pb-0 {
padding-bottom: 0 !important; }
.pl-0 {
padding-left: 0 !important; }
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-1 {
padding: 0.25rem 0.25rem !important; }
.pt-1 {
padding-top: 0.25rem !important; }
.pr-1 {
padding-right: 0.25rem !important; }
.pb-1 {
padding-bottom: 0.25rem !important; }
.pl-1 {
padding-left: 0.25rem !important; }
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.p-2 {
padding: 0.5rem 0.5rem !important; }
.pt-2 {
padding-top: 0.5rem !important; }
.pr-2 {
padding-right: 0.5rem !important; }
.pb-2 {
padding-bottom: 0.5rem !important; }
.pl-2 {
padding-left: 0.5rem !important; }
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.p-3 {
padding: 1rem 1rem !important; }
.pt-3 {
padding-top: 1rem !important; }
.pr-3 {
padding-right: 1rem !important; }
.pb-3 {
padding-bottom: 1rem !important; }
.pl-3 {
padding-left: 1rem !important; }
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.p-4 {
padding: 1.5rem 1.5rem !important; }
.pt-4 {
padding-top: 1.5rem !important; }
.pr-4 {
padding-right: 1.5rem !important; }
.pb-4 {
padding-bottom: 1.5rem !important; }
.pl-4 {
padding-left: 1.5rem !important; }
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.p-5 {
padding: 3rem 3rem !important; }
.pt-5 {
padding-top: 3rem !important; }
.pr-5 {
padding-right: 3rem !important; }
.pb-5 {
padding-bottom: 3rem !important; }
.pl-5 {
padding-left: 3rem !important; }
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.m-auto {
margin: auto !important; }
.mt-auto {
margin-top: auto !important; }
.mr-auto {
margin-right: auto !important; }
.mb-auto {
margin-bottom: auto !important; }
.ml-auto {
margin-left: auto !important; }
.mx-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important; }
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 0 !important; }
.mt-sm-0 {
margin-top: 0 !important; }
.mr-sm-0 {
margin-right: 0 !important; }
.mb-sm-0 {
margin-bottom: 0 !important; }
.ml-sm-0 {
margin-left: 0 !important; }
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-sm-1 {
margin: 0.25rem 0.25rem !important; }
.mt-sm-1 {
margin-top: 0.25rem !important; }
.mr-sm-1 {
margin-right: 0.25rem !important; }
.mb-sm-1 {
margin-bottom: 0.25rem !important; }
.ml-sm-1 {
margin-left: 0.25rem !important; }
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.m-sm-2 {
margin: 0.5rem 0.5rem !important; }
.mt-sm-2 {
margin-top: 0.5rem !important; }
.mr-sm-2 {
margin-right: 0.5rem !important; }
.mb-sm-2 {
margin-bottom: 0.5rem !important; }
.ml-sm-2 {
margin-left: 0.5rem !important; }
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.m-sm-3 {
margin: 1rem 1rem !important; }
.mt-sm-3 {
margin-top: 1rem !important; }
.mr-sm-3 {
margin-right: 1rem !important; }
.mb-sm-3 {
margin-bottom: 1rem !important; }
.ml-sm-3 {
margin-left: 1rem !important; }
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.m-sm-4 {
margin: 1.5rem 1.5rem !important; }
.mt-sm-4 {
margin-top: 1.5rem !important; }
.mr-sm-4 {
margin-right: 1.5rem !important; }
.mb-sm-4 {
margin-bottom: 1.5rem !important; }
.ml-sm-4 {
margin-left: 1.5rem !important; }
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.m-sm-5 {
margin: 3rem 3rem !important; }
.mt-sm-5 {
margin-top: 3rem !important; }
.mr-sm-5 {
margin-right: 3rem !important; }
.mb-sm-5 {
margin-bottom: 3rem !important; }
.ml-sm-5 {
margin-left: 3rem !important; }
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.p-sm-0 {
padding: 0 0 !important; }
.pt-sm-0 {
padding-top: 0 !important; }
.pr-sm-0 {
padding-right: 0 !important; }
.pb-sm-0 {
padding-bottom: 0 !important; }
.pl-sm-0 {
padding-left: 0 !important; }
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-sm-1 {
padding: 0.25rem 0.25rem !important; }
.pt-sm-1 {
padding-top: 0.25rem !important; }
.pr-sm-1 {
padding-right: 0.25rem !important; }
.pb-sm-1 {
padding-bottom: 0.25rem !important; }
.pl-sm-1 {
padding-left: 0.25rem !important; }
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.p-sm-2 {
padding: 0.5rem 0.5rem !important; }
.pt-sm-2 {
padding-top: 0.5rem !important; }
.pr-sm-2 {
padding-right: 0.5rem !important; }
.pb-sm-2 {
padding-bottom: 0.5rem !important; }
.pl-sm-2 {
padding-left: 0.5rem !important; }
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.p-sm-3 {
padding: 1rem 1rem !important; }
.pt-sm-3 {
padding-top: 1rem !important; }
.pr-sm-3 {
padding-right: 1rem !important; }
.pb-sm-3 {
padding-bottom: 1rem !important; }
.pl-sm-3 {
padding-left: 1rem !important; }
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.p-sm-4 {
padding: 1.5rem 1.5rem !important; }
.pt-sm-4 {
padding-top: 1.5rem !important; }
.pr-sm-4 {
padding-right: 1.5rem !important; }
.pb-sm-4 {
padding-bottom: 1.5rem !important; }
.pl-sm-4 {
padding-left: 1.5rem !important; }
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.p-sm-5 {
padding: 3rem 3rem !important; }
.pt-sm-5 {
padding-top: 3rem !important; }
.pr-sm-5 {
padding-right: 3rem !important; }
.pb-sm-5 {
padding-bottom: 3rem !important; }
.pl-sm-5 {
padding-left: 3rem !important; }
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.m-sm-auto {
margin: auto !important; }
.mt-sm-auto {
margin-top: auto !important; }
.mr-sm-auto {
margin-right: auto !important; }
.mb-sm-auto {
margin-bottom: auto !important; }
.ml-sm-auto {
margin-left: auto !important; }
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important; } }
@media (min-width: 768px) {
.m-md-0 {
margin: 0 0 !important; }
.mt-md-0 {
margin-top: 0 !important; }
.mr-md-0 {
margin-right: 0 !important; }
.mb-md-0 {
margin-bottom: 0 !important; }
.ml-md-0 {
margin-left: 0 !important; }
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-md-1 {
margin: 0.25rem 0.25rem !important; }
.mt-md-1 {
margin-top: 0.25rem !important; }
.mr-md-1 {
margin-right: 0.25rem !important; }
.mb-md-1 {
margin-bottom: 0.25rem !important; }
.ml-md-1 {
margin-left: 0.25rem !important; }
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.m-md-2 {
margin: 0.5rem 0.5rem !important; }
.mt-md-2 {
margin-top: 0.5rem !important; }
.mr-md-2 {
margin-right: 0.5rem !important; }
.mb-md-2 {
margin-bottom: 0.5rem !important; }
.ml-md-2 {
margin-left: 0.5rem !important; }
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.m-md-3 {
margin: 1rem 1rem !important; }
.mt-md-3 {
margin-top: 1rem !important; }
.mr-md-3 {
margin-right: 1rem !important; }
.mb-md-3 {
margin-bottom: 1rem !important; }
.ml-md-3 {
margin-left: 1rem !important; }
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.m-md-4 {
margin: 1.5rem 1.5rem !important; }
.mt-md-4 {
margin-top: 1.5rem !important; }
.mr-md-4 {
margin-right: 1.5rem !important; }
.mb-md-4 {
margin-bottom: 1.5rem !important; }
.ml-md-4 {
margin-left: 1.5rem !important; }
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.m-md-5 {
margin: 3rem 3rem !important; }
.mt-md-5 {
margin-top: 3rem !important; }
.mr-md-5 {
margin-right: 3rem !important; }
.mb-md-5 {
margin-bottom: 3rem !important; }
.ml-md-5 {
margin-left: 3rem !important; }
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.p-md-0 {
padding: 0 0 !important; }
.pt-md-0 {
padding-top: 0 !important; }
.pr-md-0 {
padding-right: 0 !important; }
.pb-md-0 {
padding-bottom: 0 !important; }
.pl-md-0 {
padding-left: 0 !important; }
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-md-1 {
padding: 0.25rem 0.25rem !important; }
.pt-md-1 {
padding-top: 0.25rem !important; }
.pr-md-1 {
padding-right: 0.25rem !important; }
.pb-md-1 {
padding-bottom: 0.25rem !important; }
.pl-md-1 {
padding-left: 0.25rem !important; }
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.p-md-2 {
padding: 0.5rem 0.5rem !important; }
.pt-md-2 {
padding-top: 0.5rem !important; }
.pr-md-2 {
padding-right: 0.5rem !important; }
.pb-md-2 {
padding-bottom: 0.5rem !important; }
.pl-md-2 {
padding-left: 0.5rem !important; }
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.p-md-3 {
padding: 1rem 1rem !important; }
.pt-md-3 {
padding-top: 1rem !important; }
.pr-md-3 {
padding-right: 1rem !important; }
.pb-md-3 {
padding-bottom: 1rem !important; }
.pl-md-3 {
padding-left: 1rem !important; }
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.p-md-4 {
padding: 1.5rem 1.5rem !important; }
.pt-md-4 {
padding-top: 1.5rem !important; }
.pr-md-4 {
padding-right: 1.5rem !important; }
.pb-md-4 {
padding-bottom: 1.5rem !important; }
.pl-md-4 {
padding-left: 1.5rem !important; }
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.p-md-5 {
padding: 3rem 3rem !important; }
.pt-md-5 {
padding-top: 3rem !important; }
.pr-md-5 {
padding-right: 3rem !important; }
.pb-md-5 {
padding-bottom: 3rem !important; }
.pl-md-5 {
padding-left: 3rem !important; }
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.m-md-auto {
margin: auto !important; }
.mt-md-auto {
margin-top: auto !important; }
.mr-md-auto {
margin-right: auto !important; }
.mb-md-auto {
margin-bottom: auto !important; }
.ml-md-auto {
margin-left: auto !important; }
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important; } }
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 0 !important; }
.mt-lg-0 {
margin-top: 0 !important; }
.mr-lg-0 {
margin-right: 0 !important; }
.mb-lg-0 {
margin-bottom: 0 !important; }
.ml-lg-0 {
margin-left: 0 !important; }
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-lg-1 {
margin: 0.25rem 0.25rem !important; }
.mt-lg-1 {
margin-top: 0.25rem !important; }
.mr-lg-1 {
margin-right: 0.25rem !important; }
.mb-lg-1 {
margin-bottom: 0.25rem !important; }
.ml-lg-1 {
margin-left: 0.25rem !important; }
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.m-lg-2 {
margin: 0.5rem 0.5rem !important; }
.mt-lg-2 {
margin-top: 0.5rem !important; }
.mr-lg-2 {
margin-right: 0.5rem !important; }
.mb-lg-2 {
margin-bottom: 0.5rem !important; }
.ml-lg-2 {
margin-left: 0.5rem !important; }
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.m-lg-3 {
margin: 1rem 1rem !important; }
.mt-lg-3 {
margin-top: 1rem !important; }
.mr-lg-3 {
margin-right: 1rem !important; }
.mb-lg-3 {
margin-bottom: 1rem !important; }
.ml-lg-3 {
margin-left: 1rem !important; }
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.m-lg-4 {
margin: 1.5rem 1.5rem !important; }
.mt-lg-4 {
margin-top: 1.5rem !important; }
.mr-lg-4 {
margin-right: 1.5rem !important; }
.mb-lg-4 {
margin-bottom: 1.5rem !important; }
.ml-lg-4 {
margin-left: 1.5rem !important; }
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.m-lg-5 {
margin: 3rem 3rem !important; }
.mt-lg-5 {
margin-top: 3rem !important; }
.mr-lg-5 {
margin-right: 3rem !important; }
.mb-lg-5 {
margin-bottom: 3rem !important; }
.ml-lg-5 {
margin-left: 3rem !important; }
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.p-lg-0 {
padding: 0 0 !important; }
.pt-lg-0 {
padding-top: 0 !important; }
.pr-lg-0 {
padding-right: 0 !important; }
.pb-lg-0 {
padding-bottom: 0 !important; }
.pl-lg-0 {
padding-left: 0 !important; }
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-lg-1 {
padding: 0.25rem 0.25rem !important; }
.pt-lg-1 {
padding-top: 0.25rem !important; }
.pr-lg-1 {
padding-right: 0.25rem !important; }
.pb-lg-1 {
padding-bottom: 0.25rem !important; }
.pl-lg-1 {
padding-left: 0.25rem !important; }
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.p-lg-2 {
padding: 0.5rem 0.5rem !important; }
.pt-lg-2 {
padding-top: 0.5rem !important; }
.pr-lg-2 {
padding-right: 0.5rem !important; }
.pb-lg-2 {
padding-bottom: 0.5rem !important; }
.pl-lg-2 {
padding-left: 0.5rem !important; }
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.p-lg-3 {
padding: 1rem 1rem !important; }
.pt-lg-3 {
padding-top: 1rem !important; }
.pr-lg-3 {
padding-right: 1rem !important; }
.pb-lg-3 {
padding-bottom: 1rem !important; }
.pl-lg-3 {
padding-left: 1rem !important; }
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.p-lg-4 {
padding: 1.5rem 1.5rem !important; }
.pt-lg-4 {
padding-top: 1.5rem !important; }
.pr-lg-4 {
padding-right: 1.5rem !important; }
.pb-lg-4 {
padding-bottom: 1.5rem !important; }
.pl-lg-4 {
padding-left: 1.5rem !important; }
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.p-lg-5 {
padding: 3rem 3rem !important; }
.pt-lg-5 {
padding-top: 3rem !important; }
.pr-lg-5 {
padding-right: 3rem !important; }
.pb-lg-5 {
padding-bottom: 3rem !important; }
.pl-lg-5 {
padding-left: 3rem !important; }
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.m-lg-auto {
margin: auto !important; }
.mt-lg-auto {
margin-top: auto !important; }
.mr-lg-auto {
margin-right: auto !important; }
.mb-lg-auto {
margin-bottom: auto !important; }
.ml-lg-auto {
margin-left: auto !important; }
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important; } }
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 0 !important; }
.mt-xl-0 {
margin-top: 0 !important; }
.mr-xl-0 {
margin-right: 0 !important; }
.mb-xl-0 {
margin-bottom: 0 !important; }
.ml-xl-0 {
margin-left: 0 !important; }
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-xl-1 {
margin: 0.25rem 0.25rem !important; }
.mt-xl-1 {
margin-top: 0.25rem !important; }
.mr-xl-1 {
margin-right: 0.25rem !important; }
.mb-xl-1 {
margin-bottom: 0.25rem !important; }
.ml-xl-1 {
margin-left: 0.25rem !important; }
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.m-xl-2 {
margin: 0.5rem 0.5rem !important; }
.mt-xl-2 {
margin-top: 0.5rem !important; }
.mr-xl-2 {
margin-right: 0.5rem !important; }
.mb-xl-2 {
margin-bottom: 0.5rem !important; }
.ml-xl-2 {
margin-left: 0.5rem !important; }
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.m-xl-3 {
margin: 1rem 1rem !important; }
.mt-xl-3 {
margin-top: 1rem !important; }
.mr-xl-3 {
margin-right: 1rem !important; }
.mb-xl-3 {
margin-bottom: 1rem !important; }
.ml-xl-3 {
margin-left: 1rem !important; }
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.m-xl-4 {
margin: 1.5rem 1.5rem !important; }
.mt-xl-4 {
margin-top: 1.5rem !important; }
.mr-xl-4 {
margin-right: 1.5rem !important; }
.mb-xl-4 {
margin-bottom: 1.5rem !important; }
.ml-xl-4 {
margin-left: 1.5rem !important; }
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.m-xl-5 {
margin: 3rem 3rem !important; }
.mt-xl-5 {
margin-top: 3rem !important; }
.mr-xl-5 {
margin-right: 3rem !important; }
.mb-xl-5 {
margin-bottom: 3rem !important; }
.ml-xl-5 {
margin-left: 3rem !important; }
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.p-xl-0 {
padding: 0 0 !important; }
.pt-xl-0 {
padding-top: 0 !important; }
.pr-xl-0 {
padding-right: 0 !important; }
.pb-xl-0 {
padding-bottom: 0 !important; }
.pl-xl-0 {
padding-left: 0 !important; }
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-xl-1 {
padding: 0.25rem 0.25rem !important; }
.pt-xl-1 {
padding-top: 0.25rem !important; }
.pr-xl-1 {
padding-right: 0.25rem !important; }
.pb-xl-1 {
padding-bottom: 0.25rem !important; }
.pl-xl-1 {
padding-left: 0.25rem !important; }
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.p-xl-2 {
padding: 0.5rem 0.5rem !important; }
.pt-xl-2 {
padding-top: 0.5rem !important; }
.pr-xl-2 {
padding-right: 0.5rem !important; }
.pb-xl-2 {
padding-bottom: 0.5rem !important; }
.pl-xl-2 {
padding-left: 0.5rem !important; }
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.p-xl-3 {
padding: 1rem 1rem !important; }
.pt-xl-3 {
padding-top: 1rem !important; }
.pr-xl-3 {
padding-right: 1rem !important; }
.pb-xl-3 {
padding-bottom: 1rem !important; }
.pl-xl-3 {
padding-left: 1rem !important; }
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.p-xl-4 {
padding: 1.5rem 1.5rem !important; }
.pt-xl-4 {
padding-top: 1.5rem !important; }
.pr-xl-4 {
padding-right: 1.5rem !important; }
.pb-xl-4 {
padding-bottom: 1.5rem !important; }
.pl-xl-4 {
padding-left: 1.5rem !important; }
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.p-xl-5 {
padding: 3rem 3rem !important; }
.pt-xl-5 {
padding-top: 3rem !important; }
.pr-xl-5 {
padding-right: 3rem !important; }
.pb-xl-5 {
padding-bottom: 3rem !important; }
.pl-xl-5 {
padding-left: 3rem !important; }
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.m-xl-auto {
margin: auto !important; }
.mt-xl-auto {
margin-top: auto !important; }
.mr-xl-auto {
margin-right: auto !important; }
.mb-xl-auto {
margin-bottom: auto !important; }
.ml-xl-auto {
margin-left: auto !important; }
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important; } }
.invisible {
visibility: hidden !important; }
.hidden-xs-up {
display: none !important; }
@media (max-width: 575px) {
.hidden-xs-down {
display: none !important; } }
@media (min-width: 576px) {
.hidden-sm-up {
display: none !important; } }
@media (max-width: 767px) {
.hidden-sm-down {
display: none !important; } }
@media (min-width: 768px) {
.hidden-md-up {
display: none !important; } }
@media (max-width: 991px) {
.hidden-md-down {
display: none !important; } }
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important; } }
@media (max-width: 1199px) {
.hidden-lg-down {
display: none !important; } }
@media (min-width: 1200px) {
.hidden-xl-up {
display: none !important; } }
.hidden-xl-down {
display: none !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; } }
.flex-center {
display: flex;
justify-content: center;
align-items: center;
height: 100%; }
.flex-center p {
margin: 0; }
.flex-center ul {
text-align: center; }
.flex-center ul li {
margin-bottom: 1rem; }
.vertical-center {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.img-fluid, .card-collector .card img {
display: block;
max-width: 100%;
height: auto; }
.inline-ul > li, .card-collector .card .rating > li, .card .rating > li {
display: inline; }
.list-inline-div > div {
display: inline-block; }
.hr-light {
background-color: #fff;
height: 0.5px; }
.hr-dark {
background-color: #666;
height: 0.5px; }
.divider-new {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-weight: 300;
margin-top: 45px;
margin-bottom: 45px; }
.divider-new h2 {
margin-top: 5px; }
.divider-new::before {
content: '';
height: 1.5px;
background: #666;
flex: 1;
margin: 0 .45em 0 0; }
.divider-new::after {
content: '';
height: 1.5px;
background: #666;
flex: 1;
margin: 0 0 0 .45em; }
.section-title {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 3rem;
padding: 0.7rem; }
.section-title small {
text-transform: none;
padding-left: 7px;
margin-left: 10px; }
/*.st-indigo {
border-left: 4px solid blue;
small {
border-left: 2px solid blue;
}
}
.st-red {
border-left: 4px solid red;
small {
border-left: 2px solid red;
}
}
.st-teal {
border-left: 4px solid #009688;
small {
border-left: 2px solid #009688;
}
}
.st-orange {
border-left: 4px solid #ff6f00;
small {
border-left: 2px solid #ff6f00;
}
}
.st-blue {
border-left: 4px solid #2196f3;
small {
border-left: 2px solid #2196f3;
}
}
.st-mdb {
border-left: 4px solid $gray-dark;
small {
border-left: 2px solid $gray-dark;
}
}*/
.divider-short {
max-width: 50px;
border-color: #4285F4;
border-width: 3px; }
.blockquote .bq-title {
font-weight: 400;
font-size: 1.5rem;
margin-bottom: 0; }
.blockquote p {
font-size: 1.1rem; }
.bq-primary {
border-left: 3px solid #4285F4; }
.bq-primary .bq-title {
color: #4285F4; }
.bq-warning {
border-left: 3px solid #ffbb33; }
.bq-warning .bq-title {
color: #ffbb33; }
.bq-danger {
border-left: 3px solid #ff4444; }
.bq-danger .bq-title {
color: #ff4444; }
.bq-success {
border-left: 3px solid #00C851; }
.bq-success .bq-title {
color: #00C851; }
.pt-1 {
padding-top: 1rem !important; }
.pt-2 {
padding-top: 2rem !important; }
.pt-3 {
padding-top: 3rem !important; }
.pt-4 {
padding-top: 4rem !important; }
.pt-5 {
padding-top: 5rem !important; }
.pt-6 {
padding-top: 6rem !important; }
.pb-1 {
padding-top: 1rem !important; }
.pb-2 {
padding-top: 2rem !important; }
.pb-3 {
padding-top: 3rem !important; }
.pb-4 {
padding-bottom: 4rem !important; }
.pb-5 {
padding-bottom: 5rem !important; }
.pb-6 {
padding-bottom: 6rem !important; }
.mt-1 {
margin-top: 1rem !important; }
.mt-2 {
margin-top: 2rem !important; }
.mt-3 {
margin-top: 3rem !important; }
.mt-4 {
margin-top: 4rem !important; }
.mt-5 {
margin-top: 5rem !important; }
.mt-6 {
margin-top: 6rem !important; }
.mb-1 {
margin-bottom: 1rem !important; }
.mb-2 {
margin-bottom: 2rem !important; }
.mb-3 {
margin-bottom: 3rem !important; }
.mb-4 {
margin-bottom: 4rem !important; }
.mb-5 {
margin-bottom: 5rem !important; }
.mb-6 {
margin-bottom: 6rem !important; }
@media (max-width: 992px) {
.mb-r {
margin-bottom: 2rem !important; } }
@media (min-width: 992px) {
.mb-r {
margin-bottom: 3rem !important; } }
.mb-m {
margin-bottom: 1rem; }
@media (min-width: 62em) {
.mb-m {
margin-bottom: 0; } }
.no-height {
height: 0; }
.sharp-corners {
border-radius: 0; }
.rounded-circle {
border-radius: 50%; }
[data-simplebar] {
position: relative;
z-index: 0;
overflow: auto;
-webkit-overflow-scrolling: touch; }
[data-simplebar=init] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden; }
.simplebar-scroll-content {
overflow-x: hidden;
overflow-y: scroll;
min-width: 100%;
box-sizing: content-box; }
.simplebar-content {
overflow-x: scroll;
overflow-y: hidden;
box-sizing: border-box;
min-height: 100%; }
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
width: 11px; }
.simplebar-scrollbar {
position: absolute;
right: 2px;
border-radius: 7px;
min-height: 10px;
width: 7px;
opacity: 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
background: #000;
background-clip: padding-box; }
.simplebar-track:hover .simplebar-scrollbar {
opacity: .5;
-webkit-transition: opacity 0 linear;
transition: opacity 0 linear; }
.simplebar-track .simplebar-scrollbar.visible {
opacity: .5; }
.simplebar-track.horizontal {
left: 0;
width: auto;
height: 11px; }
.simplebar-track.vertical {
top: 0; }
.horizontal.simplebar-track .simplebar-scrollbar {
right: auto;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto; }
/**************************************************************************
3. STRUCTURE - General (Note: specific, like header in its own SASS file)
**************************************************************************/
/**************************************************************************
3. TYPOGRAPHY - Can Thin Down Before Production
**************************************************************************/
@font-face {
font-family: "Roboto";
src: url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype");
font-weight: 200; }
@font-face {
font-family: "Roboto";
src: url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype");
font-weight: 300; }
@font-face {
font-family: "Roboto";
src: url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype");
font-weight: 400; }
@font-face {
font-family: "Roboto";
src: url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype");
font-weight: 500; }
@font-face {
font-family: "Roboto";
src: url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype");
font-weight: 700; }
@font-face {
font-family: "simple-line-icons";
src: url("../font/simplelines/Simple-Line-Icons.eot?v=2.4.0");
src: url("../font/simplelines/Simple-Line-Icons.woff2?v=2.4.0") format("woff2"), url("../font/simplelines/Simple-Line-Icons.woff?v=2.4.0") format("woff"), url("../font/simplelines/Simple-Line-Icons.ttf?v=2.4.0") format("truetype"), url("../font/simplelines/Simple-Line-Icons.eot?v=2.4.0#iefix") format("embedded-opentype"), url("../font/simplelines/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons") format("svg");
font-weight: normal;
font-style: normal; }
/*
Use the following CSS code if you want to have a class per icon.
Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower:
*/
.icon-user,
.icon-people,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-login,
.icon-logout,
.icon-emotsmile,
.icon-phone,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-map,
.icon-location-pin,
.icon-direction,
.icon-directions,
.icon-compass,
.icon-layers,
.icon-menu,
.icon-list,
.icon-options-vertical,
.icon-options,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-arrow-left-circle,
.icon-arrow-right-circle,
.icon-arrow-down-circle,
.icon-check,
.icon-clock,
.icon-plus,
.icon-minus,
.icon-close,
.icon-event,
.icon-exclamation,
.icon-organization,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-mustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-disc,
.icon-cursor,
.icon-cursor-move,
.icon-crop,
.icon-chemistry,
.icon-speedometer,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglass,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-folder-alt,
.icon-folder,
.icon-film,
.icon-feed,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-doc,
.icon-diamond,
.icon-cup,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-frame,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-loop,
.icon-home,
.icon-grid,
.icon-graph,
.icon-microphone,
.icon-music-tone-alt,
.icon-music-tone,
.icon-earphones-alt,
.icon-earphones,
.icon-equalizer,
.icon-like,
.icon-dislike,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-calendar,
.icon-bulb,
.icon-chart,
.icon-ban,
.icon-bubble,
.icon-camrecorder,
.icon-camera,
.icon-cloud-download,
.icon-cloud-upload,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-credit-card,
.icon-paypal,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-facebook,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-github,
.icon-social-google,
.icon-social-reddit,
.icon-social-skype,
.icon-social-dribbble,
.icon-social-behance,
.icon-social-foursqare,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-stumbleupon,
.icon-social-youtube,
.icon-social-dropbox,
.icon-social-vkontakte,
.icon-social-steam {
font-family: 'simple-line-icons';
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-user:before {
content: "\e005"; }
.icon-people:before {
content: "\e001"; }
.icon-user-female:before {
content: "\e000"; }
.icon-user-follow:before {
content: "\e002"; }
.icon-user-following:before {
content: "\e003"; }
.icon-user-unfollow:before {
content: "\e004"; }
.icon-login:before {
content: "\e066"; }
.icon-logout:before {
content: "\e065"; }
.icon-emotsmile:before {
content: "\e021"; }
.icon-phone:before {
content: "\e600"; }
.icon-call-end:before {
content: "\e048"; }
.icon-call-in:before {
content: "\e047"; }
.icon-call-out:before {
content: "\e046"; }
.icon-map:before {
content: "\e033"; }
.icon-location-pin:before {
content: "\e096"; }
.icon-direction:before {
content: "\e042"; }
.icon-directions:before {
content: "\e041"; }
.icon-compass:before {
content: "\e045"; }
.icon-layers:before {
content: "\e034"; }
.icon-menu:before {
content: "\e601"; }
.icon-list:before {
content: "\e067"; }
.icon-options-vertical:before {
content: "\e602"; }
.icon-options:before {
content: "\e603"; }
.icon-arrow-down:before {
content: "\e604"; }
.icon-arrow-left:before {
content: "\e605"; }
.icon-arrow-right:before {
content: "\e606"; }
.icon-arrow-up:before {
content: "\e607"; }
.icon-arrow-up-circle:before {
content: "\e078"; }
.icon-arrow-left-circle:before {
content: "\e07a"; }
.icon-arrow-right-circle:before {
content: "\e079"; }
.icon-arrow-down-circle:before {
content: "\e07b"; }
.icon-check:before {
content: "\e080"; }
.icon-clock:before {
content: "\e081"; }
.icon-plus:before {
content: "\e095"; }
.icon-minus:before {
content: "\e615"; }
.icon-close:before {
content: "\e082"; }
.icon-event:before {
content: "\e619"; }
.icon-exclamation:before {
content: "\e617"; }
.icon-organization:before {
content: "\e616"; }
.icon-trophy:before {
content: "\e006"; }
.icon-screen-smartphone:before {
content: "\e010"; }
.icon-screen-desktop:before {
content: "\e011"; }
.icon-plane:before {
content: "\e012"; }
.icon-notebook:before {
content: "\e013"; }
.icon-mustache:before {
content: "\e014"; }
.icon-mouse:before {
content: "\e015"; }
.icon-magnet:before {
content: "\e016"; }
.icon-energy:before {
content: "\e020"; }
.icon-disc:before {
content: "\e022"; }
.icon-cursor:before {
content: "\e06e"; }
.icon-cursor-move:before {
content: "\e023"; }
.icon-crop:before {
content: "\e024"; }
.icon-chemistry:before {
content: "\e026"; }
.icon-speedometer:before {
content: "\e007"; }
.icon-shield:before {
content: "\e00e"; }
.icon-screen-tablet:before {
content: "\e00f"; }
.icon-magic-wand:before {
content: "\e017"; }
.icon-hourglass:before {
content: "\e018"; }
.icon-graduation:before {
content: "\e019"; }
.icon-ghost:before {
content: "\e01a"; }
.icon-game-controller:before {
content: "\e01b"; }
.icon-fire:before {
content: "\e01c"; }
.icon-eyeglass:before {
content: "\e01d"; }
.icon-envelope-open:before {
content: "\e01e"; }
.icon-envelope-letter:before {
content: "\e01f"; }
.icon-bell:before {
content: "\e027"; }
.icon-badge:before {
content: "\e028"; }
.icon-anchor:before {
content: "\e029"; }
.icon-wallet:before {
content: "\e02a"; }
.icon-vector:before {
content: "\e02b"; }
.icon-speech:before {
content: "\e02c"; }
.icon-puzzle:before {
content: "\e02d"; }
.icon-printer:before {
content: "\e02e"; }
.icon-present:before {
content: "\e02f"; }
.icon-playlist:before {
content: "\e030"; }
.icon-pin:before {
content: "\e031"; }
.icon-picture:before {
content: "\e032"; }
.icon-handbag:before {
content: "\e035"; }
.icon-globe-alt:before {
content: "\e036"; }
.icon-globe:before {
content: "\e037"; }
.icon-folder-alt:before {
content: "\e039"; }
.icon-folder:before {
content: "\e089"; }
.icon-film:before {
content: "\e03a"; }
.icon-feed:before {
content: "\e03b"; }
.icon-drop:before {
content: "\e03e"; }
.icon-drawer:before {
content: "\e03f"; }
.icon-docs:before {
content: "\e040"; }
.icon-doc:before {
content: "\e085"; }
.icon-diamond:before {
content: "\e043"; }
.icon-cup:before {
content: "\e044"; }
.icon-calculator:before {
content: "\e049"; }
.icon-bubbles:before {
content: "\e04a"; }
.icon-briefcase:before {
content: "\e04b"; }
.icon-book-open:before {
content: "\e04c"; }
.icon-basket-loaded:before {
content: "\e04d"; }
.icon-basket:before {
content: "\e04e"; }
.icon-bag:before {
content: "\e04f"; }
.icon-action-undo:before {
content: "\e050"; }
.icon-action-redo:before {
content: "\e051"; }
.icon-wrench:before {
content: "\e052"; }
.icon-umbrella:before {
content: "\e053"; }
.icon-trash:before {
content: "\e054"; }
.icon-tag:before {
content: "\e055"; }
.icon-support:before {
content: "\e056"; }
.icon-frame:before {
content: "\e038"; }
.icon-size-fullscreen:before {
content: "\e057"; }
.icon-size-actual:before {
content: "\e058"; }
.icon-shuffle:before {
content: "\e059"; }
.icon-share-alt:before {
content: "\e05a"; }
.icon-share:before {
content: "\e05b"; }
.icon-rocket:before {
content: "\e05c"; }
.icon-question:before {
content: "\e05d"; }
.icon-pie-chart:before {
content: "\e05e"; }
.icon-pencil:before {
content: "\e05f"; }
.icon-note:before {
content: "\e060"; }
.icon-loop:before {
content: "\e064"; }
.icon-home:before {
content: "\e069"; }
.icon-grid:before {
content: "\e06a"; }
.icon-graph:before {
content: "\e06b"; }
.icon-microphone:before {
content: "\e063"; }
.icon-music-tone-alt:before {
content: "\e061"; }
.icon-music-tone:before {
content: "\e062"; }
.icon-earphones-alt:before {
content: "\e03c"; }
.icon-earphones:before {
content: "\e03d"; }
.icon-equalizer:before {
content: "\e06c"; }
.icon-like:before {
content: "\e068"; }
.icon-dislike:before {
content: "\e06d"; }
.icon-control-start:before {
content: "\e06f"; }
.icon-control-rewind:before {
content: "\e070"; }
.icon-control-play:before {
content: "\e071"; }
.icon-control-pause:before {
content: "\e072"; }
.icon-control-forward:before {
content: "\e073"; }
.icon-control-end:before {
content: "\e074"; }
.icon-volume-1:before {
content: "\e09f"; }
.icon-volume-2:before {
content: "\e0a0"; }
.icon-volume-off:before {
content: "\e0a1"; }
.icon-calendar:before {
content: "\e075"; }
.icon-bulb:before {
content: "\e076"; }
.icon-chart:before {
content: "\e077"; }
.icon-ban:before {
content: "\e07c"; }
.icon-bubble:before {
content: "\e07d"; }
.icon-camrecorder:before {
content: "\e07e"; }
.icon-camera:before {
content: "\e07f"; }
.icon-cloud-download:before {
content: "\e083"; }
.icon-cloud-upload:before {
content: "\e084"; }
.icon-envelope:before {
content: "\e086"; }
.icon-eye:before {
content: "\e087"; }
.icon-flag:before {
content: "\e088"; }
.icon-heart:before {
content: "\e08a"; }
.icon-info:before {
content: "\e08b"; }
.icon-key:before {
content: "\e08c"; }
.icon-link:before {
content: "\e08d"; }
.icon-lock:before {
content: "\e08e"; }
.icon-lock-open:before {
content: "\e08f"; }
.icon-magnifier:before {
content: "\e090"; }
.icon-magnifier-add:before {
content: "\e091"; }
.icon-magnifier-remove:before {
content: "\e092"; }
.icon-paper-clip:before {
content: "\e093"; }
.icon-paper-plane:before {
content: "\e094"; }
.icon-power:before {
content: "\e097"; }
.icon-refresh:before {
content: "\e098"; }
.icon-reload:before {
content: "\e099"; }
.icon-settings:before {
content: "\e09a"; }
.icon-star:before {
content: "\e09b"; }
.icon-symbol-female:before {
content: "\e09c"; }
.icon-symbol-male:before {
content: "\e09d"; }
.icon-target:before {
content: "\e09e"; }
.icon-credit-card:before {
content: "\e025"; }
.icon-paypal:before {
content: "\e608"; }
.icon-social-tumblr:before {
content: "\e00a"; }
.icon-social-twitter:before {
content: "\e009"; }
.icon-social-facebook:before {
content: "\e00b"; }
.icon-social-instagram:before {
content: "\e609"; }
.icon-social-linkedin:before {
content: "\e60a"; }
.icon-social-pinterest:before {
content: "\e60b"; }
.icon-social-github:before {
content: "\e60c"; }
.icon-social-google:before {
content: "\e60d"; }
.icon-social-reddit:before {
content: "\e60e"; }
.icon-social-skype:before {
content: "\e60f"; }
.icon-social-dribbble:before {
content: "\e00d"; }
.icon-social-behance:before {
content: "\e610"; }
.icon-social-foursqare:before {
content: "\e611"; }
.icon-social-soundcloud:before {
content: "\e612"; }
.icon-social-spotify:before {
content: "\e613"; }
.icon-social-stumbleupon:before {
content: "\e614"; }
.icon-social-youtube:before {
content: "\e008"; }
.icon-social-dropbox:before {
content: "\e00c"; }
.icon-social-vkontakte:before {
content: "\e618"; }
.icon-social-steam:before {
content: "\e620"; }
/*!
* Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url("../font/font-awesome/fontawesome-webfont.eot?v=4.6.3");
src: url("../font/font-awesome/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../font/font-awesome/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../font/font-awesome/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../font/font-awesome/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../font/font-awesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal; }
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-fw {
width: 1.28571429em;
text-align: center; }
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none; }
.fa-ul > li {
position: relative; }
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center; }
.fa-li.fa-lg {
left: -1.85714286em; }
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right {
margin-left: .3em; }
/* Deprecated as of 4.4.0 */
.pull-right {
float: right; }
.pull-left {
float: left; }
.fa.pull-left {
margin-right: .3em; }
.fa.pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none; }
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #ffffff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000"; }
.fa-music:before {
content: "\f001"; }
.fa-search:before {
content: "\f002"; }
.fa-envelope-o:before {
content: "\f003"; }
.fa-heart:before {
content: "\f004"; }
.fa-star:before {
content: "\f005"; }
.fa-star-o:before {
content: "\f006"; }
.fa-user:before {
content: "\f007"; }
.fa-film:before {
content: "\f008"; }
.fa-th-large:before {
content: "\f009"; }
.fa-th:before {
content: "\f00a"; }
.fa-th-list:before {
content: "\f00b"; }
.fa-check:before {
content: "\f00c"; }
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d"; }
.fa-search-plus:before {
content: "\f00e"; }
.fa-search-minus:before {
content: "\f010"; }
.fa-power-off:before {
content: "\f011"; }
.fa-signal:before {
content: "\f012"; }
.fa-gear:before,
.fa-cog:before {
content: "\f013"; }
.fa-trash-o:before {
content: "\f014"; }
.fa-home:before {
content: "\f015"; }
.fa-file-o:before {
content: "\f016"; }
.fa-clock-o:before {
content: "\f017"; }
.fa-road:before {
content: "\f018"; }
.fa-download:before {
content: "\f019"; }
.fa-arrow-circle-o-down:before {
content: "\f01a"; }
.fa-arrow-circle-o-up:before {
content: "\f01b"; }
.fa-inbox:before {
content: "\f01c"; }
.fa-play-circle-o:before {
content: "\f01d"; }
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e"; }
.fa-refresh:before {
content: "\f021"; }
.fa-list-alt:before {
content: "\f022"; }
.fa-lock:before {
content: "\f023"; }
.fa-flag:before {
content: "\f024"; }
.fa-headphones:before {
content: "\f025"; }
.fa-volume-off:before {
content: "\f026"; }
.fa-volume-down:before {
content: "\f027"; }
.fa-volume-up:before {
content: "\f028"; }
.fa-qrcode:before {
content: "\f029"; }
.fa-barcode:before {
content: "\f02a"; }
.fa-tag:before {
content: "\f02b"; }
.fa-tags:before {
content: "\f02c"; }
.fa-book:before {
content: "\f02d"; }
.fa-bookmark:before {
content: "\f02e"; }
.fa-print:before {
content: "\f02f"; }
.fa-camera:before {
content: "\f030"; }
.fa-font:before {
content: "\f031"; }
.fa-bold:before {
content: "\f032"; }
.fa-italic:before {
content: "\f033"; }
.fa-text-height:before {
content: "\f034"; }
.fa-text-width:before {
content: "\f035"; }
.fa-align-left:before {
content: "\f036"; }
.fa-align-center:before {
content: "\f037"; }
.fa-align-right:before {
content: "\f038"; }
.fa-align-justify:before {
content: "\f039"; }
.fa-list:before {
content: "\f03a"; }
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b"; }
.fa-indent:before {
content: "\f03c"; }
.fa-video-camera:before {
content: "\f03d"; }
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e"; }
.fa-pencil:before {
content: "\f040"; }
.fa-map-marker:before {
content: "\f041"; }
.fa-adjust:before {
content: "\f042"; }
.fa-tint:before {
content: "\f043"; }
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044"; }
.fa-share-square-o:before {
content: "\f045"; }
.fa-check-square-o:before {
content: "\f046"; }
.fa-arrows:before {
content: "\f047"; }
.fa-step-backward:before {
content: "\f048"; }
.fa-fast-backward:before {
content: "\f049"; }
.fa-backward:before {
content: "\f04a"; }
.fa-play:before {
content: "\f04b"; }
.fa-pause:before {
content: "\f04c"; }
.fa-stop:before {
content: "\f04d"; }
.fa-forward:before {
content: "\f04e"; }
.fa-fast-forward:before {
content: "\f050"; }
.fa-step-forward:before {
content: "\f051"; }
.fa-eject:before {
content: "\f052"; }
.fa-chevron-left:before {
content: "\f053"; }
.fa-chevron-right:before {
content: "\f054"; }
.fa-plus-circle:before {
content: "\f055"; }
.fa-minus-circle:before {
content: "\f056"; }
.fa-times-circle:before {
content: "\f057"; }
.fa-check-circle:before {
content: "\f058"; }
.fa-question-circle:before {
content: "\f059"; }
.fa-info-circle:before {
content: "\f05a"; }
.fa-crosshairs:before {
content: "\f05b"; }
.fa-times-circle-o:before {
content: "\f05c"; }
.fa-check-circle-o:before {
content: "\f05d"; }
.fa-ban:before {
content: "\f05e"; }
.fa-arrow-left:before {
content: "\f060"; }
.fa-arrow-right:before {
content: "\f061"; }
.fa-arrow-up:before {
content: "\f062"; }
.fa-arrow-down:before {
content: "\f063"; }
.fa-mail-forward:before,
.fa-share:before {
content: "\f064"; }
.fa-expand:before {
content: "\f065"; }
.fa-compress:before {
content: "\f066"; }
.fa-plus:before {
content: "\f067"; }
.fa-minus:before {
content: "\f068"; }
.fa-asterisk:before {
content: "\f069"; }
.fa-exclamation-circle:before {
content: "\f06a"; }
.fa-gift:before {
content: "\f06b"; }
.fa-leaf:before {
content: "\f06c"; }
.fa-fire:before {
content: "\f06d"; }
.fa-eye:before {
content: "\f06e"; }
.fa-eye-slash:before {
content: "\f070"; }
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071"; }
.fa-plane:before {
content: "\f072"; }
.fa-calendar:before {
content: "\f073"; }
.fa-random:before {
content: "\f074"; }
.fa-comment:before {
content: "\f075"; }
.fa-magnet:before {
content: "\f076"; }
.fa-chevron-up:before {
content: "\f077"; }
.fa-chevron-down:before {
content: "\f078"; }
.fa-retweet:before {
content: "\f079"; }
.fa-shopping-cart:before {
content: "\f07a"; }
.fa-folder:before {
content: "\f07b"; }
.fa-folder-open:before {
content: "\f07c"; }
.fa-arrows-v:before {
content: "\f07d"; }
.fa-arrows-h:before {
content: "\f07e"; }
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080"; }
.fa-twitter-square:before {
content: "\f081"; }
.fa-facebook-square:before {
content: "\f082"; }
.fa-camera-retro:before {
content: "\f083"; }
.fa-key:before {
content: "\f084"; }
.fa-gears:before,
.fa-cogs:before {
content: "\f085"; }
.fa-comments:before {
content: "\f086"; }
.fa-thumbs-o-up:before {
content: "\f087"; }
.fa-thumbs-o-down:before {
content: "\f088"; }
.fa-star-half:before {
content: "\f089"; }
.fa-heart-o:before {
content: "\f08a"; }
.fa-sign-out:before {
content: "\f08b"; }
.fa-linkedin-square:before {
content: "\f08c"; }
.fa-thumb-tack:before {
content: "\f08d"; }
.fa-external-link:before {
content: "\f08e"; }
.fa-sign-in:before {
content: "\f090"; }
.fa-trophy:before {
content: "\f091"; }
.fa-github-square:before {
content: "\f092"; }
.fa-upload:before {
content: "\f093"; }
.fa-lemon-o:before {
content: "\f094"; }
.fa-phone:before {
content: "\f095"; }
.fa-square-o:before {
content: "\f096"; }
.fa-bookmark-o:before {
content: "\f097"; }
.fa-phone-square:before {
content: "\f098"; }
.fa-twitter:before {
content: "\f099"; }
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a"; }
.fa-github:before {
content: "\f09b"; }
.fa-unlock:before {
content: "\f09c"; }
.fa-credit-card:before {
content: "\f09d"; }
.fa-feed:before,
.fa-rss:before {
content: "\f09e"; }
.fa-hdd-o:before {
content: "\f0a0"; }
.fa-bullhorn:before {
content: "\f0a1"; }
.fa-bell:before {
content: "\f0f3"; }
.fa-certificate:before {
content: "\f0a3"; }
.fa-hand-o-right:before {
content: "\f0a4"; }
.fa-hand-o-left:before {
content: "\f0a5"; }
.fa-hand-o-up:before {
content: "\f0a6"; }
.fa-hand-o-down:before {
content: "\f0a7"; }
.fa-arrow-circle-left:before {
content: "\f0a8"; }
.fa-arrow-circle-right:before {
content: "\f0a9"; }
.fa-arrow-circle-up:before {
content: "\f0aa"; }
.fa-arrow-circle-down:before {
content: "\f0ab"; }
.fa-globe:before {
content: "\f0ac"; }
.fa-wrench:before {
content: "\f0ad"; }
.fa-tasks:before {
content: "\f0ae"; }
.fa-filter:before {
content: "\f0b0"; }
.fa-briefcase:before {
content: "\f0b1"; }
.fa-arrows-alt:before {
content: "\f0b2"; }
.fa-group:before,
.fa-users:before {
content: "\f0c0"; }
.fa-chain:before,
.fa-link:before {
content: "\f0c1"; }
.fa-cloud:before {
content: "\f0c2"; }
.fa-flask:before {
content: "\f0c3"; }
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4"; }
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5"; }
.fa-paperclip:before {
content: "\f0c6"; }
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7"; }
.fa-square:before {
content: "\f0c8"; }
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9"; }
.fa-list-ul:before {
content: "\f0ca"; }
.fa-list-ol:before {
content: "\f0cb"; }
.fa-strikethrough:before {
content: "\f0cc"; }
.fa-underline:before {
content: "\f0cd"; }
.fa-table:before {
content: "\f0ce"; }
.fa-magic:before {
content: "\f0d0"; }
.fa-truck:before {
content: "\f0d1"; }
.fa-pinterest:before {
content: "\f0d2"; }
.fa-pinterest-square:before {
content: "\f0d3"; }
.fa-google-plus-square:before {
content: "\f0d4"; }
.fa-google-plus:before {
content: "\f0d5"; }
.fa-money:before {
content: "\f0d6"; }
.fa-caret-down:before {
content: "\f0d7"; }
.fa-caret-up:before {
content: "\f0d8"; }
.fa-caret-left:before {
content: "\f0d9"; }
.fa-caret-right:before {
content: "\f0da"; }
.fa-columns:before {
content: "\f0db"; }
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc"; }
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd"; }
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de"; }
.fa-envelope:before {
content: "\f0e0"; }
.fa-linkedin:before {
content: "\f0e1"; }
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2"; }
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3"; }
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4"; }
.fa-comment-o:before {
content: "\f0e5"; }
.fa-comments-o:before {
content: "\f0e6"; }
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7"; }
.fa-sitemap:before {
content: "\f0e8"; }
.fa-umbrella:before {
content: "\f0e9"; }
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea"; }
.fa-lightbulb-o:before {
content: "\f0eb"; }
.fa-exchange:before {
content: "\f0ec"; }
.fa-cloud-download:before {
content: "\f0ed"; }
.fa-cloud-upload:before {
content: "\f0ee"; }
.fa-user-md:before {
content: "\f0f0"; }
.fa-stethoscope:before {
content: "\f0f1"; }
.fa-suitcase:before {
content: "\f0f2"; }
.fa-bell-o:before {
content: "\f0a2"; }
.fa-coffee:before {
content: "\f0f4"; }
.fa-cutlery:before {
content: "\f0f5"; }
.fa-file-text-o:before {
content: "\f0f6"; }
.fa-building-o:before {
content: "\f0f7"; }
.fa-hospital-o:before {
content: "\f0f8"; }
.fa-ambulance:before {
content: "\f0f9"; }
.fa-medkit:before {
content: "\f0fa"; }
.fa-fighter-jet:before {
content: "\f0fb"; }
.fa-beer:before {
content: "\f0fc"; }
.fa-h-square:before {
content: "\f0fd"; }
.fa-plus-square:before {
content: "\f0fe"; }
.fa-angle-double-left:before {
content: "\f100"; }
.fa-angle-double-right:before {
content: "\f101"; }
.fa-angle-double-up:before {
content: "\f102"; }
.fa-angle-double-down:before {
content: "\f103"; }
.fa-angle-left:before {
content: "\f104"; }
.fa-angle-right:before {
content: "\f105"; }
.fa-angle-up:before {
content: "\f106"; }
.fa-angle-down:before {
content: "\f107"; }
.fa-desktop:before {
content: "\f108"; }
.fa-laptop:before {
content: "\f109"; }
.fa-tablet:before {
content: "\f10a"; }
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b"; }
.fa-circle-o:before {
content: "\f10c"; }
.fa-quote-left:before {
content: "\f10d"; }
.fa-quote-right:before {
content: "\f10e"; }
.fa-spinner:before {
content: "\f110"; }
.fa-circle:before {
content: "\f111"; }
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112"; }
.fa-github-alt:before {
content: "\f113"; }
.fa-folder-o:before {
content: "\f114"; }
.fa-folder-open-o:before {
content: "\f115"; }
.fa-smile-o:before {
content: "\f118"; }
.fa-frown-o:before {
content: "\f119"; }
.fa-meh-o:before {
content: "\f11a"; }
.fa-gamepad:before {
content: "\f11b"; }
.fa-keyboard-o:before {
content: "\f11c"; }
.fa-flag-o:before {
content: "\f11d"; }
.fa-flag-checkered:before {
content: "\f11e"; }
.fa-terminal:before {
content: "\f120"; }
.fa-code:before {
content: "\f121"; }
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122"; }
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123"; }
.fa-location-arrow:before {
content: "\f124"; }
.fa-crop:before {
content: "\f125"; }
.fa-code-fork:before {
content: "\f126"; }
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127"; }
.fa-question:before {
content: "\f128"; }
.fa-info:before {
content: "\f129"; }
.fa-exclamation:before {
content: "\f12a"; }
.fa-superscript:before {
content: "\f12b"; }
.fa-subscript:before {
content: "\f12c"; }
.fa-eraser:before {
content: "\f12d"; }
.fa-puzzle-piece:before {
content: "\f12e"; }
.fa-microphone:before {
content: "\f130"; }
.fa-microphone-slash:before {
content: "\f131"; }
.fa-shield:before {
content: "\f132"; }
.fa-calendar-o:before {
content: "\f133"; }
.fa-fire-extinguisher:before {
content: "\f134"; }
.fa-rocket:before {
content: "\f135"; }
.fa-maxcdn:before {
content: "\f136"; }
.fa-chevron-circle-left:before {
content: "\f137"; }
.fa-chevron-circle-right:before {
content: "\f138"; }
.fa-chevron-circle-up:before {
content: "\f139"; }
.fa-chevron-circle-down:before {
content: "\f13a"; }
.fa-html5:before {
content: "\f13b"; }
.fa-css3:before {
content: "\f13c"; }
.fa-anchor:before {
content: "\f13d"; }
.fa-unlock-alt:before {
content: "\f13e"; }
.fa-bullseye:before {
content: "\f140"; }
.fa-ellipsis-h:before {
content: "\f141"; }
.fa-ellipsis-v:before {
content: "\f142"; }
.fa-rss-square:before {
content: "\f143"; }
.fa-play-circle:before {
content: "\f144"; }
.fa-ticket:before {
content: "\f145"; }
.fa-minus-square:before {
content: "\f146"; }
.fa-minus-square-o:before {
content: "\f147"; }
.fa-level-up:before {
content: "\f148"; }
.fa-level-down:before {
content: "\f149"; }
.fa-check-square:before {
content: "\f14a"; }
.fa-pencil-square:before {
content: "\f14b"; }
.fa-external-link-square:before {
content: "\f14c"; }
.fa-share-square:before {
content: "\f14d"; }
.fa-compass:before {
content: "\f14e"; }
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150"; }
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151"; }
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152"; }
.fa-euro:before,
.fa-eur:before {
content: "\f153"; }
.fa-gbp:before {
content: "\f154"; }
.fa-dollar:before,
.fa-usd:before {
content: "\f155"; }
.fa-rupee:before,
.fa-inr:before {
content: "\f156"; }
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157"; }
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158"; }
.fa-won:before,
.fa-krw:before {
content: "\f159"; }
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a"; }
.fa-file:before {
content: "\f15b"; }
.fa-file-text:before {
content: "\f15c"; }
.fa-sort-alpha-asc:before {
content: "\f15d"; }
.fa-sort-alpha-desc:before {
content: "\f15e"; }
.fa-sort-amount-asc:before {
content: "\f160"; }
.fa-sort-amount-desc:before {
content: "\f161"; }
.fa-sort-numeric-asc:before {
content: "\f162"; }
.fa-sort-numeric-desc:before {
content: "\f163"; }
.fa-thumbs-up:before {
content: "\f164"; }
.fa-thumbs-down:before {
content: "\f165"; }
.fa-youtube-square:before {
content: "\f166"; }
.fa-youtube:before {
content: "\f167"; }
.fa-xing:before {
content: "\f168"; }
.fa-xing-square:before {
content: "\f169"; }
.fa-youtube-play:before {
content: "\f16a"; }
.fa-dropbox:before {
content: "\f16b"; }
.fa-stack-overflow:before {
content: "\f16c"; }
.fa-instagram:before {
content: "\f16d"; }
.fa-flickr:before {
content: "\f16e"; }
.fa-adn:before {
content: "\f170"; }
.fa-bitbucket:before {
content: "\f171"; }
.fa-bitbucket-square:before {
content: "\f172"; }
.fa-tumblr:before {
content: "\f173"; }
.fa-tumblr-square:before {
content: "\f174"; }
.fa-long-arrow-down:before {
content: "\f175"; }
.fa-long-arrow-up:before {
content: "\f176"; }
.fa-long-arrow-left:before {
content: "\f177"; }
.fa-long-arrow-right:before {
content: "\f178"; }
.fa-apple:before {
content: "\f179"; }
.fa-windows:before {
content: "\f17a"; }
.fa-android:before {
content: "\f17b"; }
.fa-linux:before {
content: "\f17c"; }
.fa-dribbble:before {
content: "\f17d"; }
.fa-skype:before {
content: "\f17e"; }
.fa-foursquare:before {
content: "\f180"; }
.fa-trello:before {
content: "\f181"; }
.fa-female:before {
content: "\f182"; }
.fa-male:before {
content: "\f183"; }
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184"; }
.fa-sun-o:before {
content: "\f185"; }
.fa-moon-o:before {
content: "\f186"; }
.fa-archive:before {
content: "\f187"; }
.fa-bug:before {
content: "\f188"; }
.fa-vk:before {
content: "\f189"; }
.fa-weibo:before {
content: "\f18a"; }
.fa-renren:before {
content: "\f18b"; }
.fa-pagelines:before {
content: "\f18c"; }
.fa-stack-exchange:before {
content: "\f18d"; }
.fa-arrow-circle-o-right:before {
content: "\f18e"; }
.fa-arrow-circle-o-left:before {
content: "\f190"; }
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191"; }
.fa-dot-circle-o:before {
content: "\f192"; }
.fa-wheelchair:before {
content: "\f193"; }
.fa-vimeo-square:before {
content: "\f194"; }
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195"; }
.fa-plus-square-o:before {
content: "\f196"; }
.fa-space-shuttle:before {
content: "\f197"; }
.fa-slack:before {
content: "\f198"; }
.fa-envelope-square:before {
content: "\f199"; }
.fa-wordpress:before {
content: "\f19a"; }
.fa-openid:before {
content: "\f19b"; }
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c"; }
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d"; }
.fa-yahoo:before {
content: "\f19e"; }
.fa-google:before {
content: "\f1a0"; }
.fa-reddit:before {
content: "\f1a1"; }
.fa-reddit-square:before {
content: "\f1a2"; }
.fa-stumbleupon-circle:before {
content: "\f1a3"; }
.fa-stumbleupon:before {
content: "\f1a4"; }
.fa-delicious:before {
content: "\f1a5"; }
.fa-digg:before {
content: "\f1a6"; }
.fa-pied-piper-pp:before {
content: "\f1a7"; }
.fa-pied-piper-alt:before {
content: "\f1a8"; }
.fa-drupal:before {
content: "\f1a9"; }
.fa-joomla:before {
content: "\f1aa"; }
.fa-language:before {
content: "\f1ab"; }
.fa-fax:before {
content: "\f1ac"; }
.fa-building:before {
content: "\f1ad"; }
.fa-child:before {
content: "\f1ae"; }
.fa-paw:before {
content: "\f1b0"; }
.fa-spoon:before {
content: "\f1b1"; }
.fa-cube:before {
content: "\f1b2"; }
.fa-cubes:before {
content: "\f1b3"; }
.fa-behance:before {
content: "\f1b4"; }
.fa-behance-square:before {
content: "\f1b5"; }
.fa-steam:before {
content: "\f1b6"; }
.fa-steam-square:before {
content: "\f1b7"; }
.fa-recycle:before {
content: "\f1b8"; }
.fa-automobile:before,
.fa-car:before {
content: "\f1b9"; }
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba"; }
.fa-tree:before {
content: "\f1bb"; }
.fa-spotify:before {
content: "\f1bc"; }
.fa-deviantart:before {
content: "\f1bd"; }
.fa-soundcloud:before {
content: "\f1be"; }
.fa-database:before {
content: "\f1c0"; }
.fa-file-pdf-o:before {
content: "\f1c1"; }
.fa-file-word-o:before {
content: "\f1c2"; }
.fa-file-excel-o:before {
content: "\f1c3"; }
.fa-file-powerpoint-o:before {
content: "\f1c4"; }
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5"; }
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6"; }
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7"; }
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8"; }
.fa-file-code-o:before {
content: "\f1c9"; }
.fa-vine:before {
content: "\f1ca"; }
.fa-codepen:before {
content: "\f1cb"; }
.fa-jsfiddle:before {
content: "\f1cc"; }
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd"; }
.fa-circle-o-notch:before {
content: "\f1ce"; }
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0"; }
.fa-ge:before,
.fa-empire:before {
content: "\f1d1"; }
.fa-git-square:before {
content: "\f1d2"; }
.fa-git:before {
content: "\f1d3"; }
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4"; }
.fa-tencent-weibo:before {
content: "\f1d5"; }
.fa-qq:before {
content: "\f1d6"; }
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7"; }
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8"; }
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9"; }
.fa-history:before {
content: "\f1da"; }
.fa-circle-thin:before {
content: "\f1db"; }
.fa-header:before {
content: "\f1dc"; }
.fa-paragraph:before {
content: "\f1dd"; }
.fa-sliders:before {
content: "\f1de"; }
.fa-share-alt:before {
content: "\f1e0"; }
.fa-share-alt-square:before {
content: "\f1e1"; }
.fa-bomb:before {
content: "\f1e2"; }
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3"; }
.fa-tty:before {
content: "\f1e4"; }
.fa-binoculars:before {
content: "\f1e5"; }
.fa-plug:before {
content: "\f1e6"; }
.fa-slideshare:before {
content: "\f1e7"; }
.fa-twitch:before {
content: "\f1e8"; }
.fa-yelp:before {
content: "\f1e9"; }
.fa-newspaper-o:before {
content: "\f1ea"; }
.fa-wifi:before {
content: "\f1eb"; }
.fa-calculator:before {
content: "\f1ec"; }
.fa-paypal:before {
content: "\f1ed"; }
.fa-google-wallet:before {
content: "\f1ee"; }
.fa-cc-visa:before {
content: "\f1f0"; }
.fa-cc-mastercard:before {
content: "\f1f1"; }
.fa-cc-discover:before {
content: "\f1f2"; }
.fa-cc-amex:before {
content: "\f1f3"; }
.fa-cc-paypal:before {
content: "\f1f4"; }
.fa-cc-stripe:before {
content: "\f1f5"; }
.fa-bell-slash:before {
content: "\f1f6"; }
.fa-bell-slash-o:before {
content: "\f1f7"; }
.fa-trash:before {
content: "\f1f8"; }
.fa-copyright:before {
content: "\f1f9"; }
.fa-at:before {
content: "\f1fa"; }
.fa-eyedropper:before {
content: "\f1fb"; }
.fa-paint-brush:before {
content: "\f1fc"; }
.fa-birthday-cake:before {
content: "\f1fd"; }
.fa-area-chart:before {
content: "\f1fe"; }
.fa-pie-chart:before {
content: "\f200"; }
.fa-line-chart:before {
content: "\f201"; }
.fa-lastfm:before {
content: "\f202"; }
.fa-lastfm-square:before {
content: "\f203"; }
.fa-toggle-off:before {
content: "\f204"; }
.fa-toggle-on:before {
content: "\f205"; }
.fa-bicycle:before {
content: "\f206"; }
.fa-bus:before {
content: "\f207"; }
.fa-ioxhost:before {
content: "\f208"; }
.fa-angellist:before {
content: "\f209"; }
.fa-cc:before {
content: "\f20a"; }
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b"; }
.fa-meanpath:before {
content: "\f20c"; }
.fa-buysellads:before {
content: "\f20d"; }
.fa-connectdevelop:before {
content: "\f20e"; }
.fa-dashcube:before {
content: "\f210"; }
.fa-forumbee:before {
content: "\f211"; }
.fa-leanpub:before {
content: "\f212"; }
.fa-sellsy:before {
content: "\f213"; }
.fa-shirtsinbulk:before {
content: "\f214"; }
.fa-simplybuilt:before {
content: "\f215"; }
.fa-skyatlas:before {
content: "\f216"; }
.fa-cart-plus:before {
content: "\f217"; }
.fa-cart-arrow-down:before {
content: "\f218"; }
.fa-diamond:before {
content: "\f219"; }
.fa-ship:before {
content: "\f21a"; }
.fa-user-secret:before {
content: "\f21b"; }
.fa-motorcycle:before {
content: "\f21c"; }
.fa-street-view:before {
content: "\f21d"; }
.fa-heartbeat:before {
content: "\f21e"; }
.fa-venus:before {
content: "\f221"; }
.fa-mars:before {
content: "\f222"; }
.fa-mercury:before {
content: "\f223"; }
.fa-intersex:before,
.fa-transgender:before {
content: "\f224"; }
.fa-transgender-alt:before {
content: "\f225"; }
.fa-venus-double:before {
content: "\f226"; }
.fa-mars-double:before {
content: "\f227"; }
.fa-venus-mars:before {
content: "\f228"; }
.fa-mars-stroke:before {
content: "\f229"; }
.fa-mars-stroke-v:before {
content: "\f22a"; }
.fa-mars-stroke-h:before {
content: "\f22b"; }
.fa-neuter:before {
content: "\f22c"; }
.fa-genderless:before {
content: "\f22d"; }
.fa-facebook-official:before {
content: "\f230"; }
.fa-pinterest-p:before {
content: "\f231"; }
.fa-whatsapp:before {
content: "\f232"; }
.fa-server:before {
content: "\f233"; }
.fa-user-plus:before {
content: "\f234"; }
.fa-user-times:before {
content: "\f235"; }
.fa-hotel:before,
.fa-bed:before {
content: "\f236"; }
.fa-viacoin:before {
content: "\f237"; }
.fa-train:before {
content: "\f238"; }
.fa-subway:before {
content: "\f239"; }
.fa-medium:before {
content: "\f23a"; }
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b"; }
.fa-optin-monster:before {
content: "\f23c"; }
.fa-opencart:before {
content: "\f23d"; }
.fa-expeditedssl:before {
content: "\f23e"; }
.fa-battery-4:before,
.fa-battery-full:before {
content: "\f240"; }
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241"; }
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242"; }
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243"; }
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244"; }
.fa-mouse-pointer:before {
content: "\f245"; }
.fa-i-cursor:before {
content: "\f246"; }
.fa-object-group:before {
content: "\f247"; }
.fa-object-ungroup:before {
content: "\f248"; }
.fa-sticky-note:before {
content: "\f249"; }
.fa-sticky-note-o:before {
content: "\f24a"; }
.fa-cc-jcb:before {
content: "\f24b"; }
.fa-cc-diners-club:before {
content: "\f24c"; }
.fa-clone:before {
content: "\f24d"; }
.fa-balance-scale:before {
content: "\f24e"; }
.fa-hourglass-o:before {
content: "\f250"; }
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251"; }
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252"; }
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253"; }
.fa-hourglass:before {
content: "\f254"; }
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255"; }
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256"; }
.fa-hand-scissors-o:before {
content: "\f257"; }
.fa-hand-lizard-o:before {
content: "\f258"; }
.fa-hand-spock-o:before {
content: "\f259"; }
.fa-hand-pointer-o:before {
content: "\f25a"; }
.fa-hand-peace-o:before {
content: "\f25b"; }
.fa-trademark:before {
content: "\f25c"; }
.fa-registered:before {
content: "\f25d"; }
.fa-creative-commons:before {
content: "\f25e"; }
.fa-gg:before {
content: "\f260"; }
.fa-gg-circle:before {
content: "\f261"; }
.fa-tripadvisor:before {
content: "\f262"; }
.fa-odnoklassniki:before {
content: "\f263"; }
.fa-odnoklassniki-square:before {
content: "\f264"; }
.fa-get-pocket:before {
content: "\f265"; }
.fa-wikipedia-w:before {
content: "\f266"; }
.fa-safari:before {
content: "\f267"; }
.fa-chrome:before {
content: "\f268"; }
.fa-firefox:before {
content: "\f269"; }
.fa-opera:before {
content: "\f26a"; }
.fa-internet-explorer:before {
content: "\f26b"; }
.fa-tv:before,
.fa-television:before {
content: "\f26c"; }
.fa-contao:before {
content: "\f26d"; }
.fa-500px:before {
content: "\f26e"; }
.fa-amazon:before {
content: "\f270"; }
.fa-calendar-plus-o:before {
content: "\f271"; }
.fa-calendar-minus-o:before {
content: "\f272"; }
.fa-calendar-times-o:before {
content: "\f273"; }
.fa-calendar-check-o:before {
content: "\f274"; }
.fa-industry:before {
content: "\f275"; }
.fa-map-pin:before {
content: "\f276"; }
.fa-map-signs:before {
content: "\f277"; }
.fa-map-o:before {
content: "\f278"; }
.fa-map:before {
content: "\f279"; }
.fa-commenting:before {
content: "\f27a"; }
.fa-commenting-o:before {
content: "\f27b"; }
.fa-houzz:before {
content: "\f27c"; }
.fa-vimeo:before {
content: "\f27d"; }
.fa-black-tie:before {
content: "\f27e"; }
.fa-fonticons:before {
content: "\f280"; }
.fa-reddit-alien:before {
content: "\f281"; }
.fa-edge:before {
content: "\f282"; }
.fa-credit-card-alt:before {
content: "\f283"; }
.fa-codiepie:before {
content: "\f284"; }
.fa-modx:before {
content: "\f285"; }
.fa-fort-awesome:before {
content: "\f286"; }
.fa-usb:before {
content: "\f287"; }
.fa-product-hunt:before {
content: "\f288"; }
.fa-mixcloud:before {
content: "\f289"; }
.fa-scribd:before {
content: "\f28a"; }
.fa-pause-circle:before {
content: "\f28b"; }
.fa-pause-circle-o:before {
content: "\f28c"; }
.fa-stop-circle:before {
content: "\f28d"; }
.fa-stop-circle-o:before {
content: "\f28e"; }
.fa-shopping-bag:before {
content: "\f290"; }
.fa-shopping-basket:before {
content: "\f291"; }
.fa-hashtag:before {
content: "\f292"; }
.fa-bluetooth:before {
content: "\f293"; }
.fa-bluetooth-b:before {
content: "\f294"; }
.fa-percent:before {
content: "\f295"; }
.fa-gitlab:before {
content: "\f296"; }
.fa-wpbeginner:before {
content: "\f297"; }
.fa-wpforms:before {
content: "\f298"; }
.fa-envira:before {
content: "\f299"; }
.fa-universal-access:before {
content: "\f29a"; }
.fa-wheelchair-alt:before {
content: "\f29b"; }
.fa-question-circle-o:before {
content: "\f29c"; }
.fa-blind:before {
content: "\f29d"; }
.fa-audio-description:before {
content: "\f29e"; }
.fa-volume-control-phone:before {
content: "\f2a0"; }
.fa-braille:before {
content: "\f2a1"; }
.fa-assistive-listening-systems:before {
content: "\f2a2"; }
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3"; }
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4"; }
.fa-glide:before {
content: "\f2a5"; }
.fa-glide-g:before {
content: "\f2a6"; }
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7"; }
.fa-low-vision:before {
content: "\f2a8"; }
.fa-viadeo:before {
content: "\f2a9"; }
.fa-viadeo-square:before {
content: "\f2aa"; }
.fa-snapchat:before {
content: "\f2ab"; }
.fa-snapchat-ghost:before {
content: "\f2ac"; }
.fa-snapchat-square:before {
content: "\f2ad"; }
.fa-pied-piper:before {
content: "\f2ae"; }
.fa-first-order:before {
content: "\f2b0"; }
.fa-yoast:before {
content: "\f2b1"; }
.fa-themeisle:before {
content: "\f2b2"; }
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3"; }
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4"; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
@font-face {
font-family: "Material Design Icons";
src: url("../font/material-design/materialdesignicons-webfont.eot?v=1.9.32");
src: url("../font/material-design/materialdesignicons-webfont.eot?#iefix&v=1.9.32") format("embedded-opentype"), url("../font/material-design/materialdesignicons-webfont.woff2?v=1.9.32") format("woff2"), url("../font/material-design/materialdesignicons-webfont.woff?v=1.9.32") format("woff"), url("../font/material-design/materialdesignicons-webfont.ttf?v=1.9.32") format("truetype"), url("../font/material-design/materialdesignicons-webfont.svg?v=1.9.32#materialdesigniconsregular") format("svg");
font-weight: normal;
font-style: normal; }
.mdi:before,
.mdi-set {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.mdi-access-point:before {
content: "\F002"; }
.mdi-access-point-network:before {
content: "\F003"; }
.mdi-account:before {
content: "\F004"; }
.mdi-account-alert:before {
content: "\F005"; }
.mdi-account-box:before {
content: "\F006"; }
.mdi-account-box-outline:before {
content: "\F007"; }
.mdi-account-card-details:before {
content: "\F5D2"; }
.mdi-account-check:before {
content: "\F008"; }
.mdi-account-circle:before {
content: "\F009"; }
.mdi-account-convert:before {
content: "\F00A"; }
.mdi-account-edit:before {
content: "\F6BB"; }
.mdi-account-key:before {
content: "\F00B"; }
.mdi-account-location:before {
content: "\F00C"; }
.mdi-account-minus:before {
content: "\F00D"; }
.mdi-account-multiple:before {
content: "\F00E"; }
.mdi-account-multiple-minus:before {
content: "\F5D3"; }
.mdi-account-multiple-outline:before {
content: "\F00F"; }
.mdi-account-multiple-plus:before {
content: "\F010"; }
.mdi-account-network:before {
content: "\F011"; }
.mdi-account-off:before {
content: "\F012"; }
.mdi-account-outline:before {
content: "\F013"; }
.mdi-account-plus:before {
content: "\F014"; }
.mdi-account-remove:before {
content: "\F015"; }
.mdi-account-search:before {
content: "\F016"; }
.mdi-account-settings:before {
content: "\F630"; }
.mdi-account-settings-variant:before {
content: "\F631"; }
.mdi-account-star:before {
content: "\F017"; }
.mdi-account-switch:before {
content: "\F019"; }
.mdi-adjust:before {
content: "\F01A"; }
.mdi-air-conditioner:before {
content: "\F01B"; }
.mdi-airballoon:before {
content: "\F01C"; }
.mdi-airplane:before {
content: "\F01D"; }
.mdi-airplane-landing:before {
content: "\F5D4"; }
.mdi-airplane-off:before {
content: "\F01E"; }
.mdi-airplane-takeoff:before {
content: "\F5D5"; }
.mdi-airplay:before {
content: "\F01F"; }
.mdi-alarm:before {
content: "\F020"; }
.mdi-alarm-check:before {
content: "\F021"; }
.mdi-alarm-multiple:before {
content: "\F022"; }
.mdi-alarm-off:before {
content: "\F023"; }
.mdi-alarm-plus:before {
content: "\F024"; }
.mdi-alarm-snooze:before {
content: "\F68D"; }
.mdi-album:before {
content: "\F025"; }
.mdi-alert:before {
content: "\F026"; }
.mdi-alert-box:before {
content: "\F027"; }
.mdi-alert-circle:before {
content: "\F028"; }
.mdi-alert-circle-outline:before {
content: "\F5D6"; }
.mdi-alert-decagram:before {
content: "\F6BC"; }
.mdi-alert-octagon:before {
content: "\F029"; }
.mdi-alert-octagram:before {
content: "\F766"; }
.mdi-alert-outline:before {
content: "\F02A"; }
.mdi-all-inclusive:before {
content: "\F6BD"; }
.mdi-alpha:before {
content: "\F02B"; }
.mdi-alphabetical:before {
content: "\F02C"; }
.mdi-altimeter:before {
content: "\F5D7"; }
.mdi-amazon:before {
content: "\F02D"; }
.mdi-amazon-clouddrive:before {
content: "\F02E"; }
.mdi-ambulance:before {
content: "\F02F"; }
.mdi-amplifier:before {
content: "\F030"; }
.mdi-anchor:before {
content: "\F031"; }
.mdi-android:before {
content: "\F032"; }
.mdi-android-debug-bridge:before {
content: "\F033"; }
.mdi-android-studio:before {
content: "\F034"; }
.mdi-angular:before {
content: "\F6B1"; }
.mdi-angularjs:before {
content: "\F6BE"; }
.mdi-animation:before {
content: "\F5D8"; }
.mdi-apple:before {
content: "\F035"; }
.mdi-apple-finder:before {
content: "\F036"; }
.mdi-apple-ios:before {
content: "\F037"; }
.mdi-apple-keyboard-caps:before {
content: "\F632"; }
.mdi-apple-keyboard-command:before {
content: "\F633"; }
.mdi-apple-keyboard-control:before {
content: "\F634"; }
.mdi-apple-keyboard-option:before {
content: "\F635"; }
.mdi-apple-keyboard-shift:before {
content: "\F636"; }
.mdi-apple-mobileme:before {
content: "\F038"; }
.mdi-apple-safari:before {
content: "\F039"; }
.mdi-application:before {
content: "\F614"; }
.mdi-apps:before {
content: "\F03B"; }
.mdi-archive:before {
content: "\F03C"; }
.mdi-arrange-bring-forward:before {
content: "\F03D"; }
.mdi-arrange-bring-to-front:before {
content: "\F03E"; }
.mdi-arrange-send-backward:before {
content: "\F03F"; }
.mdi-arrange-send-to-back:before {
content: "\F040"; }
.mdi-arrow-all:before {
content: "\F041"; }
.mdi-arrow-bottom-left:before {
content: "\F042"; }
.mdi-arrow-bottom-right:before {
content: "\F043"; }
.mdi-arrow-compress:before {
content: "\F615"; }
.mdi-arrow-compress-all:before {
content: "\F044"; }
.mdi-arrow-down:before {
content: "\F045"; }
.mdi-arrow-down-bold:before {
content: "\F72D"; }
.mdi-arrow-down-bold-box:before {
content: "\F72E"; }
.mdi-arrow-down-bold-box-outline:before {
content: "\F72F"; }
.mdi-arrow-down-bold-circle:before {
content: "\F047"; }
.mdi-arrow-down-bold-circle-outline:before {
content: "\F048"; }
.mdi-arrow-down-bold-hexagon-outline:before {
content: "\F049"; }
.mdi-arrow-down-box:before {
content: "\F6BF"; }
.mdi-arrow-down-drop-circle:before {
content: "\F04A"; }
.mdi-arrow-down-drop-circle-outline:before {
content: "\F04B"; }
.mdi-arrow-down-thick:before {
content: "\F046"; }
.mdi-arrow-expand:before {
content: "\F616"; }
.mdi-arrow-expand-all:before {
content: "\F04C"; }
.mdi-arrow-left:before {
content: "\F04D"; }
.mdi-arrow-left-bold:before {
content: "\F730"; }
.mdi-arrow-left-bold-box:before {
content: "\F731"; }
.mdi-arrow-left-bold-box-outline:before {
content: "\F732"; }
.mdi-arrow-left-bold-circle:before {
content: "\F04F"; }
.mdi-arrow-left-bold-circle-outline:before {
content: "\F050"; }
.mdi-arrow-left-bold-hexagon-outline:before {
content: "\F051"; }
.mdi-arrow-left-box:before {
content: "\F6C0"; }
.mdi-arrow-left-drop-circle:before {
content: "\F052"; }
.mdi-arrow-left-drop-circle-outline:before {
content: "\F053"; }
.mdi-arrow-left-thick:before {
content: "\F04E"; }
.mdi-arrow-right:before {
content: "\F054"; }
.mdi-arrow-right-bold:before {
content: "\F733"; }
.mdi-arrow-right-bold-box:before {
content: "\F734"; }
.mdi-arrow-right-bold-box-outline:before {
content: "\F735"; }
.mdi-arrow-right-bold-circle:before {
content: "\F056"; }
.mdi-arrow-right-bold-circle-outline:before {
content: "\F057"; }
.mdi-arrow-right-bold-hexagon-outline:before {
content: "\F058"; }
.mdi-arrow-right-box:before {
content: "\F6C1"; }
.mdi-arrow-right-drop-circle:before {
content: "\F059"; }
.mdi-arrow-right-drop-circle-outline:before {
content: "\F05A"; }
.mdi-arrow-right-thick:before {
content: "\F055"; }
.mdi-arrow-top-left:before {
content: "\F05B"; }
.mdi-arrow-top-right:before {
content: "\F05C"; }
.mdi-arrow-up:before {
content: "\F05D"; }
.mdi-arrow-up-bold:before {
content: "\F736"; }
.mdi-arrow-up-bold-box:before {
content: "\F737"; }
.mdi-arrow-up-bold-box-outline:before {
content: "\F738"; }
.mdi-arrow-up-bold-circle:before {
content: "\F05F"; }
.mdi-arrow-up-bold-circle-outline:before {
content: "\F060"; }
.mdi-arrow-up-bold-hexagon-outline:before {
content: "\F061"; }
.mdi-arrow-up-box:before {
content: "\F6C2"; }
.mdi-arrow-up-drop-circle:before {
content: "\F062"; }
.mdi-arrow-up-drop-circle-outline:before {
content: "\F063"; }
.mdi-arrow-up-thick:before {
content: "\F05E"; }
.mdi-assistant:before {
content: "\F064"; }
.mdi-asterisk:before {
content: "\F6C3"; }
.mdi-at:before {
content: "\F065"; }
.mdi-atom:before {
content: "\F767"; }
.mdi-attachment:before {
content: "\F066"; }
.mdi-audiobook:before {
content: "\F067"; }
.mdi-auto-fix:before {
content: "\F068"; }
.mdi-auto-upload:before {
content: "\F069"; }
.mdi-autorenew:before {
content: "\F06A"; }
.mdi-av-timer:before {
content: "\F06B"; }
.mdi-baby:before {
content: "\F06C"; }
.mdi-baby-buggy:before {
content: "\F68E"; }
.mdi-backburger:before {
content: "\F06D"; }
.mdi-backspace:before {
content: "\F06E"; }
.mdi-backup-restore:before {
content: "\F06F"; }
.mdi-bandcamp:before {
content: "\F674"; }
.mdi-bank:before {
content: "\F070"; }
.mdi-barcode:before {
content: "\F071"; }
.mdi-barcode-scan:before {
content: "\F072"; }
.mdi-barley:before {
content: "\F073"; }
.mdi-barrel:before {
content: "\F074"; }
.mdi-basecamp:before {
content: "\F075"; }
.mdi-basket:before {
content: "\F076"; }
.mdi-basket-fill:before {
content: "\F077"; }
.mdi-basket-unfill:before {
content: "\F078"; }
.mdi-battery:before {
content: "\F079"; }
.mdi-battery-10:before {
content: "\F07A"; }
.mdi-battery-20:before {
content: "\F07B"; }
.mdi-battery-30:before {
content: "\F07C"; }
.mdi-battery-40:before {
content: "\F07D"; }
.mdi-battery-50:before {
content: "\F07E"; }
.mdi-battery-60:before {
content: "\F07F"; }
.mdi-battery-70:before {
content: "\F080"; }
.mdi-battery-80:before {
content: "\F081"; }
.mdi-battery-90:before {
content: "\F082"; }
.mdi-battery-alert:before {
content: "\F083"; }
.mdi-battery-charging:before {
content: "\F084"; }
.mdi-battery-charging-100:before {
content: "\F085"; }
.mdi-battery-charging-20:before {
content: "\F086"; }
.mdi-battery-charging-30:before {
content: "\F087"; }
.mdi-battery-charging-40:before {
content: "\F088"; }
.mdi-battery-charging-60:before {
content: "\F089"; }
.mdi-battery-charging-80:before {
content: "\F08A"; }
.mdi-battery-charging-90:before {
content: "\F08B"; }
.mdi-battery-minus:before {
content: "\F08C"; }
.mdi-battery-negative:before {
content: "\F08D"; }
.mdi-battery-outline:before {
content: "\F08E"; }
.mdi-battery-plus:before {
content: "\F08F"; }
.mdi-battery-positive:before {
content: "\F090"; }
.mdi-battery-unknown:before {
content: "\F091"; }
.mdi-beach:before {
content: "\F092"; }
.mdi-beaker:before {
content: "\F68F"; }
.mdi-beats:before {
content: "\F097"; }
.mdi-beer:before {
content: "\F098"; }
.mdi-behance:before {
content: "\F099"; }
.mdi-bell:before {
content: "\F09A"; }
.mdi-bell-off:before {
content: "\F09B"; }
.mdi-bell-outline:before {
content: "\F09C"; }
.mdi-bell-plus:before {
content: "\F09D"; }
.mdi-bell-ring:before {
content: "\F09E"; }
.mdi-bell-ring-outline:before {
content: "\F09F"; }
.mdi-bell-sleep:before {
content: "\F0A0"; }
.mdi-beta:before {
content: "\F0A1"; }
.mdi-bible:before {
content: "\F0A2"; }
.mdi-bike:before {
content: "\F0A3"; }
.mdi-bing:before {
content: "\F0A4"; }
.mdi-binoculars:before {
content: "\F0A5"; }
.mdi-bio:before {
content: "\F0A6"; }
.mdi-biohazard:before {
content: "\F0A7"; }
.mdi-bitbucket:before {
content: "\F0A8"; }
.mdi-black-mesa:before {
content: "\F0A9"; }
.mdi-blackberry:before {
content: "\F0AA"; }
.mdi-blender:before {
content: "\F0AB"; }
.mdi-blinds:before {
content: "\F0AC"; }
.mdi-block-helper:before {
content: "\F0AD"; }
.mdi-blogger:before {
content: "\F0AE"; }
.mdi-bluetooth:before {
content: "\F0AF"; }
.mdi-bluetooth-audio:before {
content: "\F0B0"; }
.mdi-bluetooth-connect:before {
content: "\F0B1"; }
.mdi-bluetooth-off:before {
content: "\F0B2"; }
.mdi-bluetooth-settings:before {
content: "\F0B3"; }
.mdi-bluetooth-transfer:before {
content: "\F0B4"; }
.mdi-blur:before {
content: "\F0B5"; }
.mdi-blur-linear:before {
content: "\F0B6"; }
.mdi-blur-off:before {
content: "\F0B7"; }
.mdi-blur-radial:before {
content: "\F0B8"; }
.mdi-bomb:before {
content: "\F690"; }
.mdi-bomb-off:before {
content: "\F6C4"; }
.mdi-bone:before {
content: "\F0B9"; }
.mdi-book:before {
content: "\F0BA"; }
.mdi-book-minus:before {
content: "\F5D9"; }
.mdi-book-multiple:before {
content: "\F0BB"; }
.mdi-book-multiple-variant:before {
content: "\F0BC"; }
.mdi-book-open:before {
content: "\F0BD"; }
.mdi-book-open-page-variant:before {
content: "\F5DA"; }
.mdi-book-open-variant:before {
content: "\F0BE"; }
.mdi-book-plus:before {
content: "\F5DB"; }
.mdi-book-variant:before {
content: "\F0BF"; }
.mdi-bookmark:before {
content: "\F0C0"; }
.mdi-bookmark-check:before {
content: "\F0C1"; }
.mdi-bookmark-music:before {
content: "\F0C2"; }
.mdi-bookmark-outline:before {
content: "\F0C3"; }
.mdi-bookmark-plus:before {
content: "\F0C5"; }
.mdi-bookmark-plus-outline:before {
content: "\F0C4"; }
.mdi-bookmark-remove:before {
content: "\F0C6"; }
.mdi-boombox:before {
content: "\F5DC"; }
.mdi-bootstrap:before {
content: "\F6C5"; }
.mdi-border-all:before {
content: "\F0C7"; }
.mdi-border-bottom:before {
content: "\F0C8"; }
.mdi-border-color:before {
content: "\F0C9"; }
.mdi-border-horizontal:before {
content: "\F0CA"; }
.mdi-border-inside:before {
content: "\F0CB"; }
.mdi-border-left:before {
content: "\F0CC"; }
.mdi-border-none:before {
content: "\F0CD"; }
.mdi-border-outside:before {
content: "\F0CE"; }
.mdi-border-right:before {
content: "\F0CF"; }
.mdi-border-style:before {
content: "\F0D0"; }
.mdi-border-top:before {
content: "\F0D1"; }
.mdi-border-vertical:before {
content: "\F0D2"; }
.mdi-bow-tie:before {
content: "\F677"; }
.mdi-bowl:before {
content: "\F617"; }
.mdi-bowling:before {
content: "\F0D3"; }
.mdi-box:before {
content: "\F0D4"; }
.mdi-box-cutter:before {
content: "\F0D5"; }
.mdi-box-shadow:before {
content: "\F637"; }
.mdi-bridge:before {
content: "\F618"; }
.mdi-briefcase:before {
content: "\F0D6"; }
.mdi-briefcase-check:before {
content: "\F0D7"; }
.mdi-briefcase-download:before {
content: "\F0D8"; }
.mdi-briefcase-upload:before {
content: "\F0D9"; }
.mdi-brightness-1:before {
content: "\F0DA"; }
.mdi-brightness-2:before {
content: "\F0DB"; }
.mdi-brightness-3:before {
content: "\F0DC"; }
.mdi-brightness-4:before {
content: "\F0DD"; }
.mdi-brightness-5:before {
content: "\F0DE"; }
.mdi-brightness-6:before {
content: "\F0DF"; }
.mdi-brightness-7:before {
content: "\F0E0"; }
.mdi-brightness-auto:before {
content: "\F0E1"; }
.mdi-broom:before {
content: "\F0E2"; }
.mdi-brush:before {
content: "\F0E3"; }
.mdi-buffer:before {
content: "\F619"; }
.mdi-bug:before {
content: "\F0E4"; }
.mdi-bulletin-board:before {
content: "\F0E5"; }
.mdi-bullhorn:before {
content: "\F0E6"; }
.mdi-bullseye:before {
content: "\F5DD"; }
.mdi-burst-mode:before {
content: "\F5DE"; }
.mdi-bus:before {
content: "\F0E7"; }
.mdi-cached:before {
content: "\F0E8"; }
.mdi-cake:before {
content: "\F0E9"; }
.mdi-cake-layered:before {
content: "\F0EA"; }
.mdi-cake-variant:before {
content: "\F0EB"; }
.mdi-calculator:before {
content: "\F0EC"; }
.mdi-calendar:before {
content: "\F0ED"; }
.mdi-calendar-blank:before {
content: "\F0EE"; }
.mdi-calendar-check:before {
content: "\F0EF"; }
.mdi-calendar-clock:before {
content: "\F0F0"; }
.mdi-calendar-multiple:before {
content: "\F0F1"; }
.mdi-calendar-multiple-check:before {
content: "\F0F2"; }
.mdi-calendar-plus:before {
content: "\F0F3"; }
.mdi-calendar-question:before {
content: "\F691"; }
.mdi-calendar-range:before {
content: "\F678"; }
.mdi-calendar-remove:before {
content: "\F0F4"; }
.mdi-calendar-text:before {
content: "\F0F5"; }
.mdi-calendar-today:before {
content: "\F0F6"; }
.mdi-call-made:before {
content: "\F0F7"; }
.mdi-call-merge:before {
content: "\F0F8"; }
.mdi-call-missed:before {
content: "\F0F9"; }
.mdi-call-received:before {
content: "\F0FA"; }
.mdi-call-split:before {
content: "\F0FB"; }
.mdi-camcorder:before {
content: "\F0FC"; }
.mdi-camcorder-box:before {
content: "\F0FD"; }
.mdi-camcorder-box-off:before {
content: "\F0FE"; }
.mdi-camcorder-off:before {
content: "\F0FF"; }
.mdi-camera:before {
content: "\F100"; }
.mdi-camera-burst:before {
content: "\F692"; }
.mdi-camera-enhance:before {
content: "\F101"; }
.mdi-camera-front:before {
content: "\F102"; }
.mdi-camera-front-variant:before {
content: "\F103"; }
.mdi-camera-iris:before {
content: "\F104"; }
.mdi-camera-off:before {
content: "\F5DF"; }
.mdi-camera-party-mode:before {
content: "\F105"; }
.mdi-camera-rear:before {
content: "\F106"; }
.mdi-camera-rear-variant:before {
content: "\F107"; }
.mdi-camera-switch:before {
content: "\F108"; }
.mdi-camera-timer:before {
content: "\F109"; }
.mdi-cancel:before {
content: "\F739"; }
.mdi-candle:before {
content: "\F5E2"; }
.mdi-candycane:before {
content: "\F10A"; }
.mdi-car:before {
content: "\F10B"; }
.mdi-car-battery:before {
content: "\F10C"; }
.mdi-car-connected:before {
content: "\F10D"; }
.mdi-car-wash:before {
content: "\F10E"; }
.mdi-cards:before {
content: "\F638"; }
.mdi-cards-outline:before {
content: "\F639"; }
.mdi-cards-playing-outline:before {
content: "\F63A"; }
.mdi-cards-variant:before {
content: "\F6C6"; }
.mdi-carrot:before {
content: "\F10F"; }
.mdi-cart:before {
content: "\F110"; }
.mdi-cart-off:before {
content: "\F66B"; }
.mdi-cart-outline:before {
content: "\F111"; }
.mdi-cart-plus:before {
content: "\F112"; }
.mdi-case-sensitive-alt:before {
content: "\F113"; }
.mdi-cash:before {
content: "\F114"; }
.mdi-cash-100:before {
content: "\F115"; }
.mdi-cash-multiple:before {
content: "\F116"; }
.mdi-cash-usd:before {
content: "\F117"; }
.mdi-cast:before {
content: "\F118"; }
.mdi-cast-connected:before {
content: "\F119"; }
.mdi-cast-off:before {
content: "\F789"; }
.mdi-castle:before {
content: "\F11A"; }
.mdi-cat:before {
content: "\F11B"; }
.mdi-ceiling-light:before {
content: "\F768"; }
.mdi-cellphone:before {
content: "\F11C"; }
.mdi-cellphone-android:before {
content: "\F11D"; }
.mdi-cellphone-basic:before {
content: "\F11E"; }
.mdi-cellphone-dock:before {
content: "\F11F"; }
.mdi-cellphone-iphone:before {
content: "\F120"; }
.mdi-cellphone-link:before {
content: "\F121"; }
.mdi-cellphone-link-off:before {
content: "\F122"; }
.mdi-cellphone-settings:before {
content: "\F123"; }
.mdi-certificate:before {
content: "\F124"; }
.mdi-chair-school:before {
content: "\F125"; }
.mdi-chart-arc:before {
content: "\F126"; }
.mdi-chart-areaspline:before {
content: "\F127"; }
.mdi-chart-bar:before {
content: "\F128"; }
.mdi-chart-bar-stacked:before {
content: "\F769"; }
.mdi-chart-bubble:before {
content: "\F5E3"; }
.mdi-chart-gantt:before {
content: "\F66C"; }
.mdi-chart-histogram:before {
content: "\F129"; }
.mdi-chart-line:before {
content: "\F12A"; }
.mdi-chart-line-stacked:before {
content: "\F76A"; }
.mdi-chart-pie:before {
content: "\F12B"; }
.mdi-chart-scatterplot-hexbin:before {
content: "\F66D"; }
.mdi-chart-timeline:before {
content: "\F66E"; }
.mdi-check:before {
content: "\F12C"; }
.mdi-check-all:before {
content: "\F12D"; }
.mdi-check-circle:before {
content: "\F5E0"; }
.mdi-check-circle-outline:before {
content: "\F5E1"; }
.mdi-checkbox-blank:before {
content: "\F12E"; }
.mdi-checkbox-blank-circle:before {
content: "\F12F"; }
.mdi-checkbox-blank-circle-outline:before {
content: "\F130"; }
.mdi-checkbox-blank-outline:before {
content: "\F131"; }
.mdi-checkbox-marked:before {
content: "\F132"; }
.mdi-checkbox-marked-circle:before {
content: "\F133"; }
.mdi-checkbox-marked-circle-outline:before {
content: "\F134"; }
.mdi-checkbox-marked-outline:before {
content: "\F135"; }
.mdi-checkbox-multiple-blank:before {
content: "\F136"; }
.mdi-checkbox-multiple-blank-circle:before {
content: "\F63B"; }
.mdi-checkbox-multiple-blank-circle-outline:before {
content: "\F63C"; }
.mdi-checkbox-multiple-blank-outline:before {
content: "\F137"; }
.mdi-checkbox-multiple-marked:before {
content: "\F138"; }
.mdi-checkbox-multiple-marked-circle:before {
content: "\F63D"; }
.mdi-checkbox-multiple-marked-circle-outline:before {
content: "\F63E"; }
.mdi-checkbox-multiple-marked-outline:before {
content: "\F139"; }
.mdi-checkerboard:before {
content: "\F13A"; }
.mdi-chemical-weapon:before {
content: "\F13B"; }
.mdi-chevron-double-down:before {
content: "\F13C"; }
.mdi-chevron-double-left:before {
content: "\F13D"; }
.mdi-chevron-double-right:before {
content: "\F13E"; }
.mdi-chevron-double-up:before {
content: "\F13F"; }
.mdi-chevron-down:before {
content: "\F140"; }
.mdi-chevron-left:before {
content: "\F141"; }
.mdi-chevron-right:before {
content: "\F142"; }
.mdi-chevron-up:before {
content: "\F143"; }
.mdi-chip:before {
content: "\F61A"; }
.mdi-church:before {
content: "\F144"; }
.mdi-circle:before {
content: "\F764"; }
.mdi-circle-outline:before {
content: "\F765"; }
.mdi-cisco-webex:before {
content: "\F145"; }
.mdi-city:before {
content: "\F146"; }
.mdi-clipboard:before {
content: "\F147"; }
.mdi-clipboard-account:before {
content: "\F148"; }
.mdi-clipboard-alert:before {
content: "\F149"; }
.mdi-clipboard-arrow-down:before {
content: "\F14A"; }
.mdi-clipboard-arrow-left:before {
content: "\F14B"; }
.mdi-clipboard-check:before {
content: "\F14C"; }
.mdi-clipboard-flow:before {
content: "\F6C7"; }
.mdi-clipboard-outline:before {
content: "\F14D"; }
.mdi-clipboard-plus:before {
content: "\F750"; }
.mdi-clipboard-text:before {
content: "\F14E"; }
.mdi-clippy:before {
content: "\F14F"; }
.mdi-clock:before {
content: "\F150"; }
.mdi-clock-alert:before {
content: "\F5CE"; }
.mdi-clock-end:before {
content: "\F151"; }
.mdi-clock-fast:before {
content: "\F152"; }
.mdi-clock-in:before {
content: "\F153"; }
.mdi-clock-out:before {
content: "\F154"; }
.mdi-clock-start:before {
content: "\F155"; }
.mdi-close:before {
content: "\F156"; }
.mdi-close-box:before {
content: "\F157"; }
.mdi-close-box-outline:before {
content: "\F158"; }
.mdi-close-circle:before {
content: "\F159"; }
.mdi-close-circle-outline:before {
content: "\F15A"; }
.mdi-close-network:before {
content: "\F15B"; }
.mdi-close-octagon:before {
content: "\F15C"; }
.mdi-close-octagon-outline:before {
content: "\F15D"; }
.mdi-close-outline:before {
content: "\F6C8"; }
.mdi-closed-caption:before {
content: "\F15E"; }
.mdi-cloud:before {
content: "\F15F"; }
.mdi-cloud-check:before {
content: "\F160"; }
.mdi-cloud-circle:before {
content: "\F161"; }
.mdi-cloud-download:before {
content: "\F162"; }
.mdi-cloud-off-outline:before {
content: "\F164"; }
.mdi-cloud-outline:before {
content: "\F163"; }
.mdi-cloud-print:before {
content: "\F165"; }
.mdi-cloud-print-outline:before {
content: "\F166"; }
.mdi-cloud-sync:before {
content: "\F63F"; }
.mdi-cloud-upload:before {
content: "\F167"; }
.mdi-code-array:before {
content: "\F168"; }
.mdi-code-braces:before {
content: "\F169"; }
.mdi-code-brackets:before {
content: "\F16A"; }
.mdi-code-equal:before {
content: "\F16B"; }
.mdi-code-greater-than:before {
content: "\F16C"; }
.mdi-code-greater-than-or-equal:before {
content: "\F16D"; }
.mdi-code-less-than:before {
content: "\F16E"; }
.mdi-code-less-than-or-equal:before {
content: "\F16F"; }
.mdi-code-not-equal:before {
content: "\F170"; }
.mdi-code-not-equal-variant:before {
content: "\F171"; }
.mdi-code-parentheses:before {
content: "\F172"; }
.mdi-code-string:before {
content: "\F173"; }
.mdi-code-tags:before {
content: "\F174"; }
.mdi-code-tags-check:before {
content: "\F693"; }
.mdi-codepen:before {
content: "\F175"; }
.mdi-coffee:before {
content: "\F176"; }
.mdi-coffee-outline:before {
content: "\F6C9"; }
.mdi-coffee-to-go:before {
content: "\F177"; }
.mdi-coin:before {
content: "\F178"; }
.mdi-coins:before {
content: "\F694"; }
.mdi-collage:before {
content: "\F640"; }
.mdi-color-helper:before {
content: "\F179"; }
.mdi-comment:before {
content: "\F17A"; }
.mdi-comment-account:before {
content: "\F17B"; }
.mdi-comment-account-outline:before {
content: "\F17C"; }
.mdi-comment-alert:before {
content: "\F17D"; }
.mdi-comment-alert-outline:before {
content: "\F17E"; }
.mdi-comment-check:before {
content: "\F17F"; }
.mdi-comment-check-outline:before {
content: "\F180"; }
.mdi-comment-multiple-outline:before {
content: "\F181"; }
.mdi-comment-outline:before {
content: "\F182"; }
.mdi-comment-plus-outline:before {
content: "\F183"; }
.mdi-comment-processing:before {
content: "\F184"; }
.mdi-comment-processing-outline:before {
content: "\F185"; }
.mdi-comment-question-outline:before {
content: "\F186"; }
.mdi-comment-remove-outline:before {
content: "\F187"; }
.mdi-comment-text:before {
content: "\F188"; }
.mdi-comment-text-outline:before {
content: "\F189"; }
.mdi-compare:before {
content: "\F18A"; }
.mdi-compass:before {
content: "\F18B"; }
.mdi-compass-outline:before {
content: "\F18C"; }
.mdi-console:before {
content: "\F18D"; }
.mdi-contact-mail:before {
content: "\F18E"; }
.mdi-contacts:before {
content: "\F6CA"; }
.mdi-content-copy:before {
content: "\F18F"; }
.mdi-content-cut:before {
content: "\F190"; }
.mdi-content-duplicate:before {
content: "\F191"; }
.mdi-content-paste:before {
content: "\F192"; }
.mdi-content-save:before {
content: "\F193"; }
.mdi-content-save-all:before {
content: "\F194"; }
.mdi-content-save-settings:before {
content: "\F61B"; }
.mdi-contrast:before {
content: "\F195"; }
.mdi-contrast-box:before {
content: "\F196"; }
.mdi-contrast-circle:before {
content: "\F197"; }
.mdi-cookie:before {
content: "\F198"; }
.mdi-copyright:before {
content: "\F5E6"; }
.mdi-counter:before {
content: "\F199"; }
.mdi-cow:before {
content: "\F19A"; }
.mdi-creation:before {
content: "\F1C9"; }
.mdi-credit-card:before {
content: "\F19B"; }
.mdi-credit-card-multiple:before {
content: "\F19C"; }
.mdi-credit-card-off:before {
content: "\F5E4"; }
.mdi-credit-card-plus:before {
content: "\F675"; }
.mdi-credit-card-scan:before {
content: "\F19D"; }
.mdi-crop:before {
content: "\F19E"; }
.mdi-crop-free:before {
content: "\F19F"; }
.mdi-crop-landscape:before {
content: "\F1A0"; }
.mdi-crop-portrait:before {
content: "\F1A1"; }
.mdi-crop-rotate:before {
content: "\F695"; }
.mdi-crop-square:before {
content: "\F1A2"; }
.mdi-crosshairs:before {
content: "\F1A3"; }
.mdi-crosshairs-gps:before {
content: "\F1A4"; }
.mdi-crown:before {
content: "\F1A5"; }
.mdi-cube:before {
content: "\F1A6"; }
.mdi-cube-outline:before {
content: "\F1A7"; }
.mdi-cube-send:before {
content: "\F1A8"; }
.mdi-cube-unfolded:before {
content: "\F1A9"; }
.mdi-cup:before {
content: "\F1AA"; }
.mdi-cup-off:before {
content: "\F5E5"; }
.mdi-cup-water:before {
content: "\F1AB"; }
.mdi-currency-btc:before {
content: "\F1AC"; }
.mdi-currency-eur:before {
content: "\F1AD"; }
.mdi-currency-gbp:before {
content: "\F1AE"; }
.mdi-currency-inr:before {
content: "\F1AF"; }
.mdi-currency-ngn:before {
content: "\F1B0"; }
.mdi-currency-rub:before {
content: "\F1B1"; }
.mdi-currency-try:before {
content: "\F1B2"; }
.mdi-currency-usd:before {
content: "\F1B3"; }
.mdi-currency-usd-off:before {
content: "\F679"; }
.mdi-cursor-default:before {
content: "\F1B4"; }
.mdi-cursor-default-outline:before {
content: "\F1B5"; }
.mdi-cursor-move:before {
content: "\F1B6"; }
.mdi-cursor-pointer:before {
content: "\F1B7"; }
.mdi-cursor-text:before {
content: "\F5E7"; }
.mdi-database:before {
content: "\F1B8"; }
.mdi-database-minus:before {
content: "\F1B9"; }
.mdi-database-plus:before {
content: "\F1BA"; }
.mdi-debug-step-into:before {
content: "\F1BB"; }
.mdi-debug-step-out:before {
content: "\F1BC"; }
.mdi-debug-step-over:before {
content: "\F1BD"; }
.mdi-decagram:before {
content: "\F76B"; }
.mdi-decagram-outline:before {
content: "\F76C"; }
.mdi-decimal-decrease:before {
content: "\F1BE"; }
.mdi-decimal-increase:before {
content: "\F1BF"; }
.mdi-delete:before {
content: "\F1C0"; }
.mdi-delete-circle:before {
content: "\F682"; }
.mdi-delete-empty:before {
content: "\F6CB"; }
.mdi-delete-forever:before {
content: "\F5E8"; }
.mdi-delete-sweep:before {
content: "\F5E9"; }
.mdi-delete-variant:before {
content: "\F1C1"; }
.mdi-delta:before {
content: "\F1C2"; }
.mdi-deskphone:before {
content: "\F1C3"; }
.mdi-desktop-mac:before {
content: "\F1C4"; }
.mdi-desktop-tower:before {
content: "\F1C5"; }
.mdi-details:before {
content: "\F1C6"; }
.mdi-developer-board:before {
content: "\F696"; }
.mdi-deviantart:before {
content: "\F1C7"; }
.mdi-dialpad:before {
content: "\F61C"; }
.mdi-diamond:before {
content: "\F1C8"; }
.mdi-dice-1:before {
content: "\F1CA"; }
.mdi-dice-2:before {
content: "\F1CB"; }
.mdi-dice-3:before {
content: "\F1CC"; }
.mdi-dice-4:before {
content: "\F1CD"; }
.mdi-dice-5:before {
content: "\F1CE"; }
.mdi-dice-6:before {
content: "\F1CF"; }
.mdi-dice-d10:before {
content: "\F76E"; }
.mdi-dice-d20:before {
content: "\F5EA"; }
.mdi-dice-d4:before {
content: "\F5EB"; }
.mdi-dice-d6:before {
content: "\F5EC"; }
.mdi-dice-d8:before {
content: "\F5ED"; }
.mdi-dice-multiple:before {
content: "\F76D"; }
.mdi-dictionary:before {
content: "\F61D"; }
.mdi-directions:before {
content: "\F1D0"; }
.mdi-directions-fork:before {
content: "\F641"; }
.mdi-discord:before {
content: "\F66F"; }
.mdi-disk:before {
content: "\F5EE"; }
.mdi-disk-alert:before {
content: "\F1D1"; }
.mdi-disqus:before {
content: "\F1D2"; }
.mdi-disqus-outline:before {
content: "\F1D3"; }
.mdi-division:before {
content: "\F1D4"; }
.mdi-division-box:before {
content: "\F1D5"; }
.mdi-dna:before {
content: "\F683"; }
.mdi-dns:before {
content: "\F1D6"; }
.mdi-do-not-disturb:before {
content: "\F697"; }
.mdi-do-not-disturb-off:before {
content: "\F698"; }
.mdi-dolby:before {
content: "\F6B2"; }
.mdi-domain:before {
content: "\F1D7"; }
.mdi-dots-horizontal:before {
content: "\F1D8"; }
.mdi-dots-vertical:before {
content: "\F1D9"; }
.mdi-douban:before {
content: "\F699"; }
.mdi-download:before {
content: "\F1DA"; }
.mdi-download-network:before {
content: "\F6F3"; }
.mdi-drag:before {
content: "\F1DB"; }
.mdi-drag-horizontal:before {
content: "\F1DC"; }
.mdi-drag-vertical:before {
content: "\F1DD"; }
.mdi-drawing:before {
content: "\F1DE"; }
.mdi-drawing-box:before {
content: "\F1DF"; }
.mdi-dribbble:before {
content: "\F1E0"; }
.mdi-dribbble-box:before {
content: "\F1E1"; }
.mdi-drone:before {
content: "\F1E2"; }
.mdi-dropbox:before {
content: "\F1E3"; }
.mdi-drupal:before {
content: "\F1E4"; }
.mdi-duck:before {
content: "\F1E5"; }
.mdi-dumbbell:before {
content: "\F1E6"; }
.mdi-earth:before {
content: "\F1E7"; }
.mdi-earth-box:before {
content: "\F6CC"; }
.mdi-earth-box-off:before {
content: "\F6CD"; }
.mdi-earth-off:before {
content: "\F1E8"; }
.mdi-edge:before {
content: "\F1E9"; }
.mdi-eject:before {
content: "\F1EA"; }
.mdi-elevation-decline:before {
content: "\F1EB"; }
.mdi-elevation-rise:before {
content: "\F1EC"; }
.mdi-elevator:before {
content: "\F1ED"; }
.mdi-email:before {
content: "\F1EE"; }
.mdi-email-alert:before {
content: "\F6CE"; }
.mdi-email-open:before {
content: "\F1EF"; }
.mdi-email-open-outline:before {
content: "\F5EF"; }
.mdi-email-outline:before {
content: "\F1F0"; }
.mdi-email-secure:before {
content: "\F1F1"; }
.mdi-email-variant:before {
content: "\F5F0"; }
.mdi-emby:before {
content: "\F6B3"; }
.mdi-emoticon:before {
content: "\F1F2"; }
.mdi-emoticon-cool:before {
content: "\F1F3"; }
.mdi-emoticon-dead:before {
content: "\F69A"; }
.mdi-emoticon-devil:before {
content: "\F1F4"; }
.mdi-emoticon-excited:before {
content: "\F69B"; }
.mdi-emoticon-happy:before {
content: "\F1F5"; }
.mdi-emoticon-neutral:before {
content: "\F1F6"; }
.mdi-emoticon-poop:before {
content: "\F1F7"; }
.mdi-emoticon-sad:before {
content: "\F1F8"; }
.mdi-emoticon-tongue:before {
content: "\F1F9"; }
.mdi-engine:before {
content: "\F1FA"; }
.mdi-engine-outline:before {
content: "\F1FB"; }
.mdi-equal:before {
content: "\F1FC"; }
.mdi-equal-box:before {
content: "\F1FD"; }
.mdi-eraser:before {
content: "\F1FE"; }
.mdi-eraser-variant:before {
content: "\F642"; }
.mdi-escalator:before {
content: "\F1FF"; }
.mdi-ethernet:before {
content: "\F200"; }
.mdi-ethernet-cable:before {
content: "\F201"; }
.mdi-ethernet-cable-off:before {
content: "\F202"; }
.mdi-etsy:before {
content: "\F203"; }
.mdi-ev-station:before {
content: "\F5F1"; }
.mdi-evernote:before {
content: "\F204"; }
.mdi-exclamation:before {
content: "\F205"; }
.mdi-exit-to-app:before {
content: "\F206"; }
.mdi-export:before {
content: "\F207"; }
.mdi-eye:before {
content: "\F208"; }
.mdi-eye-off:before {
content: "\F209"; }
.mdi-eye-off-outline:before {
content: "\F6D0"; }
.mdi-eye-outline:before {
content: "\F6CF"; }
.mdi-eyedropper:before {
content: "\F20A"; }
.mdi-eyedropper-variant:before {
content: "\F20B"; }
.mdi-face:before {
content: "\F643"; }
.mdi-face-profile:before {
content: "\F644"; }
.mdi-facebook:before {
content: "\F20C"; }
.mdi-facebook-box:before {
content: "\F20D"; }
.mdi-facebook-messenger:before {
content: "\F20E"; }
.mdi-factory:before {
content: "\F20F"; }
.mdi-fan:before {
content: "\F210"; }
.mdi-fast-forward:before {
content: "\F211"; }
.mdi-fast-forward-outline:before {
content: "\F6D1"; }
.mdi-fax:before {
content: "\F212"; }
.mdi-feather:before {
content: "\F6D2"; }
.mdi-ferry:before {
content: "\F213"; }
.mdi-file:before {
content: "\F214"; }
.mdi-file-account:before {
content: "\F73A"; }
.mdi-file-chart:before {
content: "\F215"; }
.mdi-file-check:before {
content: "\F216"; }
.mdi-file-cloud:before {
content: "\F217"; }
.mdi-file-delimited:before {
content: "\F218"; }
.mdi-file-document:before {
content: "\F219"; }
.mdi-file-document-box:before {
content: "\F21A"; }
.mdi-file-excel:before {
content: "\F21B"; }
.mdi-file-excel-box:before {
content: "\F21C"; }
.mdi-file-export:before {
content: "\F21D"; }
.mdi-file-find:before {
content: "\F21E"; }
.mdi-file-hidden:before {
content: "\F613"; }
.mdi-file-image:before {
content: "\F21F"; }
.mdi-file-import:before {
content: "\F220"; }
.mdi-file-lock:before {
content: "\F221"; }
.mdi-file-multiple:before {
content: "\F222"; }
.mdi-file-music:before {
content: "\F223"; }
.mdi-file-outline:before {
content: "\F224"; }
.mdi-file-pdf:before {
content: "\F225"; }
.mdi-file-pdf-box:before {
content: "\F226"; }
.mdi-file-plus:before {
content: "\F751"; }
.mdi-file-powerpoint:before {
content: "\F227"; }
.mdi-file-powerpoint-box:before {
content: "\F228"; }
.mdi-file-presentation-box:before {
content: "\F229"; }
.mdi-file-restore:before {
content: "\F670"; }
.mdi-file-send:before {
content: "\F22A"; }
.mdi-file-tree:before {
content: "\F645"; }
.mdi-file-video:before {
content: "\F22B"; }
.mdi-file-word:before {
content: "\F22C"; }
.mdi-file-word-box:before {
content: "\F22D"; }
.mdi-file-xml:before {
content: "\F22E"; }
.mdi-film:before {
content: "\F22F"; }
.mdi-filmstrip:before {
content: "\F230"; }
.mdi-filmstrip-off:before {
content: "\F231"; }
.mdi-filter:before {
content: "\F232"; }
.mdi-filter-outline:before {
content: "\F233"; }
.mdi-filter-remove:before {
content: "\F234"; }
.mdi-filter-remove-outline:before {
content: "\F235"; }
.mdi-filter-variant:before {
content: "\F236"; }
.mdi-find-replace:before {
content: "\F6D3"; }
.mdi-fingerprint:before {
content: "\F237"; }
.mdi-fire:before {
content: "\F238"; }
.mdi-firefox:before {
content: "\F239"; }
.mdi-fish:before {
content: "\F23A"; }
.mdi-flag:before {
content: "\F23B"; }
.mdi-flag-checkered:before {
content: "\F23C"; }
.mdi-flag-outline:before {
content: "\F23D"; }
.mdi-flag-outline-variant:before {
content: "\F23E"; }
.mdi-flag-triangle:before {
content: "\F23F"; }
.mdi-flag-variant:before {
content: "\F240"; }
.mdi-flash:before {
content: "\F241"; }
.mdi-flash-auto:before {
content: "\F242"; }
.mdi-flash-off:before {
content: "\F243"; }
.mdi-flash-outline:before {
content: "\F6D4"; }
.mdi-flash-red-eye:before {
content: "\F67A"; }
.mdi-flashlight:before {
content: "\F244"; }
.mdi-flashlight-off:before {
content: "\F245"; }
.mdi-flask:before {
content: "\F093"; }
.mdi-flask-empty:before {
content: "\F094"; }
.mdi-flask-empty-outline:before {
content: "\F095"; }
.mdi-flask-outline:before {
content: "\F096"; }
.mdi-flattr:before {
content: "\F246"; }
.mdi-flip-to-back:before {
content: "\F247"; }
.mdi-flip-to-front:before {
content: "\F248"; }
.mdi-floppy:before {
content: "\F249"; }
.mdi-flower:before {
content: "\F24A"; }
.mdi-folder:before {
content: "\F24B"; }
.mdi-folder-account:before {
content: "\F24C"; }
.mdi-folder-download:before {
content: "\F24D"; }
.mdi-folder-google-drive:before {
content: "\F24E"; }
.mdi-folder-image:before {
content: "\F24F"; }
.mdi-folder-lock:before {
content: "\F250"; }
.mdi-folder-lock-open:before {
content: "\F251"; }
.mdi-folder-move:before {
content: "\F252"; }
.mdi-folder-multiple:before {
content: "\F253"; }
.mdi-folder-multiple-image:before {
content: "\F254"; }
.mdi-folder-multiple-outline:before {
content: "\F255"; }
.mdi-folder-open:before {
content: "\F76F"; }
.mdi-folder-outline:before {
content: "\F256"; }
.mdi-folder-plus:before {
content: "\F257"; }
.mdi-folder-remove:before {
content: "\F258"; }
.mdi-folder-star:before {
content: "\F69C"; }
.mdi-folder-upload:before {
content: "\F259"; }
.mdi-font-awesome:before {
content: "\F03A"; }
.mdi-food:before {
content: "\F25A"; }
.mdi-food-apple:before {
content: "\F25B"; }
.mdi-food-fork-drink:before {
content: "\F5F2"; }
.mdi-food-off:before {
content: "\F5F3"; }
.mdi-food-variant:before {
content: "\F25C"; }
.mdi-football:before {
content: "\F25D"; }
.mdi-football-australian:before {
content: "\F25E"; }
.mdi-football-helmet:before {
content: "\F25F"; }
.mdi-format-align-bottom:before {
content: "\F752"; }
.mdi-format-align-center:before {
content: "\F260"; }
.mdi-format-align-justify:before {
content: "\F261"; }
.mdi-format-align-left:before {
content: "\F262"; }
.mdi-format-align-middle:before {
content: "\F753"; }
.mdi-format-align-right:before {
content: "\F263"; }
.mdi-format-align-top:before {
content: "\F754"; }
.mdi-format-annotation-plus:before {
content: "\F646"; }
.mdi-format-bold:before {
content: "\F264"; }
.mdi-format-clear:before {
content: "\F265"; }
.mdi-format-color-fill:before {
content: "\F266"; }
.mdi-format-color-text:before {
content: "\F69D"; }
.mdi-format-float-center:before {
content: "\F267"; }
.mdi-format-float-left:before {
content: "\F268"; }
.mdi-format-float-none:before {
content: "\F269"; }
.mdi-format-float-right:before {
content: "\F26A"; }
.mdi-format-font:before {
content: "\F6D5"; }
.mdi-format-header-1:before {
content: "\F26B"; }
.mdi-format-header-2:before {
content: "\F26C"; }
.mdi-format-header-3:before {
content: "\F26D"; }
.mdi-format-header-4:before {
content: "\F26E"; }
.mdi-format-header-5:before {
content: "\F26F"; }
.mdi-format-header-6:before {
content: "\F270"; }
.mdi-format-header-decrease:before {
content: "\F271"; }
.mdi-format-header-equal:before {
content: "\F272"; }
.mdi-format-header-increase:before {
content: "\F273"; }
.mdi-format-header-pound:before {
content: "\F274"; }
.mdi-format-horizontal-align-center:before {
content: "\F61E"; }
.mdi-format-horizontal-align-left:before {
content: "\F61F"; }
.mdi-format-horizontal-align-right:before {
content: "\F620"; }
.mdi-format-indent-decrease:before {
content: "\F275"; }
.mdi-format-indent-increase:before {
content: "\F276"; }
.mdi-format-italic:before {
content: "\F277"; }
.mdi-format-line-spacing:before {
content: "\F278"; }
.mdi-format-line-style:before {
content: "\F5C8"; }
.mdi-format-line-weight:before {
content: "\F5C9"; }
.mdi-format-list-bulleted:before {
content: "\F279"; }
.mdi-format-list-bulleted-type:before {
content: "\F27A"; }
.mdi-format-list-checks:before {
content: "\F755"; }
.mdi-format-list-numbers:before {
content: "\F27B"; }
.mdi-format-page-break:before {
content: "\F6D6"; }
.mdi-format-paint:before {
content: "\F27C"; }
.mdi-format-paragraph:before {
content: "\F27D"; }
.mdi-format-pilcrow:before {
content: "\F6D7"; }
.mdi-format-quote-close:before {
content: "\F27E"; }
.mdi-format-quote-open:before {
content: "\F756"; }
.mdi-format-rotate-90:before {
content: "\F6A9"; }
.mdi-format-section:before {
content: "\F69E"; }
.mdi-format-size:before {
content: "\F27F"; }
.mdi-format-strikethrough:before {
content: "\F280"; }
.mdi-format-strikethrough-variant:before {
content: "\F281"; }
.mdi-format-subscript:before {
content: "\F282"; }
.mdi-format-superscript:before {
content: "\F283"; }
.mdi-format-text:before {
content: "\F284"; }
.mdi-format-textdirection-l-to-r:before {
content: "\F285"; }
.mdi-format-textdirection-r-to-l:before {
content: "\F286"; }
.mdi-format-title:before {
content: "\F5F4"; }
.mdi-format-underline:before {
content: "\F287"; }
.mdi-format-vertical-align-bottom:before {
content: "\F621"; }
.mdi-format-vertical-align-center:before {
content: "\F622"; }
.mdi-format-vertical-align-top:before {
content: "\F623"; }
.mdi-format-wrap-inline:before {
content: "\F288"; }
.mdi-format-wrap-square:before {
content: "\F289"; }
.mdi-format-wrap-tight:before {
content: "\F28A"; }
.mdi-format-wrap-top-bottom:before {
content: "\F28B"; }
.mdi-forum:before {
content: "\F28C"; }
.mdi-forward:before {
content: "\F28D"; }
.mdi-foursquare:before {
content: "\F28E"; }
.mdi-fridge:before {
content: "\F28F"; }
.mdi-fridge-filled:before {
content: "\F290"; }
.mdi-fridge-filled-bottom:before {
content: "\F291"; }
.mdi-fridge-filled-top:before {
content: "\F292"; }
.mdi-fullscreen:before {
content: "\F293"; }
.mdi-fullscreen-exit:before {
content: "\F294"; }
.mdi-function:before {
content: "\F295"; }
.mdi-gamepad:before {
content: "\F296"; }
.mdi-gamepad-variant:before {
content: "\F297"; }
.mdi-garage:before {
content: "\F6D8"; }
.mdi-garage-open:before {
content: "\F6D9"; }
.mdi-gas-cylinder:before {
content: "\F647"; }
.mdi-gas-station:before {
content: "\F298"; }
.mdi-gate:before {
content: "\F299"; }
.mdi-gauge:before {
content: "\F29A"; }
.mdi-gavel:before {
content: "\F29B"; }
.mdi-gender-female:before {
content: "\F29C"; }
.mdi-gender-male:before {
content: "\F29D"; }
.mdi-gender-male-female:before {
content: "\F29E"; }
.mdi-gender-transgender:before {
content: "\F29F"; }
.mdi-gesture-double-tap:before {
content: "\F73B"; }
.mdi-gesture-swipe-down:before {
content: "\F73C"; }
.mdi-gesture-swipe-left:before {
content: "\F73D"; }
.mdi-gesture-swipe-right:before {
content: "\F73E"; }
.mdi-gesture-swipe-up:before {
content: "\F73F"; }
.mdi-gesture-tap:before {
content: "\F740"; }
.mdi-gesture-two-double-tap:before {
content: "\F741"; }
.mdi-gesture-two-tap:before {
content: "\F742"; }
.mdi-ghost:before {
content: "\F2A0"; }
.mdi-gift:before {
content: "\F2A1"; }
.mdi-git:before {
content: "\F2A2"; }
.mdi-github-box:before {
content: "\F2A3"; }
.mdi-github-circle:before {
content: "\F2A4"; }
.mdi-github-face:before {
content: "\F6DA"; }
.mdi-glass-flute:before {
content: "\F2A5"; }
.mdi-glass-mug:before {
content: "\F2A6"; }
.mdi-glass-stange:before {
content: "\F2A7"; }
.mdi-glass-tulip:before {
content: "\F2A8"; }
.mdi-glassdoor:before {
content: "\F2A9"; }
.mdi-glasses:before {
content: "\F2AA"; }
.mdi-gmail:before {
content: "\F2AB"; }
.mdi-gnome:before {
content: "\F2AC"; }
.mdi-gondola:before {
content: "\F685"; }
.mdi-google:before {
content: "\F2AD"; }
.mdi-google-cardboard:before {
content: "\F2AE"; }
.mdi-google-chrome:before {
content: "\F2AF"; }
.mdi-google-circles:before {
content: "\F2B0"; }
.mdi-google-circles-communities:before {
content: "\F2B1"; }
.mdi-google-circles-extended:before {
content: "\F2B2"; }
.mdi-google-circles-group:before {
content: "\F2B3"; }
.mdi-google-controller:before {
content: "\F2B4"; }
.mdi-google-controller-off:before {
content: "\F2B5"; }
.mdi-google-drive:before {
content: "\F2B6"; }
.mdi-google-earth:before {
content: "\F2B7"; }
.mdi-google-glass:before {
content: "\F2B8"; }
.mdi-google-keep:before {
content: "\F6DB"; }
.mdi-google-maps:before {
content: "\F5F5"; }
.mdi-google-nearby:before {
content: "\F2B9"; }
.mdi-google-pages:before {
content: "\F2BA"; }
.mdi-google-photos:before {
content: "\F6DC"; }
.mdi-google-physical-web:before {
content: "\F2BB"; }
.mdi-google-play:before {
content: "\F2BC"; }
.mdi-google-plus:before {
content: "\F2BD"; }
.mdi-google-plus-box:before {
content: "\F2BE"; }
.mdi-google-translate:before {
content: "\F2BF"; }
.mdi-google-wallet:before {
content: "\F2C0"; }
.mdi-gradient:before {
content: "\F69F"; }
.mdi-grease-pencil:before {
content: "\F648"; }
.mdi-grid:before {
content: "\F2C1"; }
.mdi-grid-large:before {
content: "\F757"; }
.mdi-grid-off:before {
content: "\F2C2"; }
.mdi-group:before {
content: "\F2C3"; }
.mdi-guitar-acoustic:before {
content: "\F770"; }
.mdi-guitar-electric:before {
content: "\F2C4"; }
.mdi-guitar-pick:before {
content: "\F2C5"; }
.mdi-guitar-pick-outline:before {
content: "\F2C6"; }
.mdi-hackernews:before {
content: "\F624"; }
.mdi-hamburger:before {
content: "\F684"; }
.mdi-hand-pointing-right:before {
content: "\F2C7"; }
.mdi-hanger:before {
content: "\F2C8"; }
.mdi-hangouts:before {
content: "\F2C9"; }
.mdi-harddisk:before {
content: "\F2CA"; }
.mdi-headphones:before {
content: "\F2CB"; }
.mdi-headphones-box:before {
content: "\F2CC"; }
.mdi-headphones-settings:before {
content: "\F2CD"; }
.mdi-headset:before {
content: "\F2CE"; }
.mdi-headset-dock:before {
content: "\F2CF"; }
.mdi-headset-off:before {
content: "\F2D0"; }
.mdi-heart:before {
content: "\F2D1"; }
.mdi-heart-box:before {
content: "\F2D2"; }
.mdi-heart-box-outline:before {
content: "\F2D3"; }
.mdi-heart-broken:before {
content: "\F2D4"; }
.mdi-heart-half:before {
content: "\F6DE"; }
.mdi-heart-half-full:before {
content: "\F6DD"; }
.mdi-heart-half-outline:before {
content: "\F6DF"; }
.mdi-heart-off:before {
content: "\F758"; }
.mdi-heart-outline:before {
content: "\F2D5"; }
.mdi-heart-pulse:before {
content: "\F5F6"; }
.mdi-help:before {
content: "\F2D6"; }
.mdi-help-box:before {
content: "\F78A"; }
.mdi-help-circle:before {
content: "\F2D7"; }
.mdi-help-circle-outline:before {
content: "\F625"; }
.mdi-help-network:before {
content: "\F6F4"; }
.mdi-hexagon:before {
content: "\F2D8"; }
.mdi-hexagon-multiple:before {
content: "\F6E0"; }
.mdi-hexagon-outline:before {
content: "\F2D9"; }
.mdi-highway:before {
content: "\F5F7"; }
.mdi-history:before {
content: "\F2DA"; }
.mdi-hololens:before {
content: "\F2DB"; }
.mdi-home:before {
content: "\F2DC"; }
.mdi-home-map-marker:before {
content: "\F5F8"; }
.mdi-home-modern:before {
content: "\F2DD"; }
.mdi-home-outline:before {
content: "\F6A0"; }
.mdi-home-variant:before {
content: "\F2DE"; }
.mdi-hook:before {
content: "\F6E1"; }
.mdi-hook-off:before {
content: "\F6E2"; }
.mdi-hops:before {
content: "\F2DF"; }
.mdi-hospital:before {
content: "\F2E0"; }
.mdi-hospital-building:before {
content: "\F2E1"; }
.mdi-hospital-marker:before {
content: "\F2E2"; }
.mdi-hotel:before {
content: "\F2E3"; }
.mdi-houzz:before {
content: "\F2E4"; }
.mdi-houzz-box:before {
content: "\F2E5"; }
.mdi-human:before {
content: "\F2E6"; }
.mdi-human-child:before {
content: "\F2E7"; }
.mdi-human-female:before {
content: "\F649"; }
.mdi-human-greeting:before {
content: "\F64A"; }
.mdi-human-handsdown:before {
content: "\F64B"; }
.mdi-human-handsup:before {
content: "\F64C"; }
.mdi-human-male:before {
content: "\F64D"; }
.mdi-human-male-female:before {
content: "\F2E8"; }
.mdi-human-pregnant:before {
content: "\F5CF"; }
.mdi-humble-bundle:before {
content: "\F743"; }
.mdi-image:before {
content: "\F2E9"; }
.mdi-image-album:before {
content: "\F2EA"; }
.mdi-image-area:before {
content: "\F2EB"; }
.mdi-image-area-close:before {
content: "\F2EC"; }
.mdi-image-broken:before {
content: "\F2ED"; }
.mdi-image-broken-variant:before {
content: "\F2EE"; }
.mdi-image-filter:before {
content: "\F2EF"; }
.mdi-image-filter-black-white:before {
content: "\F2F0"; }
.mdi-image-filter-center-focus:before {
content: "\F2F1"; }
.mdi-image-filter-center-focus-weak:before {
content: "\F2F2"; }
.mdi-image-filter-drama:before {
content: "\F2F3"; }
.mdi-image-filter-frames:before {
content: "\F2F4"; }
.mdi-image-filter-hdr:before {
content: "\F2F5"; }
.mdi-image-filter-none:before {
content: "\F2F6"; }
.mdi-image-filter-tilt-shift:before {
content: "\F2F7"; }
.mdi-image-filter-vintage:before {
content: "\F2F8"; }
.mdi-image-multiple:before {
content: "\F2F9"; }
.mdi-import:before {
content: "\F2FA"; }
.mdi-inbox:before {
content: "\F686"; }
.mdi-inbox-arrow-down:before {
content: "\F2FB"; }
.mdi-inbox-arrow-up:before {
content: "\F3D1"; }
.mdi-incognito:before {
content: "\F5F9"; }
.mdi-infinity:before {
content: "\F6E3"; }
.mdi-information:before {
content: "\F2FC"; }
.mdi-information-outline:before {
content: "\F2FD"; }
.mdi-information-variant:before {
content: "\F64E"; }
.mdi-instagram:before {
content: "\F2FE"; }
.mdi-instapaper:before {
content: "\F2FF"; }
.mdi-internet-explorer:before {
content: "\F300"; }
.mdi-invert-colors:before {
content: "\F301"; }
.mdi-itunes:before {
content: "\F676"; }
.mdi-jeepney:before {
content: "\F302"; }
.mdi-jira:before {
content: "\F303"; }
.mdi-jsfiddle:before {
content: "\F304"; }
.mdi-json:before {
content: "\F626"; }
.mdi-keg:before {
content: "\F305"; }
.mdi-kettle:before {
content: "\F5FA"; }
.mdi-key:before {
content: "\F306"; }
.mdi-key-change:before {
content: "\F307"; }
.mdi-key-minus:before {
content: "\F308"; }
.mdi-key-plus:before {
content: "\F309"; }
.mdi-key-remove:before {
content: "\F30A"; }
.mdi-key-variant:before {
content: "\F30B"; }
.mdi-keyboard:before {
content: "\F30C"; }
.mdi-keyboard-backspace:before {
content: "\F30D"; }
.mdi-keyboard-caps:before {
content: "\F30E"; }
.mdi-keyboard-close:before {
content: "\F30F"; }
.mdi-keyboard-off:before {
content: "\F310"; }
.mdi-keyboard-return:before {
content: "\F311"; }
.mdi-keyboard-tab:before {
content: "\F312"; }
.mdi-keyboard-variant:before {
content: "\F313"; }
.mdi-kickstarter:before {
content: "\F744"; }
.mdi-kodi:before {
content: "\F314"; }
.mdi-label:before {
content: "\F315"; }
.mdi-label-outline:before {
content: "\F316"; }
.mdi-lambda:before {
content: "\F627"; }
.mdi-lamp:before {
content: "\F6B4"; }
.mdi-lan:before {
content: "\F317"; }
.mdi-lan-connect:before {
content: "\F318"; }
.mdi-lan-disconnect:before {
content: "\F319"; }
.mdi-lan-pending:before {
content: "\F31A"; }
.mdi-language-c:before {
content: "\F671"; }
.mdi-language-cpp:before {
content: "\F672"; }
.mdi-language-csharp:before {
content: "\F31B"; }
.mdi-language-css3:before {
content: "\F31C"; }
.mdi-language-html5:before {
content: "\F31D"; }
.mdi-language-javascript:before {
content: "\F31E"; }
.mdi-language-php:before {
content: "\F31F"; }
.mdi-language-python:before {
content: "\F320"; }
.mdi-language-python-text:before {
content: "\F321"; }
.mdi-language-swift:before {
content: "\F6E4"; }
.mdi-language-typescript:before {
content: "\F6E5"; }
.mdi-laptop:before {
content: "\F322"; }
.mdi-laptop-chromebook:before {
content: "\F323"; }
.mdi-laptop-mac:before {
content: "\F324"; }
.mdi-laptop-off:before {
content: "\F6E6"; }
.mdi-laptop-windows:before {
content: "\F325"; }
.mdi-lastfm:before {
content: "\F326"; }
.mdi-launch:before {
content: "\F327"; }
.mdi-layers:before {
content: "\F328"; }
.mdi-layers-off:before {
content: "\F329"; }
.mdi-lead-pencil:before {
content: "\F64F"; }
.mdi-leaf:before {
content: "\F32A"; }
.mdi-led-off:before {
content: "\F32B"; }
.mdi-led-on:before {
content: "\F32C"; }
.mdi-led-outline:before {
content: "\F32D"; }
.mdi-led-variant-off:before {
content: "\F32E"; }
.mdi-led-variant-on:before {
content: "\F32F"; }
.mdi-led-variant-outline:before {
content: "\F330"; }
.mdi-library:before {
content: "\F331"; }
.mdi-library-books:before {
content: "\F332"; }
.mdi-library-music:before {
content: "\F333"; }
.mdi-library-plus:before {
content: "\F334"; }
.mdi-lightbulb:before {
content: "\F335"; }
.mdi-lightbulb-on:before {
content: "\F6E7"; }
.mdi-lightbulb-on-outline:before {
content: "\F6E8"; }
.mdi-lightbulb-outline:before {
content: "\F336"; }
.mdi-link:before {
content: "\F337"; }
.mdi-link-off:before {
content: "\F338"; }
.mdi-link-variant:before {
content: "\F339"; }
.mdi-link-variant-off:before {
content: "\F33A"; }
.mdi-linkedin:before {
content: "\F33B"; }
.mdi-linkedin-box:before {
content: "\F33C"; }
.mdi-linux:before {
content: "\F33D"; }
.mdi-loading:before {
content: "\F771"; }
.mdi-lock:before {
content: "\F33E"; }
.mdi-lock-open:before {
content: "\F33F"; }
.mdi-lock-open-outline:before {
content: "\F340"; }
.mdi-lock-outline:before {
content: "\F341"; }
.mdi-lock-pattern:before {
content: "\F6E9"; }
.mdi-lock-plus:before {
content: "\F5FB"; }
.mdi-lock-reset:before {
content: "\F772"; }
.mdi-login:before {
content: "\F342"; }
.mdi-login-variant:before {
content: "\F5FC"; }
.mdi-logout:before {
content: "\F343"; }
.mdi-logout-variant:before {
content: "\F5FD"; }
.mdi-looks:before {
content: "\F344"; }
.mdi-loop:before {
content: "\F6EA"; }
.mdi-loupe:before {
content: "\F345"; }
.mdi-lumx:before {
content: "\F346"; }
.mdi-magnet:before {
content: "\F347"; }
.mdi-magnet-on:before {
content: "\F348"; }
.mdi-magnify:before {
content: "\F349"; }
.mdi-magnify-minus:before {
content: "\F34A"; }
.mdi-magnify-minus-outline:before {
content: "\F6EB"; }
.mdi-magnify-plus:before {
content: "\F34B"; }
.mdi-magnify-plus-outline:before {
content: "\F6EC"; }
.mdi-mail-ru:before {
content: "\F34C"; }
.mdi-mailbox:before {
content: "\F6ED"; }
.mdi-map:before {
content: "\F34D"; }
.mdi-map-marker:before {
content: "\F34E"; }
.mdi-map-marker-circle:before {
content: "\F34F"; }
.mdi-map-marker-minus:before {
content: "\F650"; }
.mdi-map-marker-multiple:before {
content: "\F350"; }
.mdi-map-marker-off:before {
content: "\F351"; }
.mdi-map-marker-plus:before {
content: "\F651"; }
.mdi-map-marker-radius:before {
content: "\F352"; }
.mdi-margin:before {
content: "\F353"; }
.mdi-markdown:before {
content: "\F354"; }
.mdi-marker:before {
content: "\F652"; }
.mdi-marker-check:before {
content: "\F355"; }
.mdi-martini:before {
content: "\F356"; }
.mdi-material-ui:before {
content: "\F357"; }
.mdi-math-compass:before {
content: "\F358"; }
.mdi-matrix:before {
content: "\F628"; }
.mdi-maxcdn:before {
content: "\F359"; }
.mdi-medical-bag:before {
content: "\F6EE"; }
.mdi-medium:before {
content: "\F35A"; }
.mdi-memory:before {
content: "\F35B"; }
.mdi-menu:before {
content: "\F35C"; }
.mdi-menu-down:before {
content: "\F35D"; }
.mdi-menu-down-outline:before {
content: "\F6B5"; }
.mdi-menu-left:before {
content: "\F35E"; }
.mdi-menu-right:before {
content: "\F35F"; }
.mdi-menu-up:before {
content: "\F360"; }
.mdi-menu-up-outline:before {
content: "\F6B6"; }
.mdi-message:before {
content: "\F361"; }
.mdi-message-alert:before {
content: "\F362"; }
.mdi-message-bulleted:before {
content: "\F6A1"; }
.mdi-message-bulleted-off:before {
content: "\F6A2"; }
.mdi-message-draw:before {
content: "\F363"; }
.mdi-message-image:before {
content: "\F364"; }
.mdi-message-outline:before {
content: "\F365"; }
.mdi-message-plus:before {
content: "\F653"; }
.mdi-message-processing:before {
content: "\F366"; }
.mdi-message-reply:before {
content: "\F367"; }
.mdi-message-reply-text:before {
content: "\F368"; }
.mdi-message-settings:before {
content: "\F6EF"; }
.mdi-message-settings-variant:before {
content: "\F6F0"; }
.mdi-message-text:before {
content: "\F369"; }
.mdi-message-text-outline:before {
content: "\F36A"; }
.mdi-message-video:before {
content: "\F36B"; }
.mdi-meteor:before {
content: "\F629"; }
.mdi-microphone:before {
content: "\F36C"; }
.mdi-microphone-off:before {
content: "\F36D"; }
.mdi-microphone-outline:before {
content: "\F36E"; }
.mdi-microphone-settings:before {
content: "\F36F"; }
.mdi-microphone-variant:before {
content: "\F370"; }
.mdi-microphone-variant-off:before {
content: "\F371"; }
.mdi-microscope:before {
content: "\F654"; }
.mdi-microsoft:before {
content: "\F372"; }
.mdi-minecraft:before {
content: "\F373"; }
.mdi-minus:before {
content: "\F374"; }
.mdi-minus-box:before {
content: "\F375"; }
.mdi-minus-box-outline:before {
content: "\F6F1"; }
.mdi-minus-circle:before {
content: "\F376"; }
.mdi-minus-circle-outline:before {
content: "\F377"; }
.mdi-minus-network:before {
content: "\F378"; }
.mdi-mixcloud:before {
content: "\F62A"; }
.mdi-monitor:before {
content: "\F379"; }
.mdi-monitor-multiple:before {
content: "\F37A"; }
.mdi-more:before {
content: "\F37B"; }
.mdi-motorbike:before {
content: "\F37C"; }
.mdi-mouse:before {
content: "\F37D"; }
.mdi-mouse-off:before {
content: "\F37E"; }
.mdi-mouse-variant:before {
content: "\F37F"; }
.mdi-mouse-variant-off:before {
content: "\F380"; }
.mdi-move-resize:before {
content: "\F655"; }
.mdi-move-resize-variant:before {
content: "\F656"; }
.mdi-movie:before {
content: "\F381"; }
.mdi-multiplication:before {
content: "\F382"; }
.mdi-multiplication-box:before {
content: "\F383"; }
.mdi-music:before {
content: "\F759"; }
.mdi-music-box:before {
content: "\F384"; }
.mdi-music-box-outline:before {
content: "\F385"; }
.mdi-music-circle:before {
content: "\F386"; }
.mdi-music-note:before {
content: "\F387"; }
.mdi-music-note-bluetooth:before {
content: "\F5FE"; }
.mdi-music-note-bluetooth-off:before {
content: "\F5FF"; }
.mdi-music-note-eighth:before {
content: "\F388"; }
.mdi-music-note-half:before {
content: "\F389"; }
.mdi-music-note-off:before {
content: "\F38A"; }
.mdi-music-note-quarter:before {
content: "\F38B"; }
.mdi-music-note-sixteenth:before {
content: "\F38C"; }
.mdi-music-note-whole:before {
content: "\F38D"; }
.mdi-music-off:before {
content: "\F75A"; }
.mdi-nature:before {
content: "\F38E"; }
.mdi-nature-people:before {
content: "\F38F"; }
.mdi-navigation:before {
content: "\F390"; }
.mdi-near-me:before {
content: "\F5CD"; }
.mdi-needle:before {
content: "\F391"; }
.mdi-nest-protect:before {
content: "\F392"; }
.mdi-nest-thermostat:before {
content: "\F393"; }
.mdi-netflix:before {
content: "\F745"; }
.mdi-network:before {
content: "\F6F2"; }
.mdi-new-box:before {
content: "\F394"; }
.mdi-newspaper:before {
content: "\F395"; }
.mdi-nfc:before {
content: "\F396"; }
.mdi-nfc-tap:before {
content: "\F397"; }
.mdi-nfc-variant:before {
content: "\F398"; }
.mdi-ninja:before {
content: "\F773"; }
.mdi-nodejs:before {
content: "\F399"; }
.mdi-note:before {
content: "\F39A"; }
.mdi-note-multiple:before {
content: "\F6B7"; }
.mdi-note-multiple-outline:before {
content: "\F6B8"; }
.mdi-note-outline:before {
content: "\F39B"; }
.mdi-note-plus:before {
content: "\F39C"; }
.mdi-note-plus-outline:before {
content: "\F39D"; }
.mdi-note-text:before {
content: "\F39E"; }
.mdi-notification-clear-all:before {
content: "\F39F"; }
.mdi-npm:before {
content: "\F6F6"; }
.mdi-nuke:before {
content: "\F6A3"; }
.mdi-numeric:before {
content: "\F3A0"; }
.mdi-numeric-0-box:before {
content: "\F3A1"; }
.mdi-numeric-0-box-multiple-outline:before {
content: "\F3A2"; }
.mdi-numeric-0-box-outline:before {
content: "\F3A3"; }
.mdi-numeric-1-box:before {
content: "\F3A4"; }
.mdi-numeric-1-box-multiple-outline:before {
content: "\F3A5"; }
.mdi-numeric-1-box-outline:before {
content: "\F3A6"; }
.mdi-numeric-2-box:before {
content: "\F3A7"; }
.mdi-numeric-2-box-multiple-outline:before {
content: "\F3A8"; }
.mdi-numeric-2-box-outline:before {
content: "\F3A9"; }
.mdi-numeric-3-box:before {
content: "\F3AA"; }
.mdi-numeric-3-box-multiple-outline:before {
content: "\F3AB"; }
.mdi-numeric-3-box-outline:before {
content: "\F3AC"; }
.mdi-numeric-4-box:before {
content: "\F3AD"; }
.mdi-numeric-4-box-multiple-outline:before {
content: "\F3AE"; }
.mdi-numeric-4-box-outline:before {
content: "\F3AF"; }
.mdi-numeric-5-box:before {
content: "\F3B0"; }
.mdi-numeric-5-box-multiple-outline:before {
content: "\F3B1"; }
.mdi-numeric-5-box-outline:before {
content: "\F3B2"; }
.mdi-numeric-6-box:before {
content: "\F3B3"; }
.mdi-numeric-6-box-multiple-outline:before {
content: "\F3B4"; }
.mdi-numeric-6-box-outline:before {
content: "\F3B5"; }
.mdi-numeric-7-box:before {
content: "\F3B6"; }
.mdi-numeric-7-box-multiple-outline:before {
content: "\F3B7"; }
.mdi-numeric-7-box-outline:before {
content: "\F3B8"; }
.mdi-numeric-8-box:before {
content: "\F3B9"; }
.mdi-numeric-8-box-multiple-outline:before {
content: "\F3BA"; }
.mdi-numeric-8-box-outline:before {
content: "\F3BB"; }
.mdi-numeric-9-box:before {
content: "\F3BC"; }
.mdi-numeric-9-box-multiple-outline:before {
content: "\F3BD"; }
.mdi-numeric-9-box-outline:before {
content: "\F3BE"; }
.mdi-numeric-9-plus-box:before {
content: "\F3BF"; }
.mdi-numeric-9-plus-box-multiple-outline:before {
content: "\F3C0"; }
.mdi-numeric-9-plus-box-outline:before {
content: "\F3C1"; }
.mdi-nut:before {
content: "\F6F7"; }
.mdi-nutrition:before {
content: "\F3C2"; }
.mdi-oar:before {
content: "\F67B"; }
.mdi-octagon:before {
content: "\F3C3"; }
.mdi-octagon-outline:before {
content: "\F3C4"; }
.mdi-octagram:before {
content: "\F6F8"; }
.mdi-octagram-outline:before {
content: "\F774"; }
.mdi-odnoklassniki:before {
content: "\F3C5"; }
.mdi-office:before {
content: "\F3C6"; }
.mdi-oil:before {
content: "\F3C7"; }
.mdi-oil-temperature:before {
content: "\F3C8"; }
.mdi-omega:before {
content: "\F3C9"; }
.mdi-onedrive:before {
content: "\F3CA"; }
.mdi-onenote:before {
content: "\F746"; }
.mdi-opacity:before {
content: "\F5CC"; }
.mdi-open-in-app:before {
content: "\F3CB"; }
.mdi-open-in-new:before {
content: "\F3CC"; }
.mdi-openid:before {
content: "\F3CD"; }
.mdi-opera:before {
content: "\F3CE"; }
.mdi-orbit:before {
content: "\F018"; }
.mdi-ornament:before {
content: "\F3CF"; }
.mdi-ornament-variant:before {
content: "\F3D0"; }
.mdi-owl:before {
content: "\F3D2"; }
.mdi-package:before {
content: "\F3D3"; }
.mdi-package-down:before {
content: "\F3D4"; }
.mdi-package-up:before {
content: "\F3D5"; }
.mdi-package-variant:before {
content: "\F3D6"; }
.mdi-package-variant-closed:before {
content: "\F3D7"; }
.mdi-page-first:before {
content: "\F600"; }
.mdi-page-last:before {
content: "\F601"; }
.mdi-page-layout-body:before {
content: "\F6F9"; }
.mdi-page-layout-footer:before {
content: "\F6FA"; }
.mdi-page-layout-header:before {
content: "\F6FB"; }
.mdi-page-layout-sidebar-left:before {
content: "\F6FC"; }
.mdi-page-layout-sidebar-right:before {
content: "\F6FD"; }
.mdi-palette:before {
content: "\F3D8"; }
.mdi-palette-advanced:before {
content: "\F3D9"; }
.mdi-panda:before {
content: "\F3DA"; }
.mdi-pandora:before {
content: "\F3DB"; }
.mdi-panorama:before {
content: "\F3DC"; }
.mdi-panorama-fisheye:before {
content: "\F3DD"; }
.mdi-panorama-horizontal:before {
content: "\F3DE"; }
.mdi-panorama-vertical:before {
content: "\F3DF"; }
.mdi-panorama-wide-angle:before {
content: "\F3E0"; }
.mdi-paper-cut-vertical:before {
content: "\F3E1"; }
.mdi-paperclip:before {
content: "\F3E2"; }
.mdi-parking:before {
content: "\F3E3"; }
.mdi-pause:before {
content: "\F3E4"; }
.mdi-pause-circle:before {
content: "\F3E5"; }
.mdi-pause-circle-outline:before {
content: "\F3E6"; }
.mdi-pause-octagon:before {
content: "\F3E7"; }
.mdi-pause-octagon-outline:before {
content: "\F3E8"; }
.mdi-paw:before {
content: "\F3E9"; }
.mdi-paw-off:before {
content: "\F657"; }
.mdi-pen:before {
content: "\F3EA"; }
.mdi-pencil:before {
content: "\F3EB"; }
.mdi-pencil-box:before {
content: "\F3EC"; }
.mdi-pencil-box-outline:before {
content: "\F3ED"; }
.mdi-pencil-circle:before {
content: "\F6FE"; }
.mdi-pencil-circle-outline:before {
content: "\F775"; }
.mdi-pencil-lock:before {
content: "\F3EE"; }
.mdi-pencil-off:before {
content: "\F3EF"; }
.mdi-pentagon:before {
content: "\F6FF"; }
.mdi-pentagon-outline:before {
content: "\F700"; }
.mdi-percent:before {
content: "\F3F0"; }
.mdi-periscope:before {
content: "\F747"; }
.mdi-pharmacy:before {
content: "\F3F1"; }
.mdi-phone:before {
content: "\F3F2"; }
.mdi-phone-bluetooth:before {
content: "\F3F3"; }
.mdi-phone-classic:before {
content: "\F602"; }
.mdi-phone-forward:before {
content: "\F3F4"; }
.mdi-phone-hangup:before {
content: "\F3F5"; }
.mdi-phone-in-talk:before {
content: "\F3F6"; }
.mdi-phone-incoming:before {
content: "\F3F7"; }
.mdi-phone-locked:before {
content: "\F3F8"; }
.mdi-phone-log:before {
content: "\F3F9"; }
.mdi-phone-minus:before {
content: "\F658"; }
.mdi-phone-missed:before {
content: "\F3FA"; }
.mdi-phone-outgoing:before {
content: "\F3FB"; }
.mdi-phone-paused:before {
content: "\F3FC"; }
.mdi-phone-plus:before {
content: "\F659"; }
.mdi-phone-settings:before {
content: "\F3FD"; }
.mdi-phone-voip:before {
content: "\F3FE"; }
.mdi-pi:before {
content: "\F3FF"; }
.mdi-pi-box:before {
content: "\F400"; }
.mdi-piano:before {
content: "\F67C"; }
.mdi-pig:before {
content: "\F401"; }
.mdi-pill:before {
content: "\F402"; }
.mdi-pillar:before {
content: "\F701"; }
.mdi-pin:before {
content: "\F403"; }
.mdi-pin-off:before {
content: "\F404"; }
.mdi-pine-tree:before {
content: "\F405"; }
.mdi-pine-tree-box:before {
content: "\F406"; }
.mdi-pinterest:before {
content: "\F407"; }
.mdi-pinterest-box:before {
content: "\F408"; }
.mdi-pistol:before {
content: "\F702"; }
.mdi-pizza:before {
content: "\F409"; }
.mdi-plane-shield:before {
content: "\F6BA"; }
.mdi-play:before {
content: "\F40A"; }
.mdi-play-box-outline:before {
content: "\F40B"; }
.mdi-play-circle:before {
content: "\F40C"; }
.mdi-play-circle-outline:before {
content: "\F40D"; }
.mdi-play-pause:before {
content: "\F40E"; }
.mdi-play-protected-content:before {
content: "\F40F"; }
.mdi-playlist-check:before {
content: "\F5C7"; }
.mdi-playlist-minus:before {
content: "\F410"; }
.mdi-playlist-play:before {
content: "\F411"; }
.mdi-playlist-plus:before {
content: "\F412"; }
.mdi-playlist-remove:before {
content: "\F413"; }
.mdi-playstation:before {
content: "\F414"; }
.mdi-plex:before {
content: "\F6B9"; }
.mdi-plus:before {
content: "\F415"; }
.mdi-plus-box:before {
content: "\F416"; }
.mdi-plus-box-outline:before {
content: "\F703"; }
.mdi-plus-circle:before {
content: "\F417"; }
.mdi-plus-circle-multiple-outline:before {
content: "\F418"; }
.mdi-plus-circle-outline:before {
content: "\F419"; }
.mdi-plus-network:before {
content: "\F41A"; }
.mdi-plus-one:before {
content: "\F41B"; }
.mdi-plus-outline:before {
content: "\F704"; }
.mdi-pocket:before {
content: "\F41C"; }
.mdi-pokeball:before {
content: "\F41D"; }
.mdi-polaroid:before {
content: "\F41E"; }
.mdi-poll:before {
content: "\F41F"; }
.mdi-poll-box:before {
content: "\F420"; }
.mdi-polymer:before {
content: "\F421"; }
.mdi-pool:before {
content: "\F606"; }
.mdi-popcorn:before {
content: "\F422"; }
.mdi-pot:before {
content: "\F65A"; }
.mdi-pot-mix:before {
content: "\F65B"; }
.mdi-pound:before {
content: "\F423"; }
.mdi-pound-box:before {
content: "\F424"; }
.mdi-power:before {
content: "\F425"; }
.mdi-power-plug:before {
content: "\F6A4"; }
.mdi-power-plug-off:before {
content: "\F6A5"; }
.mdi-power-settings:before {
content: "\F426"; }
.mdi-power-socket:before {
content: "\F427"; }
.mdi-prescription:before {
content: "\F705"; }
.mdi-presentation:before {
content: "\F428"; }
.mdi-presentation-play:before {
content: "\F429"; }
.mdi-printer:before {
content: "\F42A"; }
.mdi-printer-3d:before {
content: "\F42B"; }
.mdi-printer-alert:before {
content: "\F42C"; }
.mdi-printer-settings:before {
content: "\F706"; }
.mdi-priority-high:before {
content: "\F603"; }
.mdi-priority-low:before {
content: "\F604"; }
.mdi-professional-hexagon:before {
content: "\F42D"; }
.mdi-projector:before {
content: "\F42E"; }
.mdi-projector-screen:before {
content: "\F42F"; }
.mdi-publish:before {
content: "\F6A6"; }
.mdi-pulse:before {
content: "\F430"; }
.mdi-puzzle:before {
content: "\F431"; }
.mdi-qqchat:before {
content: "\F605"; }
.mdi-qrcode:before {
content: "\F432"; }
.mdi-qrcode-scan:before {
content: "\F433"; }
.mdi-quadcopter:before {
content: "\F434"; }
.mdi-quality-high:before {
content: "\F435"; }
.mdi-quicktime:before {
content: "\F436"; }
.mdi-radar:before {
content: "\F437"; }
.mdi-radiator:before {
content: "\F438"; }
.mdi-radio:before {
content: "\F439"; }
.mdi-radio-handheld:before {
content: "\F43A"; }
.mdi-radio-tower:before {
content: "\F43B"; }
.mdi-radioactive:before {
content: "\F43C"; }
.mdi-radiobox-blank:before {
content: "\F43D"; }
.mdi-radiobox-marked:before {
content: "\F43E"; }
.mdi-raspberrypi:before {
content: "\F43F"; }
.mdi-ray-end:before {
content: "\F440"; }
.mdi-ray-end-arrow:before {
content: "\F441"; }
.mdi-ray-start:before {
content: "\F442"; }
.mdi-ray-start-arrow:before {
content: "\F443"; }
.mdi-ray-start-end:before {
content: "\F444"; }
.mdi-ray-vertex:before {
content: "\F445"; }
.mdi-rdio:before {
content: "\F446"; }
.mdi-react:before {
content: "\F707"; }
.mdi-read:before {
content: "\F447"; }
.mdi-readability:before {
content: "\F448"; }
.mdi-receipt:before {
content: "\F449"; }
.mdi-record:before {
content: "\F44A"; }
.mdi-record-rec:before {
content: "\F44B"; }
.mdi-recycle:before {
content: "\F44C"; }
.mdi-reddit:before {
content: "\F44D"; }
.mdi-redo:before {
content: "\F44E"; }
.mdi-redo-variant:before {
content: "\F44F"; }
.mdi-refresh:before {
content: "\F450"; }
.mdi-regex:before {
content: "\F451"; }
.mdi-relative-scale:before {
content: "\F452"; }
.mdi-reload:before {
content: "\F453"; }
.mdi-remote:before {
content: "\F454"; }
.mdi-rename-box:before {
content: "\F455"; }
.mdi-reorder-horizontal:before {
content: "\F687"; }
.mdi-reorder-vertical:before {
content: "\F688"; }
.mdi-repeat:before {
content: "\F456"; }
.mdi-repeat-off:before {
content: "\F457"; }
.mdi-repeat-once:before {
content: "\F458"; }
.mdi-replay:before {
content: "\F459"; }
.mdi-reply:before {
content: "\F45A"; }
.mdi-reply-all:before {
content: "\F45B"; }
.mdi-reproduction:before {
content: "\F45C"; }
.mdi-resize-bottom-right:before {
content: "\F45D"; }
.mdi-responsive:before {
content: "\F45E"; }
.mdi-restart:before {
content: "\F708"; }
.mdi-restore:before {
content: "\F6A7"; }
.mdi-rewind:before {
content: "\F45F"; }
.mdi-rewind-outline:before {
content: "\F709"; }
.mdi-rhombus:before {
content: "\F70A"; }
.mdi-rhombus-outline:before {
content: "\F70B"; }
.mdi-ribbon:before {
content: "\F460"; }
.mdi-road:before {
content: "\F461"; }
.mdi-road-variant:before {
content: "\F462"; }
.mdi-robot:before {
content: "\F6A8"; }
.mdi-rocket:before {
content: "\F463"; }
.mdi-roomba:before {
content: "\F70C"; }
.mdi-rotate-3d:before {
content: "\F464"; }
.mdi-rotate-left:before {
content: "\F465"; }
.mdi-rotate-left-variant:before {
content: "\F466"; }
.mdi-rotate-right:before {
content: "\F467"; }
.mdi-rotate-right-variant:before {
content: "\F468"; }
.mdi-rounded-corner:before {
content: "\F607"; }
.mdi-router-wireless:before {
content: "\F469"; }
.mdi-routes:before {
content: "\F46A"; }
.mdi-rowing:before {
content: "\F608"; }
.mdi-rss:before {
content: "\F46B"; }
.mdi-rss-box:before {
content: "\F46C"; }
.mdi-ruler:before {
content: "\F46D"; }
.mdi-run:before {
content: "\F70D"; }
.mdi-run-fast:before {
content: "\F46E"; }
.mdi-sale:before {
content: "\F46F"; }
.mdi-satellite:before {
content: "\F470"; }
.mdi-satellite-variant:before {
content: "\F471"; }
.mdi-saxophone:before {
content: "\F609"; }
.mdi-scale:before {
content: "\F472"; }
.mdi-scale-balance:before {
content: "\F5D1"; }
.mdi-scale-bathroom:before {
content: "\F473"; }
.mdi-scanner:before {
content: "\F6AA"; }
.mdi-school:before {
content: "\F474"; }
.mdi-screen-rotation:before {
content: "\F475"; }
.mdi-screen-rotation-lock:before {
content: "\F476"; }
.mdi-screwdriver:before {
content: "\F477"; }
.mdi-script:before {
content: "\F478"; }
.mdi-sd:before {
content: "\F479"; }
.mdi-seal:before {
content: "\F47A"; }
.mdi-search-web:before {
content: "\F70E"; }
.mdi-seat-flat:before {
content: "\F47B"; }
.mdi-seat-flat-angled:before {
content: "\F47C"; }
.mdi-seat-individual-suite:before {
content: "\F47D"; }
.mdi-seat-legroom-extra:before {
content: "\F47E"; }
.mdi-seat-legroom-normal:before {
content: "\F47F"; }
.mdi-seat-legroom-reduced:before {
content: "\F480"; }
.mdi-seat-recline-extra:before {
content: "\F481"; }
.mdi-seat-recline-normal:before {
content: "\F482"; }
.mdi-security:before {
content: "\F483"; }
.mdi-security-home:before {
content: "\F689"; }
.mdi-security-network:before {
content: "\F484"; }
.mdi-select:before {
content: "\F485"; }
.mdi-select-all:before {
content: "\F486"; }
.mdi-select-inverse:before {
content: "\F487"; }
.mdi-select-off:before {
content: "\F488"; }
.mdi-selection:before {
content: "\F489"; }
.mdi-selection-off:before {
content: "\F776"; }
.mdi-send:before {
content: "\F48A"; }
.mdi-serial-port:before {
content: "\F65C"; }
.mdi-server:before {
content: "\F48B"; }
.mdi-server-minus:before {
content: "\F48C"; }
.mdi-server-network:before {
content: "\F48D"; }
.mdi-server-network-off:before {
content: "\F48E"; }
.mdi-server-off:before {
content: "\F48F"; }
.mdi-server-plus:before {
content: "\F490"; }
.mdi-server-remove:before {
content: "\F491"; }
.mdi-server-security:before {
content: "\F492"; }
.mdi-set-all:before {
content: "\F777"; }
.mdi-set-center:before {
content: "\F778"; }
.mdi-set-center-right:before {
content: "\F779"; }
.mdi-set-left:before {
content: "\F77A"; }
.mdi-set-left-center:before {
content: "\F77B"; }
.mdi-set-left-right:before {
content: "\F77C"; }
.mdi-set-none:before {
content: "\F77D"; }
.mdi-set-right:before {
content: "\F77E"; }
.mdi-settings:before {
content: "\F493"; }
.mdi-settings-box:before {
content: "\F494"; }
.mdi-shape-circle-plus:before {
content: "\F65D"; }
.mdi-shape-plus:before {
content: "\F495"; }
.mdi-shape-polygon-plus:before {
content: "\F65E"; }
.mdi-shape-rectangle-plus:before {
content: "\F65F"; }
.mdi-shape-square-plus:before {
content: "\F660"; }
.mdi-share:before {
content: "\F496"; }
.mdi-share-variant:before {
content: "\F497"; }
.mdi-shield:before {
content: "\F498"; }
.mdi-shield-half-full:before {
content: "\F77F"; }
.mdi-shield-outline:before {
content: "\F499"; }
.mdi-shopping:before {
content: "\F49A"; }
.mdi-shopping-music:before {
content: "\F49B"; }
.mdi-shovel:before {
content: "\F70F"; }
.mdi-shovel-off:before {
content: "\F710"; }
.mdi-shredder:before {
content: "\F49C"; }
.mdi-shuffle:before {
content: "\F49D"; }
.mdi-shuffle-disabled:before {
content: "\F49E"; }
.mdi-shuffle-variant:before {
content: "\F49F"; }
.mdi-sigma:before {
content: "\F4A0"; }
.mdi-sigma-lower:before {
content: "\F62B"; }
.mdi-sign-caution:before {
content: "\F4A1"; }
.mdi-sign-direction:before {
content: "\F780"; }
.mdi-sign-text:before {
content: "\F781"; }
.mdi-signal:before {
content: "\F4A2"; }
.mdi-signal-2g:before {
content: "\F711"; }
.mdi-signal-3g:before {
content: "\F712"; }
.mdi-signal-4g:before {
content: "\F713"; }
.mdi-signal-hspa:before {
content: "\F714"; }
.mdi-signal-hspa-plus:before {
content: "\F715"; }
.mdi-signal-off:before {
content: "\F782"; }
.mdi-signal-variant:before {
content: "\F60A"; }
.mdi-silverware:before {
content: "\F4A3"; }
.mdi-silverware-fork:before {
content: "\F4A4"; }
.mdi-silverware-spoon:before {
content: "\F4A5"; }
.mdi-silverware-variant:before {
content: "\F4A6"; }
.mdi-sim:before {
content: "\F4A7"; }
.mdi-sim-alert:before {
content: "\F4A8"; }
.mdi-sim-off:before {
content: "\F4A9"; }
.mdi-sitemap:before {
content: "\F4AA"; }
.mdi-skip-backward:before {
content: "\F4AB"; }
.mdi-skip-forward:before {
content: "\F4AC"; }
.mdi-skip-next:before {
content: "\F4AD"; }
.mdi-skip-next-circle:before {
content: "\F661"; }
.mdi-skip-next-circle-outline:before {
content: "\F662"; }
.mdi-skip-previous:before {
content: "\F4AE"; }
.mdi-skip-previous-circle:before {
content: "\F663"; }
.mdi-skip-previous-circle-outline:before {
content: "\F664"; }
.mdi-skull:before {
content: "\F68B"; }
.mdi-skype:before {
content: "\F4AF"; }
.mdi-skype-business:before {
content: "\F4B0"; }
.mdi-slack:before {
content: "\F4B1"; }
.mdi-sleep:before {
content: "\F4B2"; }
.mdi-sleep-off:before {
content: "\F4B3"; }
.mdi-smoking:before {
content: "\F4B4"; }
.mdi-smoking-off:before {
content: "\F4B5"; }
.mdi-snapchat:before {
content: "\F4B6"; }
.mdi-snowflake:before {
content: "\F716"; }
.mdi-snowman:before {
content: "\F4B7"; }
.mdi-soccer:before {
content: "\F4B8"; }
.mdi-sofa:before {
content: "\F4B9"; }
.mdi-solid:before {
content: "\F68C"; }
.mdi-sort:before {
content: "\F4BA"; }
.mdi-sort-alphabetical:before {
content: "\F4BB"; }
.mdi-sort-ascending:before {
content: "\F4BC"; }
.mdi-sort-descending:before {
content: "\F4BD"; }
.mdi-sort-numeric:before {
content: "\F4BE"; }
.mdi-sort-variant:before {
content: "\F4BF"; }
.mdi-soundcloud:before {
content: "\F4C0"; }
.mdi-source-branch:before {
content: "\F62C"; }
.mdi-source-commit:before {
content: "\F717"; }
.mdi-source-commit-end:before {
content: "\F718"; }
.mdi-source-commit-end-local:before {
content: "\F719"; }
.mdi-source-commit-local:before {
content: "\F71A"; }
.mdi-source-commit-next-local:before {
content: "\F71B"; }
.mdi-source-commit-start:before {
content: "\F71C"; }
.mdi-source-commit-start-next-local:before {
content: "\F71D"; }
.mdi-source-fork:before {
content: "\F4C1"; }
.mdi-source-merge:before {
content: "\F62D"; }
.mdi-source-pull:before {
content: "\F4C2"; }
.mdi-speaker:before {
content: "\F4C3"; }
.mdi-speaker-off:before {
content: "\F4C4"; }
.mdi-speaker-wireless:before {
content: "\F71E"; }
.mdi-speedometer:before {
content: "\F4C5"; }
.mdi-spellcheck:before {
content: "\F4C6"; }
.mdi-spotify:before {
content: "\F4C7"; }
.mdi-spotlight:before {
content: "\F4C8"; }
.mdi-spotlight-beam:before {
content: "\F4C9"; }
.mdi-spray:before {
content: "\F665"; }
.mdi-square:before {
content: "\F763"; }
.mdi-square-inc:before {
content: "\F4CA"; }
.mdi-square-inc-cash:before {
content: "\F4CB"; }
.mdi-square-outline:before {
content: "\F762"; }
.mdi-square-root:before {
content: "\F783"; }
.mdi-stackexchange:before {
content: "\F60B"; }
.mdi-stackoverflow:before {
content: "\F4CC"; }
.mdi-stadium:before {
content: "\F71F"; }
.mdi-stairs:before {
content: "\F4CD"; }
.mdi-star:before {
content: "\F4CE"; }
.mdi-star-circle:before {
content: "\F4CF"; }
.mdi-star-half:before {
content: "\F4D0"; }
.mdi-star-off:before {
content: "\F4D1"; }
.mdi-star-outline:before {
content: "\F4D2"; }
.mdi-steam:before {
content: "\F4D3"; }
.mdi-steering:before {
content: "\F4D4"; }
.mdi-step-backward:before {
content: "\F4D5"; }
.mdi-step-backward-2:before {
content: "\F4D6"; }
.mdi-step-forward:before {
content: "\F4D7"; }
.mdi-step-forward-2:before {
content: "\F4D8"; }
.mdi-stethoscope:before {
content: "\F4D9"; }
.mdi-sticker:before {
content: "\F5D0"; }
.mdi-sticker-emoji:before {
content: "\F784"; }
.mdi-stocking:before {
content: "\F4DA"; }
.mdi-stop:before {
content: "\F4DB"; }
.mdi-stop-circle:before {
content: "\F666"; }
.mdi-stop-circle-outline:before {
content: "\F667"; }
.mdi-store:before {
content: "\F4DC"; }
.mdi-store-24-hour:before {
content: "\F4DD"; }
.mdi-stove:before {
content: "\F4DE"; }
.mdi-subdirectory-arrow-left:before {
content: "\F60C"; }
.mdi-subdirectory-arrow-right:before {
content: "\F60D"; }
.mdi-subway:before {
content: "\F6AB"; }
.mdi-subway-variant:before {
content: "\F4DF"; }
.mdi-summit:before {
content: "\F785"; }
.mdi-sunglasses:before {
content: "\F4E0"; }
.mdi-surround-sound:before {
content: "\F5C5"; }
.mdi-svg:before {
content: "\F720"; }
.mdi-swap-horizontal:before {
content: "\F4E1"; }
.mdi-swap-vertical:before {
content: "\F4E2"; }
.mdi-swim:before {
content: "\F4E3"; }
.mdi-switch:before {
content: "\F4E4"; }
.mdi-sword:before {
content: "\F4E5"; }
.mdi-sword-cross:before {
content: "\F786"; }
.mdi-sync:before {
content: "\F4E6"; }
.mdi-sync-alert:before {
content: "\F4E7"; }
.mdi-sync-off:before {
content: "\F4E8"; }
.mdi-tab:before {
content: "\F4E9"; }
.mdi-tab-plus:before {
content: "\F75B"; }
.mdi-tab-unselected:before {
content: "\F4EA"; }
.mdi-table:before {
content: "\F4EB"; }
.mdi-table-column-plus-after:before {
content: "\F4EC"; }
.mdi-table-column-plus-before:before {
content: "\F4ED"; }
.mdi-table-column-remove:before {
content: "\F4EE"; }
.mdi-table-column-width:before {
content: "\F4EF"; }
.mdi-table-edit:before {
content: "\F4F0"; }
.mdi-table-large:before {
content: "\F4F1"; }
.mdi-table-row-height:before {
content: "\F4F2"; }
.mdi-table-row-plus-after:before {
content: "\F4F3"; }
.mdi-table-row-plus-before:before {
content: "\F4F4"; }
.mdi-table-row-remove:before {
content: "\F4F5"; }
.mdi-tablet:before {
content: "\F4F6"; }
.mdi-tablet-android:before {
content: "\F4F7"; }
.mdi-tablet-ipad:before {
content: "\F4F8"; }
.mdi-taco:before {
content: "\F761"; }
.mdi-tag:before {
content: "\F4F9"; }
.mdi-tag-faces:before {
content: "\F4FA"; }
.mdi-tag-heart:before {
content: "\F68A"; }
.mdi-tag-multiple:before {
content: "\F4FB"; }
.mdi-tag-outline:before {
content: "\F4FC"; }
.mdi-tag-plus:before {
content: "\F721"; }
.mdi-tag-remove:before {
content: "\F722"; }
.mdi-tag-text-outline:before {
content: "\F4FD"; }
.mdi-target:before {
content: "\F4FE"; }
.mdi-taxi:before {
content: "\F4FF"; }
.mdi-teamviewer:before {
content: "\F500"; }
.mdi-telegram:before {
content: "\F501"; }
.mdi-television:before {
content: "\F502"; }
.mdi-television-guide:before {
content: "\F503"; }
.mdi-temperature-celsius:before {
content: "\F504"; }
.mdi-temperature-fahrenheit:before {
content: "\F505"; }
.mdi-temperature-kelvin:before {
content: "\F506"; }
.mdi-tennis:before {
content: "\F507"; }
.mdi-tent:before {
content: "\F508"; }
.mdi-terrain:before {
content: "\F509"; }
.mdi-test-tube:before {
content: "\F668"; }
.mdi-text-shadow:before {
content: "\F669"; }
.mdi-text-to-speech:before {
content: "\F50A"; }
.mdi-text-to-speech-off:before {
content: "\F50B"; }
.mdi-textbox:before {
content: "\F60E"; }
.mdi-texture:before {
content: "\F50C"; }
.mdi-theater:before {
content: "\F50D"; }
.mdi-theme-light-dark:before {
content: "\F50E"; }
.mdi-thermometer:before {
content: "\F50F"; }
.mdi-thermometer-lines:before {
content: "\F510"; }
.mdi-thumb-down:before {
content: "\F511"; }
.mdi-thumb-down-outline:before {
content: "\F512"; }
.mdi-thumb-up:before {
content: "\F513"; }
.mdi-thumb-up-outline:before {
content: "\F514"; }
.mdi-thumbs-up-down:before {
content: "\F515"; }
.mdi-ticket:before {
content: "\F516"; }
.mdi-ticket-account:before {
content: "\F517"; }
.mdi-ticket-confirmation:before {
content: "\F518"; }
.mdi-ticket-percent:before {
content: "\F723"; }
.mdi-tie:before {
content: "\F519"; }
.mdi-tilde:before {
content: "\F724"; }
.mdi-timelapse:before {
content: "\F51A"; }
.mdi-timer:before {
content: "\F51B"; }
.mdi-timer-10:before {
content: "\F51C"; }
.mdi-timer-3:before {
content: "\F51D"; }
.mdi-timer-off:before {
content: "\F51E"; }
.mdi-timer-sand:before {
content: "\F51F"; }
.mdi-timer-sand-empty:before {
content: "\F6AC"; }
.mdi-timer-sand-full:before {
content: "\F78B"; }
.mdi-timetable:before {
content: "\F520"; }
.mdi-toggle-switch:before {
content: "\F521"; }
.mdi-toggle-switch-off:before {
content: "\F522"; }
.mdi-tooltip:before {
content: "\F523"; }
.mdi-tooltip-edit:before {
content: "\F524"; }
.mdi-tooltip-image:before {
content: "\F525"; }
.mdi-tooltip-outline:before {
content: "\F526"; }
.mdi-tooltip-outline-plus:before {
content: "\F527"; }
.mdi-tooltip-text:before {
content: "\F528"; }
.mdi-tooth:before {
content: "\F529"; }
.mdi-tor:before {
content: "\F52A"; }
.mdi-tower-beach:before {
content: "\F680"; }
.mdi-tower-fire:before {
content: "\F681"; }
.mdi-traffic-light:before {
content: "\F52B"; }
.mdi-train:before {
content: "\F52C"; }
.mdi-tram:before {
content: "\F52D"; }
.mdi-transcribe:before {
content: "\F52E"; }
.mdi-transcribe-close:before {
content: "\F52F"; }
.mdi-transfer:before {
content: "\F530"; }
.mdi-transit-transfer:before {
content: "\F6AD"; }
.mdi-translate:before {
content: "\F5CA"; }
.mdi-treasure-chest:before {
content: "\F725"; }
.mdi-tree:before {
content: "\F531"; }
.mdi-trello:before {
content: "\F532"; }
.mdi-trending-down:before {
content: "\F533"; }
.mdi-trending-neutral:before {
content: "\F534"; }
.mdi-trending-up:before {
content: "\F535"; }
.mdi-triangle:before {
content: "\F536"; }
.mdi-triangle-outline:before {
content: "\F537"; }
.mdi-trophy:before {
content: "\F538"; }
.mdi-trophy-award:before {
content: "\F539"; }
.mdi-trophy-outline:before {
content: "\F53A"; }
.mdi-trophy-variant:before {
content: "\F53B"; }
.mdi-trophy-variant-outline:before {
content: "\F53C"; }
.mdi-truck:before {
content: "\F53D"; }
.mdi-truck-delivery:before {
content: "\F53E"; }
.mdi-truck-fast:before {
content: "\F787"; }
.mdi-truck-trailer:before {
content: "\F726"; }
.mdi-tshirt-crew:before {
content: "\F53F"; }
.mdi-tshirt-v:before {
content: "\F540"; }
.mdi-tumblr:before {
content: "\F541"; }
.mdi-tumblr-reblog:before {
content: "\F542"; }
.mdi-tune:before {
content: "\F62E"; }
.mdi-tune-vertical:before {
content: "\F66A"; }
.mdi-twitch:before {
content: "\F543"; }
.mdi-twitter:before {
content: "\F544"; }
.mdi-twitter-box:before {
content: "\F545"; }
.mdi-twitter-circle:before {
content: "\F546"; }
.mdi-twitter-retweet:before {
content: "\F547"; }
.mdi-uber:before {
content: "\F748"; }
.mdi-ubuntu:before {
content: "\F548"; }
.mdi-umbraco:before {
content: "\F549"; }
.mdi-umbrella:before {
content: "\F54A"; }
.mdi-umbrella-outline:before {
content: "\F54B"; }
.mdi-undo:before {
content: "\F54C"; }
.mdi-undo-variant:before {
content: "\F54D"; }
.mdi-unfold-less-horizontal:before {
content: "\F54E"; }
.mdi-unfold-less-vertical:before {
content: "\F75F"; }
.mdi-unfold-more-horizontal:before {
content: "\F54F"; }
.mdi-unfold-more-vertical:before {
content: "\F760"; }
.mdi-ungroup:before {
content: "\F550"; }
.mdi-unity:before {
content: "\F6AE"; }
.mdi-untappd:before {
content: "\F551"; }
.mdi-update:before {
content: "\F6AF"; }
.mdi-upload:before {
content: "\F552"; }
.mdi-upload-network:before {
content: "\F6F5"; }
.mdi-usb:before {
content: "\F553"; }
.mdi-vector-arrange-above:before {
content: "\F554"; }
.mdi-vector-arrange-below:before {
content: "\F555"; }
.mdi-vector-circle:before {
content: "\F556"; }
.mdi-vector-circle-variant:before {
content: "\F557"; }
.mdi-vector-combine:before {
content: "\F558"; }
.mdi-vector-curve:before {
content: "\F559"; }
.mdi-vector-difference:before {
content: "\F55A"; }
.mdi-vector-difference-ab:before {
content: "\F55B"; }
.mdi-vector-difference-ba:before {
content: "\F55C"; }
.mdi-vector-intersection:before {
content: "\F55D"; }
.mdi-vector-line:before {
content: "\F55E"; }
.mdi-vector-point:before {
content: "\F55F"; }
.mdi-vector-polygon:before {
content: "\F560"; }
.mdi-vector-polyline:before {
content: "\F561"; }
.mdi-vector-radius:before {
content: "\F749"; }
.mdi-vector-rectangle:before {
content: "\F5C6"; }
.mdi-vector-selection:before {
content: "\F562"; }
.mdi-vector-square:before {
content: "\F001"; }
.mdi-vector-triangle:before {
content: "\F563"; }
.mdi-vector-union:before {
content: "\F564"; }
.mdi-verified:before {
content: "\F565"; }
.mdi-vibrate:before {
content: "\F566"; }
.mdi-video:before {
content: "\F567"; }
.mdi-video-off:before {
content: "\F568"; }
.mdi-video-switch:before {
content: "\F569"; }
.mdi-view-agenda:before {
content: "\F56A"; }
.mdi-view-array:before {
content: "\F56B"; }
.mdi-view-carousel:before {
content: "\F56C"; }
.mdi-view-column:before {
content: "\F56D"; }
.mdi-view-dashboard:before {
content: "\F56E"; }
.mdi-view-day:before {
content: "\F56F"; }
.mdi-view-grid:before {
content: "\F570"; }
.mdi-view-headline:before {
content: "\F571"; }
.mdi-view-list:before {
content: "\F572"; }
.mdi-view-module:before {
content: "\F573"; }
.mdi-view-parallel:before {
content: "\F727"; }
.mdi-view-quilt:before {
content: "\F574"; }
.mdi-view-sequential:before {
content: "\F728"; }
.mdi-view-stream:before {
content: "\F575"; }
.mdi-view-week:before {
content: "\F576"; }
.mdi-vimeo:before {
content: "\F577"; }
.mdi-vine:before {
content: "\F578"; }
.mdi-violin:before {
content: "\F60F"; }
.mdi-visualstudio:before {
content: "\F610"; }
.mdi-vk:before {
content: "\F579"; }
.mdi-vk-box:before {
content: "\F57A"; }
.mdi-vk-circle:before {
content: "\F57B"; }
.mdi-vlc:before {
content: "\F57C"; }
.mdi-voice:before {
content: "\F5CB"; }
.mdi-voicemail:before {
content: "\F57D"; }
.mdi-volume-high:before {
content: "\F57E"; }
.mdi-volume-low:before {
content: "\F57F"; }
.mdi-volume-medium:before {
content: "\F580"; }
.mdi-volume-minus:before {
content: "\F75D"; }
.mdi-volume-mute:before {
content: "\F75E"; }
.mdi-volume-off:before {
content: "\F581"; }
.mdi-volume-plus:before {
content: "\F75C"; }
.mdi-vpn:before {
content: "\F582"; }
.mdi-walk:before {
content: "\F583"; }
.mdi-wallet:before {
content: "\F584"; }
.mdi-wallet-giftcard:before {
content: "\F585"; }
.mdi-wallet-membership:before {
content: "\F586"; }
.mdi-wallet-travel:before {
content: "\F587"; }
.mdi-wan:before {
content: "\F588"; }
.mdi-washing-machine:before {
content: "\F729"; }
.mdi-watch:before {
content: "\F589"; }
.mdi-watch-export:before {
content: "\F58A"; }
.mdi-watch-import:before {
content: "\F58B"; }
.mdi-watch-vibrate:before {
content: "\F6B0"; }
.mdi-water:before {
content: "\F58C"; }
.mdi-water-off:before {
content: "\F58D"; }
.mdi-water-percent:before {
content: "\F58E"; }
.mdi-water-pump:before {
content: "\F58F"; }
.mdi-watermark:before {
content: "\F612"; }
.mdi-waves:before {
content: "\F78C"; }
.mdi-weather-cloudy:before {
content: "\F590"; }
.mdi-weather-fog:before {
content: "\F591"; }
.mdi-weather-hail:before {
content: "\F592"; }
.mdi-weather-lightning:before {
content: "\F593"; }
.mdi-weather-lightning-rainy:before {
content: "\F67D"; }
.mdi-weather-night:before {
content: "\F594"; }
.mdi-weather-partlycloudy:before {
content: "\F595"; }
.mdi-weather-pouring:before {
content: "\F596"; }
.mdi-weather-rainy:before {
content: "\F597"; }
.mdi-weather-snowy:before {
content: "\F598"; }
.mdi-weather-snowy-rainy:before {
content: "\F67E"; }
.mdi-weather-sunny:before {
content: "\F599"; }
.mdi-weather-sunset:before {
content: "\F59A"; }
.mdi-weather-sunset-down:before {
content: "\F59B"; }
.mdi-weather-sunset-up:before {
content: "\F59C"; }
.mdi-weather-windy:before {
content: "\F59D"; }
.mdi-weather-windy-variant:before {
content: "\F59E"; }
.mdi-web:before {
content: "\F59F"; }
.mdi-webcam:before {
content: "\F5A0"; }
.mdi-webhook:before {
content: "\F62F"; }
.mdi-webpack:before {
content: "\F72A"; }
.mdi-wechat:before {
content: "\F611"; }
.mdi-weight:before {
content: "\F5A1"; }
.mdi-weight-kilogram:before {
content: "\F5A2"; }
.mdi-whatsapp:before {
content: "\F5A3"; }
.mdi-wheelchair-accessibility:before {
content: "\F5A4"; }
.mdi-white-balance-auto:before {
content: "\F5A5"; }
.mdi-white-balance-incandescent:before {
content: "\F5A6"; }
.mdi-white-balance-iridescent:before {
content: "\F5A7"; }
.mdi-white-balance-sunny:before {
content: "\F5A8"; }
.mdi-widgets:before {
content: "\F72B"; }
.mdi-wifi:before {
content: "\F5A9"; }
.mdi-wifi-off:before {
content: "\F5AA"; }
.mdi-wii:before {
content: "\F5AB"; }
.mdi-wiiu:before {
content: "\F72C"; }
.mdi-wikipedia:before {
content: "\F5AC"; }
.mdi-window-close:before {
content: "\F5AD"; }
.mdi-window-closed:before {
content: "\F5AE"; }
.mdi-window-maximize:before {
content: "\F5AF"; }
.mdi-window-minimize:before {
content: "\F5B0"; }
.mdi-window-open:before {
content: "\F5B1"; }
.mdi-window-restore:before {
content: "\F5B2"; }
.mdi-windows:before {
content: "\F5B3"; }
.mdi-wordpress:before {
content: "\F5B4"; }
.mdi-worker:before {
content: "\F5B5"; }
.mdi-wrap:before {
content: "\F5B6"; }
.mdi-wrench:before {
content: "\F5B7"; }
.mdi-wunderlist:before {
content: "\F5B8"; }
.mdi-xaml:before {
content: "\F673"; }
.mdi-xbox:before {
content: "\F5B9"; }
.mdi-xbox-controller:before {
content: "\F5BA"; }
.mdi-xbox-controller-battery-alert:before {
content: "\F74A"; }
.mdi-xbox-controller-battery-empty:before {
content: "\F74B"; }
.mdi-xbox-controller-battery-full:before {
content: "\F74C"; }
.mdi-xbox-controller-battery-low:before {
content: "\F74D"; }
.mdi-xbox-controller-battery-medium:before {
content: "\F74E"; }
.mdi-xbox-controller-battery-unknown:before {
content: "\F74F"; }
.mdi-xbox-controller-off:before {
content: "\F5BB"; }
.mdi-xda:before {
content: "\F5BC"; }
.mdi-xing:before {
content: "\F5BD"; }
.mdi-xing-box:before {
content: "\F5BE"; }
.mdi-xing-circle:before {
content: "\F5BF"; }
.mdi-xml:before {
content: "\F5C0"; }
.mdi-yammer:before {
content: "\F788"; }
.mdi-yeast:before {
content: "\F5C1"; }
.mdi-yelp:before {
content: "\F5C2"; }
.mdi-yin-yang:before {
content: "\F67F"; }
.mdi-youtube-play:before {
content: "\F5C3"; }
.mdi-zip-box:before {
content: "\F5C4"; }
.mdi-18px.mdi-set, .mdi-18px.mdi:before {
font-size: 18px; }
.mdi-24px.mdi-set, .mdi-24px.mdi:before {
font-size: 24px; }
.mdi-36px.mdi-set, .mdi-36px.mdi:before {
font-size: 36px; }
.mdi-48px.mdi-set, .mdi-48px.mdi:before {
font-size: 48px; }
.mdi-dark:before {
color: rgba(0, 0, 0, 0.54); }
.mdi-dark.mdi-inactive:before {
color: rgba(0, 0, 0, 0.26); }
.mdi-light:before {
color: white; }
.mdi-light.mdi-inactive:before {
color: rgba(255, 255, 255, 0.3); }
.mdi-rotate-45 {
/*
// Not included in production
&.mdi-flip-h:before {
-webkit-transform: scaleX(-1) rotate(45deg);
transform: scaleX(-1) rotate(45deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.mdi-flip-v:before {
-webkit-transform: scaleY(-1) rotate(45deg);
-ms-transform: rotate(45deg);
transform: scaleY(-1) rotate(45deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/ }
.mdi-rotate-45:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.mdi-rotate-90 {
/*
// Not included in production
&.mdi-flip-h:before {
-webkit-transform: scaleX(-1) rotate(90deg);
transform: scaleX(-1) rotate(90deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.mdi-flip-v:before {
-webkit-transform: scaleY(-1) rotate(90deg);
-ms-transform: rotate(90deg);
transform: scaleY(-1) rotate(90deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/ }
.mdi-rotate-90:before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.mdi-rotate-135 {
/*
// Not included in production
&.mdi-flip-h:before {
-webkit-transform: scaleX(-1) rotate(135deg);
transform: scaleX(-1) rotate(135deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.mdi-flip-v:before {
-webkit-transform: scaleY(-1) rotate(135deg);
-ms-transform: rotate(135deg);
transform: scaleY(-1) rotate(135deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/ }
.mdi-rotate-135:before {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg); }
.mdi-rotate-180 {
/*
// Not included in production
&.mdi-flip-h:before {
-webkit-transform: scaleX(-1) rotate(180deg);
transform: scaleX(-1) rotate(180deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.mdi-flip-v:before {
-webkit-transform: scaleY(-1) rotate(180deg);
-ms-transform: rotate(180deg);
transform: scaleY(-1) rotate(180deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/ }
.mdi-rotate-180:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.mdi-rotate-225 {
/*
// Not included in production
&.mdi-flip-h:before {
-webkit-transform: scaleX(-1) rotate(225deg);
transform: scaleX(-1) rotate(225deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.mdi-flip-v:before {
-webkit-transform: scaleY(-1) rotate(225deg);
-ms-transform: rotate(225deg);
transform: scaleY(-1) rotate(225deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/ }
.mdi-rotate-225:before {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg); }
.mdi-rotate-270 {
/*
// Not included in production
&.mdi-flip-h:before {
-webkit-transform: scaleX(-1) rotate(270deg);
transform: scaleX(-1) rotate(270deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.mdi-flip-v:before {
-webkit-transform: scaleY(-1) rotate(270deg);
-ms-transform: rotate(270deg);
transform: scaleY(-1) rotate(270deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/ }
.mdi-rotate-270:before {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.mdi-rotate-315 {
/*
// Not included in production
&.mdi-flip-h:before {
-webkit-transform: scaleX(-1) rotate(315deg);
transform: scaleX(-1) rotate(315deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.mdi-flip-v:before {
-webkit-transform: scaleY(-1) rotate(315deg);
-ms-transform: rotate(315deg);
transform: scaleY(-1) rotate(315deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/ }
.mdi-rotate-315:before {
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg); }
.mdi-flip-h:before {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH"; }
.mdi-flip-v:before {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV"; }
.mdi-spin:before {
-webkit-animation: mdi-spin 2s infinite linear;
animation: mdi-spin 2s infinite linear; }
@-webkit-keyframes mdi-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes mdi-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
a {
text-decoration: none;
outline: 0 !important; }
html {
line-height: 1.5;
font-family: "Roboto", sans-serif;
font-weight: normal;
color: rgba(0, 0, 0, 0.87); }
@media only screen and (min-width: 0) {
html {
font-size: 14px; } }
@media only screen and (min-width: 992px) {
html {
font-size: 14.5px; } }
@media only screen and (min-width: 1200px) {
html {
font-size: 15px; } }
p {
font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif;
font-size: 1.25rem;
line-height: 1.8;
font-weight: 300; }
h1,
h2,
h3,
h4,
h5,
h5 {
font-weight: 300; }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit; }
h1 {
font-size: 4.2rem;
line-height: 110%;
margin: 2.1rem 0 1.68rem 0; }
h2 {
font-size: 3.56rem;
line-height: 110%;
margin: 1.78rem 0 1.424rem 0; }
h3 {
font-size: 2.92rem;
line-height: 110%;
margin: 1.46rem 0 1.168rem 0; }
h4 {
font-size: 2.28rem;
line-height: 110%;
margin: 1.14rem 0 0.912rem 0; }
h5 {
font-size: 1.64rem;
line-height: 110%;
margin: 0.82rem 0 0.656rem 0; }
h6 {
font-size: 1rem;
line-height: 110%;
margin: 0.5rem 0 0.4rem 0; }
em {
font-style: italic; }
strong {
font-weight: 500; }
small {
font-size: 75%; }
.thin-100 {
font-weight: 100; }
.thin-100-italic {
font-weight: 100;
font-style: italic; }
.light-300 {
font-weight: 300; }
.light-300-italic {
font-weight: 300;
font-style: italic; }
.normal-400 {
font-weight: 400; }
.normal-400-italic {
font-weight: 400;
font-style: italic; }
.medium-500 {
font-weight: 500; }
.medium-500-italic {
font-weight: 500;
font-style: italic; }
.bold-700 {
font-weight: 700; }
.bold-700-italic {
font-weight: 700;
font-style: italic; }
.ultra-bold-900 {
font-weight: 900; }
.ultra-bold-900-italic {
font-weight: 900;
font-style: italic; }
.flow-text {
font-weight: 300; }
@media only screen and (min-width: 360px) {
.flow-text {
font-size: 1.2rem; } }
@media only screen and (min-width: 390px) {
.flow-text {
font-size: 1.224rem; } }
@media only screen and (min-width: 420px) {
.flow-text {
font-size: 1.248rem; } }
@media only screen and (min-width: 450px) {
.flow-text {
font-size: 1.272rem; } }
@media only screen and (min-width: 480px) {
.flow-text {
font-size: 1.296rem; } }
@media only screen and (min-width: 510px) {
.flow-text {
font-size: 1.32rem; } }
@media only screen and (min-width: 540px) {
.flow-text {
font-size: 1.344rem; } }
@media only screen and (min-width: 570px) {
.flow-text {
font-size: 1.368rem; } }
@media only screen and (min-width: 600px) {
.flow-text {
font-size: 1.392rem; } }
@media only screen and (min-width: 630px) {
.flow-text {
font-size: 1.416rem; } }
@media only screen and (min-width: 660px) {
.flow-text {
font-size: 1.44rem; } }
@media only screen and (min-width: 690px) {
.flow-text {
font-size: 1.464rem; } }
@media only screen and (min-width: 720px) {
.flow-text {
font-size: 1.488rem; } }
@media only screen and (min-width: 750px) {
.flow-text {
font-size: 1.512rem; } }
@media only screen and (min-width: 780px) {
.flow-text {
font-size: 1.536rem; } }
@media only screen and (min-width: 810px) {
.flow-text {
font-size: 1.56rem; } }
@media only screen and (min-width: 840px) {
.flow-text {
font-size: 1.584rem; } }
@media only screen and (min-width: 870px) {
.flow-text {
font-size: 1.608rem; } }
@media only screen and (min-width: 900px) {
.flow-text {
font-size: 1.632rem; } }
@media only screen and (min-width: 930px) {
.flow-text {
font-size: 1.656rem; } }
@media only screen and (min-width: 960px) {
.flow-text {
font-size: 1.68rem; } }
@media only screen and (max-width: 360px) {
.flow-text {
font-size: 1.2rem; } }
/* Responsive Headings */
@media only screen and (max-width: 480px) {
.h1-responsive {
font-size: 2.18rem; }
.h2-responsive {
font-size: 1.84rem; }
.h3-responsive {
font-size: 1.7rem; }
.h4-responsive {
font-size: 1.3rem; }
.h5-responsive {
font-size: 1.1rem; } }
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
.h1-responsive {
font-size: 2.28rem; }
.h2-responsive {
font-size: 1.94rem; }
.h3-responsive {
font-size: 1.6rem; }
.h4-responsive {
font-size: 1.4rem; }
.h5-responsive {
font-size: 1.2rem; } }
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
.h1-responsive {
font-size: 2.92rem; }
.h2-responsive {
font-size: 2.28rem; }
.h3-responsive {
font-size: 1.94rem; }
.h4-responsive {
font-size: 1.4rem; }
.h5-responsive {
font-size: 1.15rem; } }
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
.h1-responsive {
font-size: 3.56rem; }
.h2-responsive {
font-size: 2.92rem; }
.h3-responsive {
font-size: 2.28rem; }
.h4-responsive {
font-size: 1.64rem; }
.h5-responsive {
font-size: 1.2rem; } }
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
.h1-responsive {
font-size: 4.2rem; }
.h2-responsive {
font-size: 3.56rem; }
.h3-responsive {
font-size: 2.92rem; }
.h4-responsive {
font-size: 2.28rem; }
.h5-responsive {
font-size: 1.64rem; } }
.text-justify {
text-align: justify !important; }
.text-nowrap {
white-space: nowrap !important; }
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important; }
.text-sm-right {
text-align: right !important; }
.text-sm-center {
text-align: center !important; } }
@media (min-width: 768px) {
.text-md-left {
text-align: left !important; }
.text-md-right {
text-align: right !important; }
.text-md-center {
text-align: center !important; } }
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important; }
.text-lg-right {
text-align: right !important; }
.text-lg-center {
text-align: center !important; } }
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important; }
.text-xl-right {
text-align: right !important; }
.text-xl-center {
text-align: center !important; } }
.text-lowercase {
text-transform: lowercase !important; }
.text-uppercase {
text-transform: uppercase !important; }
.text-capitalize {
text-transform: capitalize !important; }
.font-weight-normal {
font-weight: normal; }
.font-weight-bold {
font-weight: bold; }
.font-italic {
font-style: italic; }
.text-white {
color: #fff !important; }
.text-muted {
color: #BCC5D0 !important; }
a.text-muted:focus, a.text-muted:hover {
color: #4b5257 !important; }
.text-primary {
color: #0275d8 !important; }
a.text-primary:focus, a.text-primary:hover {
color: #025aa5 !important; }
.text-success {
color: #5cb85c !important; }
a.text-success:focus, a.text-success:hover {
color: #449d44 !important; }
.text-info {
color: #5bc0de !important; }
a.text-info:focus, a.text-info:hover {
color: #31b0d5 !important; }
.text-warning {
color: #f0ad4e !important; }
a.text-warning:focus, a.text-warning:hover {
color: #ec971f !important; }
.text-danger {
color: #d9534f !important; }
a.text-danger:focus, a.text-danger:hover {
color: #c9302c !important; }
.text-gray-dark {
color: #292b2c !important; }
a.text-gray-dark:focus, a.text-gray-dark:hover {
color: #101112 !important; }
.align-baseline {
vertical-align: baseline !important; }
.align-top {
vertical-align: top !important; }
.align-middle {
vertical-align: middle !important; }
.align-bottom {
vertical-align: bottom !important; }
.align-text-bottom {
vertical-align: text-bottom !important; }
.align-text-top {
vertical-align: text-top !important; }
.section-title {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 3rem;
padding: 0.7rem; }
.section-title small {
text-transform: none;
padding-left: 7px;
margin-left: 10px; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.ls-1 {
letter-spacing: -0.01em !important; }
.ls-2 {
letter-spacing: -0.02em !important; }
.ls-3 {
letter-spacing: -0.03em !important; }
.fw-700 {
font-weight: 700 !important; }
.fw-300 {
font-weight: 300 !important; }
.bt-3 {
border-top: #ccc 3px solid; }
.f4 {
font-size: 1.728rem !important; }
.ml-lg {
margin-left: 20px !important; }
h3.loading-title {
font-size: 1.28rem !important;
line-height: 110% !important;
margin: 1.46rem 0 1.168rem 0 !important; }
.counter {
position: absolute;
margin-left: -23px;
margin-top: -1px;
background-color: red;
color: #fff;
padding: 1px 7px;
font-size: 11px;
z-index: 2;
-webkit-border-radius: 10rem;
-moz-border-radius: 10rem;
-ms-border-radius: 10rem;
-o-border-radius: 10rem;
border-radius: 10rem; }
.social-counters .btn {
margin-left: 9px; }
/* Buttons */
.btn-share {
background-color: #a6c !important; }
.btn-share:hover, .btn-share:focus {
background-color: #b579d2; }
.btn-fb {
background-color: #3B5998 !important; }
.btn-fb:hover, .btn-fb:focus {
background-color: #4264aa; }
.btn-gplus {
background-color: #DD4B39 !important; }
.btn-gplus:hover, .btn-gplus:focus {
background-color: #e15f4f; }
.btn-tw {
background-color: #55ACEE !important; }
.btn-tw:hover, .btn-tw:focus {
background-color: #6cb7f0; }
.btn-li {
background-color: #0082CA !important; }
.btn-li:hover, .btn-li:focus {
background-color: #0092e4; }
.yt-bg {
background-color: #CD201F !important; }
.yt-bg:hover, .yt-bg:focus {
background-color: #de2827; }
.ins-bg {
background-color: #3F729B !important; }
.ins-bg:hover, .ins-bg:focus {
background-color: #467fad; }
.btn-pin {
background-color: #C61118 !important; }
.btn-pin:hover, .btn-pin:focus {
background-color: #dd131b; }
.btn-ins {
background-color: #3F729B !important; }
.btn-ins:hover, .btn-ins:focus {
background-color: #467fad; }
.btn-yt {
background-color: #CD201F !important; }
.btn-yt:hover, .btn-yt:focus {
background-color: #de2827; }
.btn-vk {
background-color: #4C75A3 !important; }
.btn-vk:hover, .btn-vk:focus {
background-color: #5882b1; }
.btn-git {
background-color: #4183C4 !important; }
.btn-git:hover, .btn-git:focus {
background-color: #5490ca; }
.btn-comm {
background-color: #30CFC0 !important; }
.btn-comm:hover, .btn-comm:focus {
background-color: #45d4c6; }
.btn-email {
background-color: #4B515D !important; }
.btn-email:hover, .btn-email:focus {
background-color: #565d6b; }
.btn-dribbble {
background-color: #C32361 !important; }
.btn-dribbble:hover, .btn-dribbble:focus {
background-color: #d8276c; }
.btn-so {
background-color: #f69c55 !important; }
.btn-so:hover, .btn-so:focus {
background-color: #f7aa6d; }
.btn-slack {
background-color: #56b68b !important; }
.btn-slack:hover, .btn-slack:focus {
background-color: #68be97; }
.btn-like {
background-color: #dc1e36 !important; }
.btn-like:hover, .btn-like:focus {
background-color: #e33147; }
/* Icons */
.icons-sm {
padding: 0.5rem;
margin: 0.5rem;
font-size: 1.5rem; }
.fb-ic {
color: #3B5998 !important; }
.fb-ic:hover, .fb-ic:focus {
color: #3B5998; }
.gplus-ic {
color: #DD4B39 !important; }
.gplus-ic:hover, .gplus-ic:focus {
color: #DD4B39; }
.tw-ic {
color: #55ACEE !important; }
.tw-ic:hover, .tw-ic:focus {
color: #55ACEE; }
.li-ic {
color: #0082CA !important; }
.li-ic:hover, .li-ic:focus {
color: #0082CA; }
.yt-ic {
color: #CD201F !important; }
.yt-ic:hover, .yt-ic:focus {
color: #CD201F; }
.dribbble-ic {
color: #C32361 !important; }
.dribbble-ic:hover, .dribbble-ic:focus {
color: #C32361; }
.ins-ic {
color: #3F729B !important; }
.ins-ic:hover, .ins-ic:focus {
color: #3F729B; }
.pin-ic {
color: #C61118 !important; }
.pin-ic:hover, .pin-ic:focus {
color: #C61118; }
.vk-ic {
color: #4C75A3 !important; }
.vk-ic:hover, .vk-ic:focus {
color: #4C75A3; }
.git-ic {
color: #4183C4 !important; }
.git-ic:hover, .git-ic:focus {
color: #4183C4; }
.email-ic {
color: #4B515D !important; }
.email-ic:hover, .email-ic:focus {
color: #4B515D; }
.comm-ic {
color: #30CFC0 !important; }
.comm-ic:hover, .comm-ic:focus {
color: #30CFC0; }
.drib-ic {
color: #C32361 !important; }
.drib-ic:hover, .drib-ic:focus {
color: #C32361; }
.so-ic {
color: #f69c55 !important; }
.so-ic:hover, .so-ic:focus {
color: #f69c55; }
.slack-ic {
color: #56b68b !important; }
.slack-ic:hover, .slack-ic:focus {
color: #56b68b; }
/* Social list */
.social-list {
width: auto;
padding: 1rem; }
.social-list li {
margin-top: 15px; }
.social-list .fa {
margin-right: 20px;
font-size: 20px; }
.social-list .fa-facebook {
margin-right: 26px; }
.social-list a {
font-size: 20px; }
/**************************************************************************
5. NAVIGATION
**************************************************************************/
.header-fixed {
background-color: #fff; }
.header-fixed .header {
z-index: 1000;
height: 60px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%; }
.header > .inner-wrapper {
/* position: fixed;
z-index: 11;
top: 0;
left: 0;*/
width: 100%;
height: 100%;
border-bottom: 1px solid #ddd;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
/*-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);*/
-webkit-transition-property: transform;
-moz-transition-property: transform;
-o-transition-property: transform;
-ms-transition-property: transform;
transition-property: transform;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -webkit-transform;
-o-transition-property: -webkit-transform;
-ms-transition-property: -webkit-transform;
transition-property: -webkit-transform;
/*transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;*/
-webkit-transition-duration: 0.15s;
-moz-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
-ms-transition-duration: 0.15s;
transition-duration: 0.15s;
/*transition-duration: 0.15s;*/
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
transition-timing-function: ease-out;
transition-timing-function: ease-out;
background-color: #fff; }
.header {
/* SEARCH */
/*.search{
.search-below-input{
width: 600px;
input{
position: relative;
border: none;
outline: none;
background: #fff;
width: 100%;
height: 59px;
margin: 0;
z-index: 10;
font-family: inherit;
font-size: 20px;
color: #2c3e50;
padding-left: 6px;
display:inline-block;
}
.tt-suggestion{
font-weight: 400;
padding: 6px;
cursor: pointer;
&:hover {
background-color: #F8F8F8;
}
}
.tt-menu.tt-open{
border-top: 1px solid rgb(221, 221, 221);
padding:12px;
}
.tt-highlight{
border-bottom: 1px solid #2c3e50;
}
.twitter-typeahead{
width: 100% !important;
}
.tt-menu{
position:relative !important;
font-size: 1.1rem;
}
.tt-input::-webkit-input-placeholder {
color: #CCC;
}
.tt-input:-moz-placeholder {
color: #CCC;
}
.tt-input::-moz-placeholder {
color: #CCC;
}
.tt-input:-ms-input-placeholder {
color: #CCC;
}
}
@media only screen and (max-width : 768px) {
.search-below-input{
width: 400px;
}
}
@media only screen and (max-width : 530px) {
.search-below-input{
left: -246px;
&.dropdown-menu-right:before{
right: 118px;
}
}
input{
height: 50px;
}
}
@media only screen and (max-width : 530px) {
.search-below-input{
width:94%;
width:94vw;
&.dropdown-menu-right:before{
}
}
input{
height: 46px;
width:94%;
width:94vw;
}
}
@media only screen and (max-width : 375px) {
.search-below-input{
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.16), 0 3px 3px 0 rgba(0,0,0,0.12);
width:102%;
width:102vw;
margin: 0rem 0 0 !important;
left: -200px !important;
right:0px;
&.dropdown-menu-right:before{
left: 217px;
right:auto;
}
}
input{
height: 46px;
width:100%;
width:100vw;
}
}
.sb-icon-search{
width:auto;
position: relative;
font-family: 'Material Design Icons';
background: transparent;
z-index: 90;
font-size: 24px;
color: rgba(0, 0, 0, 1);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
.sb-icon-search:before {
font-size: 22px;
content: "\F349";
}
.navicons .navicons-item.search{
background: transparent ;
&.open{
background: $color-moptu !important;
background-color: $color-moptu !important;
.sb-icon-search{
color:#ffffff !important;
}
}
}
}*/ }
.header .logo {
display: inline-block;
width: 139px;
height: 50px;
margin-right: 0;
padding: 0.5rem 1rem;
background-color: #fff;
background-image: url(../images/moptulogo-sm.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100px auto;
/* transition: 150ms ease-out opacity; */
/* transition-delay: 200ms; */ }
.header .navicons {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
right: 0;
height: 100%; }
.header .navicons .navicons-item {
position: relative;
background: #fff;
padding: 0 16px;
font-size: 22px;
line-height: 26px;
font-weight: 500;
height: 59px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; }
.header .navicons .msg-notify, .header .navicons .other-settings {
font-family: 'Material Design Icons';
color: rgba(0, 0, 0, 0.541176);
background-color: transparent;
z-index: 90;
font-size: 22px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none; }
.header .navicons .msg-notify:before {
font-size: 22px;
color: rgba(0, 0, 0, 0.54118);
content: "\F09A"; }
.header .navicons .msg-alert-badge {
display: inline-block;
padding: 0.3em 0.3em;
font-size: 50%;
font-weight: bold;
line-height: 1;
border-radius: 4rem;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
position: absolute;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: 0px;
background-color: #f86c6b;
padding-right: 0.6em;
padding-left: 0.6em;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.header .navicons .other-settings .settings:before {
font-size: 22px;
color: rgba(0, 0, 0, 0.54118);
content: "\f1d9"; }
.header .navicons .navicons-item {
border-left: 1px solid #ddd; }
.header .navicons .navicons-item .dropdown-menu {
display: none; }
.header .navicons .navicons-item.open {
background: #f2f2f2; }
.header .navicons .navicons-item.open .dropdown-menu {
display: block;
background-color: #fff; }
.header .navicons .navicons-item.search.open {
background: #dc1e36; }
.header .navicons .navicons-item.search.open .sb-icon-search {
color: #fff !important; }
.header .navlinks-menu {
position: relative;
width: calc(100% - 380px);
padding: 0 30px; }
.header .navlinks-menu .navlinks {
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
display: inline-block;
z-index: 2; }
.header .navlinks-menu .navlinks .navlinks-wrapper {
transition: .3s ease-out transform;
position: absolute;
height: 60px;
white-space: nowrap; }
.header .navlinks-menu .navlinks .navlinks-wrapper .navlinks-item {
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
font-size: 16px;
font-size: 1rem;
color: #555;
letter-spacing: .2px;
font-weight: 400;
line-height: 60px;
height: 60px;
text-transform: uppercase;
/*margin-right: 18px;*/
white-space: nowrap;
z-index: 11;
overflow: hidden;
opacity: .65;
vertical-align: top;
transition: color .3s ease;
padding: 0 10px;
display: inline-block; }
.header .navlinks-menu .navlinks .navlinks-wrapper .navlinks-item a {
display: inline-block;
color: #333;
font-weight: 700; }
.header .navlinks-menu .navlinks .navlinks-wrapper .navlinks-item a:hover {
color: #333;
opacity: 1;
border-bottom: 0px solid #dc1e36;
background-color: transparent; }
.header .navlinks-menu .navlinks .navlinks-wrapper .navlinks-item:hover, .header .navlinks-menu .navlinks .navlinks-wrapper .navlinks-item:active {
color: #333;
opacity: 1;
border-bottom: 2px solid #dc1e36;
background-color: transparent; }
.header .navlinks-menu .navlinks .navlinks-wrapper .navlinks-item.overflow {
display: none; }
.header .navlinks-menu .navlinks .navlinks-wrapper .navlinks-item:last-child {
margin-right: 0; }
.header .menu-footer {
background-color: #eee; }
.header #user-menu {
min-width: 320px; }
.header #user-menu.dropdown-menu-right {
right: 12px; }
.header #user-menu .btn-sm {
font-size: .9rem;
text-transform: capitalize; }
.header #user-menu .dropdown-header-meta {
margin: 20px; }
.header #user-menu .dropdown-header-meta .float-left {
width: 30%; }
.header #user-menu .dropdown-header-meta .float-right {
width: 69%;
text-align: left; }
.header #user-menu .dropdown-header-meta .username {
font-weight: 500;
line-height: 1.3em; }
.header #user-menu .dropdown-header-meta .usertitle {
font-size: .9em;
line-height: 1.5em;
/* margin-top: 3px; */
font-weight: 400;
font-style: italic;
color: #555; }
.header #user-menu .dropdown-header-meta .stats-wrapper {
width: 100%; }
.header #user-menu .dropdown-header-meta .stats-wrapper:after {
content: "";
display: table;
clear: both; }
.header #user-menu .dropdown-header-meta .stats-left {
padding-right: 12px;
text-align: center;
float: left;
width: 49%; }
.header #user-menu .dropdown-header-meta .stats-right {
text-align: center;
float: right;
width: 49%; }
.header #user-menu .dropdown-header-meta a.stats-link {
font-size: 12px !important;
color: #a9a9a9;
display: inline-block;
padding: 6px 18px 0px 0px;
font-weight: 400;
line-height: 1em;
display: inline-block;
width: 100%;
line-height: 18px;
font-size: 18px;
font-size: 1.125rem; }
.header #user-menu .dropdown-header-meta a.stats-link span {
color: #666;
font-weight: 500;
display: inline-block;
width: 100%;
font-size: 16px;
font-size: 1rem; }
.header #user-menu .dropdown-header-meta .btn {
margin: 10px 10px 10px 0; }
.header #user-menu .dropdown-header-meta .avatar {
-webkit-background-size: 70px 70px;
background-size: 70px 70px;
border: none;
vertical-align: top;
height: 70px;
margin: 0;
min-width: 70px;
width: 100%; }
.header #user-menu .dropdown-header-meta .avatar img {
height: 70px;
width: 70px; }
.header #user-menu .dropdown-header-meta a.change-avatar {
color: #36c;
font-weight: 400;
text-align: center;
display: inline-block;
margin: 3px 12px 0 12px;
font-size: 12px;
font-size: 0.75rem; }
.header .search .search-below-input {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-transition-property: transform;
-moz-transition-property: transform;
-o-transition-property: transform;
-ms-transition-property: transform;
transition-property: transform;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -webkit-transform;
-o-transition-property: -webkit-transform;
-ms-transition-property: -webkit-transform;
transition-property: -webkit-transform;
max-width: 680px;
width: 100%;
width: 100vw;
margin: 0 auto !important;
left: auto;
right: 0;
float: none !important; }
.header .search .search-below-input input {
position: relative;
border: none;
outline: none;
background: #fff;
width: 100%;
height: 59px;
margin: 0;
z-index: 10;
font-family: inherit;
font-size: 20px;
color: #2c3e50;
padding-left: 6px;
display: inline-block; }
.header .search .search-below-input.dropdown-menu-right:before {
right: 14px; }
.header .search .search-below-input .tt-suggestion {
font-weight: 400;
padding: 6px;
cursor: pointer; }
.header .search .search-below-input .tt-suggestion:hover {
background-color: #F8F8F8; }
.header .search .search-below-input .tt-menu.tt-open {
border-top: 1px solid #dddddd;
padding: 12px; }
.header .search .search-below-input .tt-highlight {
border-bottom: 1px solid #2c3e50; }
.header .search .search-below-input .twitter-typeahead {
width: 100% !important; }
.header .search .search-below-input .tt-menu {
position: relative !important;
font-size: 1.1rem; }
.header .search .search-below-input .tt-input::-webkit-input-placeholder {
color: #CCC; }
.header .search .search-below-input .tt-input:-moz-placeholder {
color: #CCC; }
.header .search .search-below-input .tt-input::-moz-placeholder {
color: #CCC; }
.header .search .search-below-input .tt-input:-ms-input-placeholder {
color: #CCC; }
@media only screen and (max-width: 880px) {
.header .search .search-below-input {
width: 60%;
width: 60vw; }
.header .search .search-below-input.dropdown-menu-right:before {
right: 15px; }
.header .search input {
height: 50px; } }
@media only screen and (max-width: 530px) {
.header .search .search-below-input {
width: 80%;
width: 80vw;
right: -100px; }
.header .search .search-below-input.dropdown-menu-right:before {
right: 118px; }
.header .search input {
height: 50px; } }
@media only screen and (max-width: 375px) {
.header .search {
width: 100%;
width: 100vw; }
.header .search .search-below-input.dropdown-menu-right:before {
right: 118px; } }
.header .search .sb-icon-search {
width: auto;
position: relative;
font-family: 'Material Design Icons';
background: transparent;
z-index: 90;
font-size: 24px;
color: black;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased; }
.header .search .sb-icon-search:before {
font-size: 22px;
content: "\F349"; }
.header .search .navicons .navicons-item.search {
background: transparent; }
.header .search .navicons .navicons-item.search.open {
background: #dc1e36 !important;
background-color: #dc1e36 !important; }
.header .search .navicons .navicons-item.search.open .sb-icon-search {
color: #ffffff !important; }
@media only screen and (max-width: 768px) {
.navlinks-menu {
width: calc(100% - 330px) !important;
padding: 0 10px !important; } }
@media only screen and (max-width: 600px) {
.navlinks-menu {
width: calc(100% - 310px) !important;
padding: 0 10px !important; } }
@media (max-width: 991px) {
.header {
position: fixed !important;
z-index: 1000;
width: 100%; }
.header .navbar-toggler {
position: absolute;
top: 0;
left: 0;
width: 70px;
height: inherit; }
.header .navbar-toggler {
color: #BCC5D0; }
.header .navbar-brand {
width: 100% !important;
margin: 0 auto !important; }
.header .navbar-nav {
position: absolute;
top: 0;
right: 15px;
height: inherit; } }
.dropdown-content {
background-color: #fff;
margin: 0;
display: none;
min-width: 100px;
max-height: 650px;
overflow-y: auto;
opacity: 0;
position: absolute;
z-index: 999;
will-change: width, height; }
.dropdown-content li {
clear: both;
color: rgba(0, 0, 0, 0.87);
cursor: pointer;
line-height: 1.5rem;
width: 100%;
text-align: left;
text-transform: none; }
.dropdown-content li:hover, .dropdown-content li.active {
background-color: #eee; }
.dropdown-content li > a, .dropdown-content li > span {
font-size: 1.2rem;
color: #4285F4;
display: block;
padding: 1rem 1rem; }
.dropdown-content li > a > i {
height: inherit;
line-height: inherit; }
.dropdown-menu {
border-radius: 0; }
.dropdown-menu li {
clear: both;
color: rgba(0, 0, 0, 0.87);
cursor: pointer;
line-height: 1.5rem;
width: 100%;
text-align: left;
text-transform: none; }
.dropdown-menu li:hover, .dropdown-menu li.active {
background-color: #eee; }
.dropdown-menu li > a, .dropdown-menu li > span {
font-size: 1.2rem;
color: #4285F4;
display: block;
padding: 1rem 1rem; }
.dropdown-menu li > a > i {
height: inherit;
line-height: inherit; }
.dropup,
.dropdown {
position: relative; }
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.3em;
vertical-align: middle;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent; }
.dropdown-toggle:focus {
outline: 0; }
.dropup .dropdown-toggle::after {
border-top: 0;
border-bottom: 0.3em solid; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0 0;
margin: 0.125rem 0 0;
font-size: 0.875rem;
color: #444D58;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #E3E8EC; }
.dropdown-divider {
height: 1px;
margin: 0.5rem 0;
overflow: hidden;
background-color: #F1F3F8; }
.dropdown-item {
display: block;
width: 100%;
padding: 3px 1.5rem;
clear: both;
font-weight: normal;
color: #444D58;
text-align: inherit;
white-space: nowrap;
background: none;
border: 0; }
.dropdown-item:focus,
.dropdown-item:hover {
color: #39404a;
text-decoration: none;
background-color: #F1F3F8; }
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #20a8d8; }
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #BCC5D0;
cursor: not-allowed;
background-color: transparent; }
.show > .dropdown-menu {
display: block; }
.show > a {
outline: 0; }
.dropdown-menu-right {
right: 0;
left: auto; }
.dropdown-menu-right:before {
content: "";
position: absolute;
right: 11px;
top: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #fff transparent;
z-index: 9999; }
.dropdown-menu-left:before {
content: "";
position: absolute;
left: 11px;
top: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #fff transparent;
z-index: 9999; }
/*.dropdown-menu-right:after {
content:"";
position: absolute;
right: 4px;
top: -22px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 17px 17px 17px;
border-color: transparent transparent #fff transparent;
z-index:9998;
}*/
.dropdown-menu-left {
right: auto;
left: 0; }
.dropdown-header.bg-white {
background: #fff; }
.dropdown-item.view-all {
background: #f2f2f2;
font-size: 13px;
font-size: 0.8125rem; }
.dropdown-header {
display: block;
padding: 0 1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #BCC5D0;
white-space: nowrap; }
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990; }
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 0.125rem; }
.dropdown-item {
position: relative;
padding: 10px 20px;
border-bottom: 1px solid #E3E8EC; }
.dropdown-item:last-child {
border-bottom: 0; }
.dropdown-item i {
display: inline-block;
width: 20px;
margin-right: 10px;
margin-left: -10px;
color: #E3E8EC;
text-align: center; }
.dropdown-item .badge {
position: absolute;
right: 10px;
margin-top: 2px; }
.dropdown-header {
padding: 8px 20px;
background: #F1F3F8;
border-bottom: 1px solid #E3E8EC; }
.dropdown-header .btn,
.dropdown-header .fc button,
.fc .dropdown-header button {
margin-top: -7px;
color: #BCC5D0; }
.dropdown-header .btn:hover,
.dropdown-header .fc button:hover,
.fc .dropdown-header button:hover {
color: #444D58; }
.dropdown-header .btn.pull-right,
.dropdown-header .fc button.pull-right,
.fc .dropdown-header button.pull-right {
margin-right: -20px; }
.dropdown-menu-lg {
width: 250px; }
.dropdown-menu-xl {
width: 350px; }
.dropdown-menu-xl .dropdown-header-meta {
padding: 6px;
border-bottom: 1px solid #E3E8EC;
display: block;
font-size: 12px;
font-size: 0.75rem; }
.dropdown-menu-xl .dropdown-header-meta a {
font-size: 12px;
font-size: 0.75rem;
font-weight: normal; }
/**************************************************************************
6. BUTTONS, BADGES & LINKS
**************************************************************************/
.btn-flat {
background-color: transparent;
position: relative;
padding: 8px 30px;
border: none;
margin: 10px;
text-transform: uppercase;
text-decoration: none;
outline: none !important; }
.btn-flat:focus {
background-color: transparent; }
.btn {
line-height: 31px;
position: relative;
padding: 5px 22px;
border: 0;
margin: 10px;
cursor: pointer;
border-radius: 2px;
text-transform: uppercase;
text-decoration: none;
outline: none !important;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
transition: 0.2s ease-out; }
.btn.btn-block {
margin: 10px 0; }
.btn i,
.btn-flat i {
font-size: 1.3rem;
line-height: inherit; }
.btn-floating {
display: inline-block;
color: #fff;
position: relative;
overflow: hidden;
z-index: 1;
width: 37px;
height: 37px;
line-height: 37px;
padding: 0;
background-color: #aa66cc;
border-radius: 50%;
transition: .3s;
cursor: pointer;
vertical-align: middle;
margin: 10px; }
.btn-floating i {
width: inherit;
display: inline-block;
text-align: center;
color: #fff;
font-size: 1.6rem;
line-height: 37px; }
.btn-floating:before {
border-radius: 0; }
.btn-floating.btn-large {
width: 55.5px;
height: 55.5px; }
.btn-floating.btn-large i {
line-height: 55.5px; }
.btn-floating.btn-small, .card-collector .card .card-share .social-reveal .btn-floating, .card .card-share .social-reveal .btn-floating {
height: 47px;
width: 47px;
line-height: 0; }
.btn-floating.btn-small .fa, .card .card-share .social-reveal .btn-floating .fa, .btn-floating.btn-small .material-icons, .card .card-share .social-reveal .btn-floating .material-icons {
font-size: 18px;
margin-top: 5px; }
button.btn-floating {
border: none; }
.btn .badge {
margin-left: 7px; }
.btn-default {
color: #fff;
background-color: #4b626d !important; }
.btn-default:hover, .btn-default:focus {
background: #607D8B;
color: #fff !important; }
.btn-primary {
background: #4285F4; }
.btn-primary:hover, .btn-primary:focus {
background-color: #5a95f5 !important;
color: #fff; }
.btn-success {
background: #00C851; }
.btn-success:hover, .btn-success:focus {
background-color: #00d255 !important;
color: #fff; }
.btn-info {
background: #33b5e5; }
.btn-info:hover, .btn-info:focus {
background-color: #4abde8 !important;
color: #fff; }
.btn-warning {
background: #FF8800; }
.btn-warning:hover, .btn-warning:focus {
background-color: #ff961f !important;
color: #fff; }
.btn-danger {
background: #CC0000; }
.btn-danger:hover, .btn-danger:focus {
background-color: #db0000 !important;
color: #fff; }
.btn-moptu {
background: #dc1e36;
color: #fff; }
.btn-moptu:hover, .btn-moptu:focus {
background-color: #e2283f !important;
color: #fff; }
.btn-link {
background-color: transparent;
color: #000; }
.btn-link:hover {
background-color: transparent; }
.btn-link:focus {
background-color: transparent; }
.btn-xlg {
padding: 18px 24px;
font-size: 2rem;
line-height: 1.3333333; }
.btn-lg {
padding: 14px 20px;
font-size: 2rem;
line-height: 1.3333333; }
.btn-sm {
padding: 5px 10px;
font-size: 1rem;
line-height: 1.5; }
.btn-xs {
padding: 1px 5px;
font-size: 1rem;
line-height: 1.5; }
.btn-floating {
display: inline-block;
color: #fff;
position: relative;
overflow: hidden;
z-index: 1;
width: 37px;
height: 37px;
line-height: 37px;
padding: 0;
background-color: #aa66cc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
transition: .3s;
cursor: pointer;
vertical-align: middle;
margin: 10px; }
.btn-floating i {
width: inherit;
display: inline-block;
text-align: center;
color: #fff;
font-size: 1.6rem;
line-height: 37px; }
.btn-floating:before {
border-radius: 0; }
.btn-floating.btn-large {
width: 55.5px;
height: 55.5px; }
.btn-floating.btn-large i {
line-height: 55.5px; }
.btn-floating.btn-small, .card-collector .card .card-share .social-reveal .btn-floating, .card .card-share .social-reveal .btn-floating {
height: 47px;
width: 47px;
line-height: 0; }
.btn-floating.btn-small .fa, .card .card-share .social-reveal .btn-floating .fa, .btn-floating.btn-small .material-icons, .card .card-share .social-reveal .btn-floating .material-icons {
font-size: 18px;
margin-top: 5px; }
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: none; }
.btn-fab {
margin: 0;
padding: 15px;
font-size: 26px;
width: 56px;
height: 56px; }
.btn-fab,
.btn-fab .ripple-wrapper {
border-radius: 100%; }
.btn-fab.btn-mini {
width: 40px;
height: 40px;
padding: 13px;
font-size: 15px; }
.fixed-action-btn {
position: fixed;
right: 23px;
bottom: 23px;
padding-top: 15px;
margin-bottom: 0;
z-index: 998; }
.fixed-action-btn ul {
left: 0;
right: 0;
text-align: center;
position: absolute;
bottom: 64px;
margin: 0; }
.fixed-action-btn ul li {
margin-bottom: 15px; }
.fixed-action-btn ul a.btn-floating {
opacity: 0; }
.btn-flat {
background-color: transparent;
position: relative;
padding: 8px 30px;
border: none;
margin: 10px;
text-transform: uppercase;
text-decoration: none;
outline: none !important; }
.btn-flat:focus {
background-color: transparent; }
.btn-rounded {
-webkit-border-radius: 10em;
-moz-border-radius: 10em;
-ms-border-radius: 10em;
-o-border-radius: 10em;
border-radius: 10em; }
.nav-pills.md-pills .nav-item .active {
border: none;
background-color: #4285F4;
color: #fff; }
.nav-pills.md-pills .nav-item:hover {
background-color: red;
color: #444D58;
font-weight: 500;
border-left: none; }
/* AVATAR */
.img-avatar {
border-radius: 50em; }
.avatar {
position: relative;
display: inline-block;
width: 36px; }
.avatar .img-avatar {
width: 36px;
height: 36px; }
.avatar .avatar-status {
position: absolute;
right: 0;
bottom: 0;
display: block;
width: 10px;
height: 10px;
border: 1px solid #fff;
border-radius: 50em; }
.avatar.avatar-xs {
position: relative;
display: inline-block;
width: 20px; }
.avatar.avatar-xs .img-avatar {
width: 20px;
height: 20px; }
.avatar.avatar-xs .avatar-status {
position: absolute;
right: 0;
bottom: 0;
display: block;
width: 8px;
height: 8px;
border: 1px solid #fff;
border-radius: 50em; }
.avatar.avatar-sm {
position: relative;
display: inline-block;
width: 24px; }
.avatar.avatar-sm .img-avatar {
width: 24px;
height: 24px; }
.avatar.avatar-sm .avatar-status {
position: absolute;
right: 0;
bottom: 0;
display: block;
width: 8px;
height: 8px;
border: 1px solid #fff;
border-radius: 50em; }
.avatar.avatar-lg {
position: relative;
display: inline-block;
width: 72px; }
.avatar.avatar-lg .img-avatar {
width: 72px;
height: 72px; }
.avatar.avatar-lg .avatar-status {
position: absolute;
right: 0;
bottom: 0;
display: block;
width: 12px;
height: 12px;
border: 1px solid #fff;
border-radius: 50em; }
.avatars-stack .avatar.avatar-xs {
margin-right: -10px; }
.avatars-stack .avatar {
margin-right: -15px;
transition-duration: 0.25s, 0.25s;
transition-property: margin-left, margin-right; }
.avatars-stack .avatar:hover {
margin-right: 0 !important; }
.add-link-plus-circle {
background: url(../img/icon_link_plus.png) no-repeat center;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
position: fixed;
background-color: #e4262d;
border: none;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
cursor: pointer;
display: inline-block;
height: 56px;
outline: none;
position: absolute;
text-align: center;
width: 56px;
z-index: 2;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
bottom: 16px;
right: 16px;
animation: expandFab .4s ease-out; }
.add-link-plus-circle:hover {
background-color: #f8424d; }
@media (min-width: 768px) {
.add-link-plus-circle {
bottom: 32px;
right: 32px; }
.add-link-plus-circle:hover {
background-color: #f8424d; } }
.showEveryone, .showPeople {
display: none; }
.showEveryone.active, .showPeople.active {
display: inline-block; }
.onoffswitch {
position: relative;
width: 30px;
height: 15px;
margin-top: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; }
.onoffswitch-checkbox {
display: none; }
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
height: 15px;
padding: 0;
line-height: 15px;
border: 2px solid #E3E3E3;
border-radius: 15px;
background-color: #FFFFFF;
transition: background-color 0.3s ease-in; }
.onoffswitch-label:before {
content: "";
display: block;
width: 15px;
margin: 0px;
background: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
right: 13px;
border: 2px solid #E3E3E3;
border-radius: 15px;
transition: all 0.3s ease-in 0s;
height: 15px;
line-height: 15px; }
.onoffswitch-checkbox:checked + .onoffswitch-label {
background-color: #4CAF50; }
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
border-color: #4CAF50; }
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
right: 0px; }
.badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 55%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline; }
.badge:empty {
display: none; }
.btn .badge,
.fc button .badge {
position: relative;
top: -1px; }
a.badge:focus,
a.badge:hover {
color: #fff;
text-decoration: none;
cursor: pointer; }
.badge-danger {
background-color: #f86c6b; }
.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em; }
.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em; }
.badge-default {
background-color: #BCC5D0; }
.badge-default[href]:focus,
.badge-default[href]:hover {
background-color: #9eabbb; }
.badge-primary {
background-color: #20a8d8; }
.badge-primary[href]:focus,
.badge-primary[href]:hover {
background-color: #1985ac; }
.badge-success {
background-color: #4dbd74; }
.badge-success[href]:focus,
.badge-success[href]:hover {
background-color: #3a9d5d; }
.badge-info {
background-color: #63c2de; }
.badge-info[href]:focus,
.badge-info[href]:hover {
background-color: #39b2d5; }
.badge-warning {
background-color: #f8cb00; }
.badge-warning[href]:focus,
.badge-warning[href]:hover {
background-color: #c5a100; }
.badge-danger {
background-color: #f86c6b; }
.badge-danger[href]:focus,
.badge-danger[href]:hover {
background-color: #f63c3a; }
.badge-pill {
border-radius: 10rem; }
/**************************************************************************
7. CARDS
**************************************************************************/
.card {
width: 280px; }
.card-collector {
width: 1551px;
margin: 0 auto !important;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative;
-webkit-animation: fade_in ease-in both;
-moz-animation: fade_in ease-in both;
-ms-animation: fade_in ease-in both;
-o-animation: fade_in ease-in both;
animation: fade_in ease-in both;
padding: 1.875rem 0 2.5rem;
min-height: 550px; }
.card-collector .collection-title-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
margin-bottom: 1.25rem;
position: relative;
width: 100%;
margin: 22px auto 12px auto;
border-bottom: 1px solid #d3dbe4; }
.card-collector .collection-title-wrapper h2.title {
margin: 0;
padding: 0;
font-weight: 700;
line-height: 1.189;
color: #3E4551;
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
padding-bottom: 6px;
font-size: 19px;
font-size: 1.1875rem; }
.card-collector .card {
border: 0;
/*float: left;*/
margin: 15px;
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: inherit;
-moz-justify-content: inherit;
justify-content: inherit;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
min-height: 250px;
background-color: #ffffff;
/*fix rounded avatar issue */ }
.card-collector .card a {
word-break: normal !important; }
.card-collector .card .card-action {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline; }
.card-collector .card .card-action a {
color: #dc1e36;
font-size: 14px !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card .card-action a:hover {
color: #991525;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card .actions {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
font-size: 14px;
font-size: 0.875rem; }
.card-collector .card .actions a {
color: #03A9F4;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card .actions a:hover {
color: #0275a8;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card .actions a:after {
font-family: "Material Design Icons";
content: "\F733"; }
.card-collector .card h4.card-title {
font-size: 17px;
font-size: 1.0625rem;
margin-bottom: 10px;
margin-top: 8px;
line-height: 1.2em;
font-weight: 400; }
.card-collector .card h4.card-title a {
font-size: 100%;
color: #333333;
/*line-height: 1.2em;*/
font-weight: 300;
margin-top: 0px;
margin-bottom: 6px;
font-weight: 400;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card h4.card-title a:hover {
color: #595959 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card h5.card-subtitle {
font-size: 14px;
font-size: 0.875rem;
margin: 0 0 0.128rem 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.card-collector .card h5.card-subtitle a {
font-weight: 300;
color: #03A9F4;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.card-collector .card h5.card-subtitle a:hover {
color: #0275a8;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.card-collector .card .card-block {
-webkit-box-flex: 1 1 0%;
-moz-box-flex: 1 1 0%;
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
padding: 1.25rem; }
.card-collector .card .card-block p {
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.3;
color: #3d3d3d; }
.card-collector .card .card-action a {
font-size: 16px;
font-size: 1rem;
color: #dc1e36 !important; }
.card-collector .card .card-action a:hover {
color: #dc1e36 !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card .card-footer {
padding-bottom: 0;
font-size: 1.2rem;
background-color: transparent;
padding: .75rem .5rem 0 .5rem; }
.card-collector .card .card-footer:after {
display: block;
content: "";
clear: both; }
.card-collector .card .card-footer .card-link {
color: inherit; }
.card-collector .card .card-footer .left {
float: left; }
.card-collector .card .card-footer .left .discount {
text-decoration: line-through;
color: #9e9e9e;
font-size: 1.1rem; }
.card-collector .card .card-footer .right {
float: right;
display: flex; }
.card-collector .card .card-footer .right a {
color: #9e9e9e;
margin-left: 1rem;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card .card-footer .right a:hover {
color: #d50000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card .card-footer .right a.active {
color: #d50000; }
.card-collector .card .avatar.small.left {
border-radius: 50%;
display: block;
height: 50px;
margin: -25px auto 0 25px;
overflow: hidden;
width: 50px; }
.card-collector .card .avatar.small.left img {
border: 3px solid #fff;
background: none repeat scroll 0 0 #FFFFFF;
width: 100%; }
.card-collector .card img.rounded-circle {
border-bottom-left-radius: 50% !important;
border-bottom-right-radius: 50% !important; }
.card-collector .card .rating {
color: #ffa000; }
.card-collector .card .btn-action {
margin: -23px 20px;
margin-left: auto;
background-color: #4B515D;
height: 47px;
width: 47px;
line-height: 0; }
.card-collector .card .btn-action .fa,
.card-collector .card .btn-action .material-icons {
font-size: 18px;
margin-top: 5px; }
.card-collector .card .card-review {
margin-top: -1px;
background-color: #000;
color: #fff;
padding: 50px 20px 20px 20px; }
.card-collector .card .card-review ul {
margin-bottom: 0;
font-size: 0.9rem; }
.card-collector .card .card-review ul li {
display: inline; }
.card-collector .card .card-review ul a {
color: #fff; }
.card-collector .card .card-review ul a .fa {
margin-left: 5px;
margin-right: 3px; }
.card-collector .card .card-share {
position: relative; }
.card-collector .card .card-share .social-reveal {
position: absolute;
top: -28px;
right: 30px;
visibility: hidden;
width: auto;
transform: translateZ(0);
transform: translateX(0px);
transition: transform 0.35s ease; }
.card-collector .card .card-share .social-reveal .btn-floating {
margin: 0.3rem; }
.card-collector .card .card-share .social-reveal-active {
z-index: 11;
visibility: visible;
/*z-index: 3;*/
transform: translateZ(0);
transform: translateX(-48px);
transition: transform 0.35s ease; }
.card-collector .card.ovf-hidden {
overflow: hidden; }
.card-collector .card .badge {
position: absolute;
left: 0;
top: 0;
background-color: rgba(244, 67, 54, 0.7);
font-size: 1.4rem; }
.card-collector .card .action-buttons {
position: absolute;
right: 5px;
top: 5px; }
.card-collector .card .action-buttons .activator {
float: none;
padding: 0;
margin-right: 0;
font-size: 1rem; }
.card-collector .card .action-buttons .btn-floating {
display: block;
background-color: #4285F4;
height: 37px;
width: 37px;
line-height: 0; }
.card-collector .card .action-buttons .btn-floating .fa,
.card-collector .card .action-buttons .btn-floating .material-icons {
font-size: 14px;
margin-top: 1px; }
.card-collector .card .rating {
position: absolute;
margin-top: -16px;
right: 10px;
background-color: #0d47a1;
padding: 0.4rem 1rem;
font-size: 0.8rem; }
.card-collector .card .rating:hover .fa {
color: gold;
transition: all 0.4s linear; }
.card-collector .card .cta {
text-align: center;
padding-bottom: 1rem; }
.card-collector .card .cta p {
font-size: 1.3rem;
color: green; }
.card-collector .card .cta p span {
color: black;
text-decoration: line-through; }
.card-collector .card .card-hash {
overflow: hidden;
display: block;
position: relative;
width: 100%;
padding-left: 16px;
padding-right: 16px;
height: 28px; }
.card-collector .card .card-hash li.hash-topics-item {
display: inline-block;
margin-right: 3px;
margin-bottom: 10px; }
.card-collector .card .card-hash li.hash-topics-item a {
background-color: #f6f7f9;
color: #4b4f56 !important;
padding: 5px;
font-size: 12px;
border-radius: 3px;
text-transform: lowercase; }
.card-collector .card .card-hash li.hash-topics-item a:hover {
background-color: #dddfe2;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card .card-hash a.view-more {
position: absolute;
right: 6px;
top: 0;
background-color: #f6f7f9;
color: #4b4f56 !important;
padding: 5px;
font-size: 24px;
line-height: 5px;
padding-bottom: 8px;
font-weight: 900;
border-radius: 3px;
display: inline-block;
width: 32px;
height: 23px; }
.card-collector .card .card-hash a.view-more:hover {
background-color: #dddfe2;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card .card-hash .expanded {
height: auto;
display: block; }
.card-collector .card .card-metadata {
height: auto;
padding: 10px;
padding-left: 0;
border-top: 1px solid #ddd;
background-color: #fff;
text-align: center; }
.card-collector .card .card-metadata ul {
margin-bottom: 0;
font-size: 0.9rem;
padding-left: 0px; }
.card-collector .card .card-metadata ul li {
color: #555;
display: inline; }
.card-collector .card .card-metadata ul li .fa-clock-o {
margin-left: 10px; }
.card-collector .card .card-metadata ul a {
color: #555; }
.card-collector .card .card-metadata ul a .fa {
margin-left: 5px;
margin-right: 3px; }
.card-collector .card .card-metadata ul a:hover {
color: #2196F3;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card.blue-highlights,
.card-collector .card.blue-highlights .cta {
border-bottom: 4px solid #2196F3; }
.card-collector .card.blue-highlights h5.card-subtitle {
color: #2196F3 !important; }
.card-collector .card.blue-highlights h5.card-subtitle a {
color: #2196F3 !important; }
.card-collector .card.blue-highlights h5.card-subtitle a:hover {
color: #0a6ebd;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card.gold-highlights,
.card-collector .card.gold-highlights .cta {
border-bottom: 4px solid #FFC107; }
.card-collector .card.gold-highlights h5.card-subtitle {
color: #FFC107 !important; }
.card-collector .card.gold-highlights h5.card-subtitle a {
color: #FFC107 !important; }
.card-collector .card.gold-highlights h5.card-subtitle a:hover {
color: #ba8b00;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card.red-highlights,
.card-collector .card.red-highlights .cta {
border-bottom: 4px solid #F44336; }
.card-collector .card.red-highlights h5.card-subtitle {
color: #F44336 !important; }
.card-collector .card.red-highlights h5.card-subtitle a {
color: #F44336 !important; }
.card-collector .card.red-highlights h5.card-subtitle a:hover {
color: #d2190b;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card.purple-highlights,
.card-collector .card.purple-highlights .cta {
border-bottom: 4px solid #F44336; }
.card-collector .card.purple-highlights h5.card-subtitle {
color: #F44336 !important; }
.card-collector .card.purple-highlights h5.card-subtitle a {
color: #F44336 !important; }
.card-collector .card.purple-highlights h5.card-subtitle a:hover {
color: #641971;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card-collector .card .card-title.read-more {
font-size: 22px; }
.card-collector .card.jump-link {
background-color: #efefef; }
.card-collector .card.jump-link .card-title {
color: #333; }
.card-collector {
/*fixes height bug in IE*/ }
.card-collector .card .card-block {
flex-basis: auto !important; }
.card-collector.section-advice-self-help .collection-title-wrapper h2.title {
color: #c51162; }
.card-collector.section-advice-self-help .card {
border-bottom: 4px solid #c51162; }
.card-collector.section-advice-self-help .card h5.card-subtitle a {
color: #c51162 !important; }
.card-collector.section-advice-self-help .card h5.card-subtitle a:hover {
color: #f50057 !important; }
.card-collector.section-architecture-interior-design .collection-title-wrapper h2.title {
color: #aa00ff; }
.card-collector.section-architecture-interior-design .card {
border-bottom: 4px solid #aa00ff; }
.card-collector.section-architecture-interior-design .card h5.card-subtitle a {
color: #aa00ff !important; }
.card-collector.section-architecture-interior-design .card h5.card-subtitle a:hover {
color: #d500f9 !important; }
.card-collector.section-books .collection-title-wrapper h2.title {
color: #6200ea; }
.card-collector.section-books .card {
border-bottom: 4px solid #6200ea; }
.card-collector.section-books .card h5.card-subtitle a {
color: #6200ea !important; }
.card-collector.section-books .card h5.card-subtitle a:hover {
color: #651fff !important; }
.card-collector.section-business-finance .collection-title-wrapper h2.title {
color: #304ffe; }
.card-collector.section-business-finance .card {
border-bottom: 4px solid #3f51b5; }
.card-collector.section-business-finance .card h5.card-subtitle a {
color: #3f51b5 !important; }
.card-collector.section-business-finance .card h5.card-subtitle a:hover {
color: #3d5afe !important; }
.card-collector.section-cars-motorcycles .collection-title-wrapper h2.title {
color: #2962FF; }
.card-collector.section-cars-motorcycles .card {
border-bottom: 4px solid #2962FF; }
.card-collector.section-cars-motorcycles .card h5.card-subtitle a {
color: #2962FF !important; }
.card-collector.section-cars-motorcycles .card h5.card-subtitle a:hover {
color: #2979FF !important; }
.card-collector.section-entertainment .collection-title-wrapper h2.title {
color: #0091ea; }
.card-collector.section-entertainment .card {
border-bottom: 4px solid #0091ea; }
.card-collector.section-entertainment .card h5.card-subtitle a {
color: #0091ea !important; }
.card-collector.section-entertainment .card h5.card-subtitle a:hover {
color: #00b0ff !important; }
.card-collector.section-family-parenting .collection-title-wrapper h2.title {
color: #00b8d4; }
.card-collector.section-family-parenting .card {
border-bottom: 4px solid #00b8d4; }
.card-collector.section-family-parenting .card h5.card-subtitle a {
color: #00b8d4 !important; }
.card-collector.section-family-parenting .card h5.card-subtitle a:hover {
color: #00b8d4 !important; }
.card-collector.section-food-drink .collection-title-wrapper h2.title {
color: #00bfa5; }
.card-collector.section-food-drink .card {
border-bottom: 4px solid #00bfa5; }
.card-collector.section-food-drink .card h5.card-subtitle a {
color: #00bfa5 !important; }
.card-collector.section-food-drink .card h5.card-subtitle a:hover {
color: #1de9b6 !important; }
.card-collector.section-gaming .collection-title-wrapper h2.title {
color: #00C853; }
.card-collector.section-gaming .card {
border-bottom: 4px solid #00C853; }
.card-collector.section-gaming .card h5.card-subtitle a {
color: #00C853 !important; }
.card-collector.section-gaming .card h5.card-subtitle a:hover {
color: #00E676 !important; }
.card-collector.section-health-fitness .collection-title-wrapper h2.title {
color: #64dd17; }
.card-collector.section-health-fitness .card {
border-bottom: 4px solid #64dd17; }
.card-collector.section-health-fitness .card h5.card-subtitle a {
color: #64dd17 !important; }
.card-collector.section-health-fitness .card h5.card-subtitle a:hover {
color: #76ff03 !important; }
.card-collector.section-history .collection-title-wrapper h2.title {
color: #ffd600; }
.card-collector.section-history .card {
border-bottom: 4px solid #ffd600; }
.card-collector.section-history .card h5.card-subtitle a {
color: #ffd600 !important; }
.card-collector.section-history .card h5.card-subtitle a:hover {
color: #ffea00 !important; }
.card-collector.section-home-improvement .collection-title-wrapper h2.title {
color: #ffab00; }
.card-collector.section-home-improvement .card {
border-bottom: 4px solid #ffab00; }
.card-collector.section-home-improvement .card h5.card-subtitle a {
color: #ffab00 !important; }
.card-collector.section-home-improvement .card h5.card-subtitle a:hover {
color: #ffc400 !important; }
.card-collector.section-humor .collection-title-wrapper h2.title {
color: #ff6d00; }
.card-collector.section-humor .card {
border-bottom: 4px solid #ff6d00; }
.card-collector.section-humor .card h5.card-subtitle a {
color: #ff6d00 !important; }
.card-collector.section-humor .card h5.card-subtitle a:hover {
color: #ff9100 !important; }
.card-collector.section-miscellaneous .collection-title-wrapper h2.title {
color: #dd2c00; }
.card-collector.section-miscellaneous .card {
border-bottom: 4px solid #dd2c00; }
.card-collector.section-miscellaneous .card h5.card-subtitle a {
color: #dd2c00 !important; }
.card-collector.section-miscellaneous .card h5.card-subtitle a:hover {
color: #ff3d00 !important; }
.card-collector.section-music .collection-title-wrapper h2.title {
color: #880e4f; }
.card-collector.section-music .card {
border-bottom: 4px solid #880e4f; }
.card-collector.section-music .card h5.card-subtitle a {
color: #880e4f !important; }
.card-collector.section-music .card h5.card-subtitle a:hover {
color: #ad1457 !important; }
.card-collector.section-purple .collection-title-wrapper h2.title {
color: #4a148c; }
.card-collector.section-purple .card {
border-bottom: 4px solid #4a148c; }
.card-collector.section-purple .card h5.card-subtitle a {
color: #4a148c !important; }
.card-collector.section-purple .card h5.card-subtitle a:hover {
color: #4a148c !important; }
.card-collector.section-pets-animals .collection-title-wrapper h2.title {
color: #1a237e; }
.card-collector.section-pets-animals .card {
border-bottom: 4px solid #1a237e; }
.card-collector.section-pets-animals .card h5.card-subtitle a {
color: #1a237e !important; }
.card-collector.section-pets-animals .card h5.card-subtitle a:hover {
color: #283593 !important; }
.card-collector.section-pets-politics .collection-title-wrapper h2.title {
color: #0D47A1; }
.card-collector.section-pets-politics .card {
border-bottom: 4px solid #0D47A1; }
.card-collector.section-pets-politics .card h5.card-subtitle a {
color: #0D47A1 !important; }
.card-collector.section-pets-politics .card h5.card-subtitle a:hover {
color: #1565C0 !important; }
.card-collector.section-psychology .collection-title-wrapper h2.title {
color: #006064; }
.card-collector.section-psychology .card {
border-bottom: 4px solid #006064; }
.card-collector.section-psychology .card h5.card-subtitle a {
color: #006064 !important; }
.card-collector.section-psychology .card h5.card-subtitle a:hover {
color: #00838f !important; }
.card-collector.section-recipes .collection-title-wrapper h2.title {
color: #004d40; }
.card-collector.section-recipes .card {
border-bottom: 4px solid #004d40; }
.card-collector.section-recipes .card h5.card-subtitle a {
color: #004d40 !important; }
.card-collector.section-recipes .card h5.card-subtitle a:hover {
color: #00695c !important; }
.card-collector.section-science-technology .collection-title-wrapper h2.title {
color: #1B5E20; }
.card-collector.section-science-technology .card {
border-bottom: 4px solid #1B5E20; }
.card-collector.section-science-technology .card h5.card-subtitle a {
color: #1B5E20 !important; }
.card-collector.section-science-technology .card h5.card-subtitle a:hover {
color: #2E7D32 !important; }
.card-collector.section-sports .collection-title-wrapper h2.title {
color: #827717; }
.card-collector.section-sports .card {
border-bottom: 4px solid #827717; }
.card-collector.section-sports .card h5.card-subtitle a {
color: #827717 !important; }
.card-collector.section-sports .card h5.card-subtitle a:hover {
color: #9e9d24 !important; }
.card-collector.section-style-fashion .collection-title-wrapper h2.title {
color: #e65100; }
.card-collector.section-style-fashion .card {
border-bottom: 4px solid #e65100; }
.card-collector.section-style-fashion .card h5.card-subtitle a {
color: #e65100 !important; }
.card-collector.section-style-fashion .card h5.card-subtitle a:hover {
color: #ef6c00 !important; }
.card-collector.section-tbd .collection-title-wrapper h2.title {
color: #009688; }
.card-collector.section-tbd .card {
border-bottom: 4px solid #009688; }
.card-collector.section-tbd .card h5.card-subtitle a {
color: #009688 !important; }
.card-collector.section-tbd .card h5.card-subtitle a:hover {
color: #26a69a !important; }
.card-collector.section-travel .collection-title-wrapper h2.title {
color: #2196F3; }
.card-collector.section-travel .card {
border-bottom: 4px solid #2196F3; }
.card-collector.section-travel .card h5.card-subtitle a {
color: #2196F3 !important; }
.card-collector.section-travel .card h5.card-subtitle a:hover {
color: #42A5F5 !important; }
.card-collector.section-visual-arts .collection-title-wrapper h2.title {
color: #00E676; }
.card-collector.section-visual-arts .card {
border-bottom: 4px solid #00E676; }
.card-collector.section-visual-arts .card h5.card-subtitle a {
color: #00E676 !important; }
.card-collector.section-visual-arts .card h5.card-subtitle a:hover {
color: #69F0AE !important; }
.collection-title-wrapper .small {
font-size: 75%; }
.collection-wrapper:after {
content: "";
display: table;
clear: both; }
@media only screen and (max-width: 1550px) {
.card-collector {
width: 1240px;
margin: 0 auto; } }
@media only screen and (max-width: 1239px) {
.card-collector {
width: 930px;
margin: 0 auto; } }
@media only screen and (max-width: 929px) {
.card-collector {
width: 621px;
margin: 0 auto; } }
@media only screen and (max-width: 621px) {
.card-collector {
width: 300px;
margin: 0 auto; } }
.card .card-data {
background-color: #3E4551;
color: #fff;
text-align: center;
height: auto;
padding: 10px; }
.card .card-data ul {
margin-bottom: 0;
font-size: 0.9rem; }
.card .card-data ul li {
display: inline; }
.card .card-data ul li .fa-clock-o {
margin-left: 10px; }
.card .card-data ul a {
color: #fff; }
.card .card-data ul a .fa {
margin-left: 5px;
margin-right: 3px; }
.card .rating {
color: #ffa000; }
.card .btn-action {
margin: -23px 20px;
margin-left: auto;
background-color: #4B515D;
height: 47px;
width: 47px;
line-height: 0; }
.card .btn-action .fa,
.card .btn-action .material-icons {
font-size: 18px;
margin-top: 5px; }
.card .card-review {
margin-top: -1px;
background-color: #000;
color: #fff;
padding: 50px 20px 20px 20px; }
.card .card-review ul {
margin-bottom: 0;
font-size: 0.9rem; }
.card .card-review ul li {
display: inline; }
.card .card-review ul a {
color: #fff; }
.card .card-review ul a .fa {
margin-left: 5px;
margin-right: 3px; }
.card .activator {
position: absolute;
top: 0;
right: 0;
padding: 1rem;
margin-right: 10px;
font-size: 1.2rem;
color: #000; }
.card .card-reveal {
position: absolute;
background-color: #fff;
width: 100%;
overflow-y: auto;
top: 100%;
height: 100%;
z-index: 1;
display: none;
padding: 1rem; }
.card .card-reveal .card-title {
cursor: pointer; }
.card .card-reveal .card-title i {
color: #9e9e9e;
position: absolute;
right: 10px; }
.card .card-reveal .content {
position: relative; }
.card .card-reveal .content h4 {
margin-top: 20px;
margin-bottom: 15px; }
.card .card-reveal .content h5 {
font-size: 17px;
font-size: 1.0625rem;
margin-top: 10px; }
.card .card-reveal a {
display: block;
background-color: #f6f7f9;
color: #4b4f56 !important;
padding: 5px;
font-size: 12px;
border-radius: 3px;
text-transform: lowercase;
width: auto;
font-size: 14px;
margin: 3px auto 6px auto; }
.card .card-reveal a:hover {
background-color: #dddfe2;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.card .card-reveal .hash-topics-list-wrapper a {
display: inline-block;
float: left;
margin: 6px 6px 6px 6px;
color: #4b4f56 !important;
width: 45%; }
.card .card-reveal .hash-topics-list-wrapper:after {
content: "";
display: table;
clear: both; }
.card .card-share {
position: relative; }
.card .card-share .social-reveal {
position: absolute;
top: -28px;
right: 30px;
visibility: hidden;
width: auto;
transform: translateZ(0);
transform: translateX(0px);
transition: transform 0.35s ease; }
.card .card-share .social-reveal .btn-floating {
margin: 0.3rem; }
.card .card-share .social-reveal-active {
z-index: 11;
visibility: visible;
/*z-index: 3;*/
transform: translateZ(0);
transform: translateX(-48px);
transition: transform 0.35s ease; }
.card.ovf-hidden {
overflow: hidden; }
/**************************************************************************
8. MODALS, TIPS & POPUPS
**************************************************************************/
/* COUNTERACT EXISTING MOPTWO CSS */
.modal-content p {
font-family: "Roboto",sans-serif; }
.modal-content p a {
font-family: Roboto, sans-serif;
color: #8c8c8c;
text-decoration: none;
word-break: normal;
white-space: normal;
white-space: normal;
white-space: normal;
white-space: normal;
white-space: normal;
white-space: normal;
white-space: normal;
word-wrap: normal;
overflow-wrap: normal; }
.modal-content p p {
font-family: "Roboto",sans-serif; }
/* ADD ARTICLE LINK MODAL */
#modal-article {
/* surrounding tag container */
/* core styles usually need no change */
/* hide original input field or textarea visually to allow tab navigation */
/* hide IE10 "clear field" X */
/* tag style */
/* delete icon */
/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */ }
#modal-article .pane-wrapper {
content: "";
display: table;
clear: both;
width: 100%; }
#modal-article .pane {
height: inherit;
overflow: hidden;
bottom: 0;
top: 0;
width: 50%;
height: auto;
min-height: 350px; }
#modal-article .left.pane {
background: #fff;
float: left; }
#modal-article .left.pane .article-content {
max-width: 96%; }
#modal-article .meta-item {
width: auto;
padding: 0px 25px 0px; }
#modal-article .meta-item .modal-subtitle {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
clear: both;
color: #555;
font-size: 1em;
font-weight: bold;
margin: 0;
padding: 6px 6px 6px 0; }
#modal-article .meta-item #comment {
min-height: 120px;
box-shadow: none;
box-sizing: border-box;
color: #333;
cursor: auto;
display: inline-block;
font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
font-size: 14px;
font-stretch: normal;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #f6f6f6;
border: 1px solid #eaeaea;
background-color: #f6f6f6 !important;
border-radius: 4px;
box-shadow: none;
font-weight: normal;
padding: 14px;
position: relative;
vertical-align: top;
overflow: hidden;
display: inline-block;
width: 100%; }
#modal-article .meta-item textarea#comment::-webkit-input-placeholder {
color: #CCC; }
#modal-article .meta-item textarea#comment:-moz-placeholder {
color: #CCC; }
#modal-article .meta-item textarea#comment::-moz-placeholder {
color: #CCC; }
#modal-article .meta-item textarea#comment:-ms-input-placeholder {
color: #CCC; }
#modal-article .meta-item.gray {
border-top: 1px solid #eee;
background: #fafafa; }
#modal-article h3.modal-title {
color: #555;
font-size: 1.4em;
font-weight: bold;
margin: 0;
padding: 6px 6px 6px 22px;
letter-spacing: normal; }
#modal-article .right.pane {
position: relative;
float: right;
border-left: 1px solid #e5e5e5; }
#modal-article .right.pane .modal-title {
color: #555;
font-size: 1.1em;
font-weight: bold;
margin: 0;
padding: 6px 6px 6px 22px;
letter-spacing: normal; }
#modal-article .close {
font-size: 32px; }
#modal-article .article-content .summary h4 {
padding-top: 12px;
font-size: 12px;
font-size: 0.75rem;
text-align: left;
font-weight: bold;
margin: 12px auto; }
#modal-article .article-content .summary h4 a {
color: #585858;
font-weight: 400;
font-size: 1rem;
line-height: 1.4em;
word-break: normal;
white-space: normal;
white-space: -normal;
white-space: -o-normal;
white-space: -moz-normal;
white-space: -hp-normal;
word-wrap: normal;
overflow-wrap: normal; }
#modal-article .article-content .summary h4 a:hover {
background-color: rgba(0, 188, 212, 0.24); }
#modal-article .article-content .summary h4 .editable-click {
text-decoration: none;
border-bottom: none !important; }
#modal-article .article-content .summary p {
font-size: 12px;
line-height: 1.4;
font-weight: 300;
text-align: left; }
#modal-article .article-content .summary p > a {
word-break: normal;
white-space: normal;
white-space: normal;
white-space: normal;
white-space: -normal;
white-space: -o-normal;
white-space: -moz-normal;
white-space: -hp-normal;
word-wrap: normal;
overflow-wrap: normal; }
#modal-article .article-content .summary p > a .editable-click {
text-decoration: none;
border-bottom: none !important; }
#modal-article .article-content .summary p > a:hover {
background-color: rgba(0, 188, 212, 0.24); }
#modal-article .article-content .summary .editable-buttons {
display: block;
vertical-align: top;
margin-left: 0px;
zoom: 1; }
#modal-article .article-content .summary .input-fullwidth {
width: 262px; }
#modal-article .article-content .summary .glyphicon.glyphicon-pencil {
color: #9E9E9E;
font-size: 12px !important;
margin-left: 6px; }
#modal-article .article-content .summary .save-to-fb-wrapper {
font-size: 13px;
font-size: 0.8125rem;
padding-left: 12px;
/* Hover and focus states */
/* Checked state */
/* Hover state whilst checked */
/* Disabled state */
/* Check mark */
/* Show check mark */
/* Checkbox tick */
/* Disabled tick colour */
/* Radio button inner circle */
/* Disabled circle colour */
/*input{
margin-left: 22px;
}
label{
color: #555555;
padding-left:3px;
font-weight: 400;
a.btn{
display: inline-block;
color: #fff;
position: relative;
overflow: hidden;
z-index: 1;
width: 24px;
height: 24px;
line-height: 24px;
padding: 0;
background-color: #a6c;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
transition: .3s;
cursor: pointer;
vertical-align: middle;
margin: 10px 10px 10px 3px;
box-shadow: none !important;
i{
font-size: 1rem;
line-height: inherit;
}
}
.fa-facebook-f:before, .fa-facebook:before {
content: "\f09a";
color: #fff;
}
}*/ }
#modal-article .article-content .summary .save-to-fb-wrapper .control-group {
display: inline-block;
font-size: 14px;
position: relative;
display: block;
margin-bottom: 9px;
padding-left: 20px;
text-align: left;
vertical-align: top;
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
color: 500; }
#modal-article .article-content .summary .save-to-fb-wrapper .control {
position: relative;
display: block;
margin-bottom: 15px;
padding-left: 24px;
cursor: pointer; }
#modal-article .article-content .summary .save-to-fb-wrapper .control a.btn {
display: inline-block;
color: #fff;
position: relative;
overflow: hidden;
z-index: 1;
width: 24px;
height: 24px;
line-height: 24px;
padding: 0;
background-color: #a6c;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
transition: .3s;
cursor: pointer;
vertical-align: middle;
margin: 0 0 0 4px;
box-shadow: none !important; }
#modal-article .article-content .summary .save-to-fb-wrapper .control a.btn i {
font-size: 1rem;
line-height: inherit; }
#modal-article .article-content .summary .save-to-fb-wrapper .control input {
position: absolute;
z-index: -1;
opacity: 0; }
#modal-article .article-content .summary .save-to-fb-wrapper .control__indicator {
position: absolute;
top: 2px;
left: 0;
width: 20px;
height: 20px;
background: #e6e6e6; }
#modal-article .article-content .summary .save-to-fb-wrapper .control--radio .control__indicator {
border-radius: 50%; }
#modal-article .article-content .summary .save-to-fb-wrapper .control:hover input ~ .control__indicator,
#modal-article .article-content .summary .save-to-fb-wrapper .control input:focus ~ .control__indicator {
background: #ccc; }
#modal-article .article-content .summary .save-to-fb-wrapper .control input:checked ~ .control__indicator {
background: #4CAF50; }
#modal-article .article-content .summary .save-to-fb-wrapper .control:hover input:not([disabled]):checked ~ .control__indicator,
#modal-article .article-content .summary .save-to-fb-wrapper .control input:checked:focus ~ .control__indicator {
background: #4CAF50; }
#modal-article .article-content .summary .save-to-fb-wrapper .control input:disabled ~ .control__indicator {
pointer-events: none;
opacity: .6;
background: #e6e6e6; }
#modal-article .article-content .summary .save-to-fb-wrapper .control__indicator:after {
position: absolute;
display: none;
content: ''; }
#modal-article .article-content .summary .save-to-fb-wrapper .control input:checked ~ .control__indicator:after {
display: block; }
#modal-article .article-content .summary .save-to-fb-wrapper .control--checkbox .control__indicator:after {
top: 4px;
left: 8px;
width: 6px;
height: 10px;
transform: rotate(45deg);
border: solid #fff;
border-width: 0 2px 2px 0; }
#modal-article .article-content .summary .save-to-fb-wrapper .control--checkbox input:disabled ~ .control__indicator:after {
border-color: #7b7b7b; }
#modal-article .article-content .summary .save-to-fb-wrapper .control--radio .control__indicator:after {
top: 7px;
left: 7px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #fff; }
#modal-article .article-content .summary .save-to-fb-wrapper .control--radio input:disabled ~ .control__indicator:after {
background: #7b7b7b; }
#modal-article .article-content .summary .save-to-fb-wrapper label {
font-size: .96rem !important;
color: #9e9e9e !important;
font-weight: 400 !important; }
#modal-article .article-content .summary p .editable-click,
#modal-article .article-content .summary p a.editable-click,
#modal-article .article-content .summary p a.editable-click:hover {
border-bottom: dashed 0px #00BCD4;
color: #555; }
#modal-article .custom-meta .tt-input {
box-shadow: none;
box-sizing: border-box;
color: #333;
cursor: auto;
display: inline-block;
font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
font-size: 14px;
font-stretch: normal;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #f6f6f6;
border: 1px solid #eaeaea;
background-color: #f6f6f6 !important;
border-radius: 4px;
box-shadow: none;
font-weight: normal;
padding: 14px;
position: relative;
vertical-align: top;
overflow: hidden;
display: inline-block;
width: 100%; }
#modal-article .hashbrown {
list-style-type: none;
padding: 0 5px 0 0;
margin: 0;
overflow: hidden;
background: #f6f6f6;
border: 1px solid #eaeaea;
background-color: #f6f6f6 !important;
cursor: text;
font: normal 14px sans-serif;
color: #555;
line-height: 20px; }
#modal-article .custom-meta .tt-input::-webkit-input-placeholder {
color: #B3B3B3; }
#modal-article .custom-meta .tt-input::-moz-placeholder {
color: #B3B3B3; }
#modal-article .custom-meta .tt-input:-ms-input-placeholder {
color: #B3B3B3; }
#modal-article .custom-meta .tt-input:-moz-placeholder {
color: #B3B3B3; }
#modal-article .hashbrown {
list-style-type: none;
padding: 0 5px 0 0;
margin: 0;
overflow: hidden;
border: 1px solid #eee;
cursor: text;
font: normal 14px sans-serif;
color: #555;
background: #fff;
line-height: 20px; }
#modal-article .hashbrown li {
display: block;
float: left;
overflow: hidden;
margin: 6px 0; }
#modal-article .hashbrown div {
float: left;
padding: 0 4px; }
#modal-article .hashbrown .placeholder {
padding: 0 8px;
color: #bbb; }
#modal-article .hashbrown .hashbrown-spacer {
padding: 0;
width: 8px;
overflow: hidden;
color: transparent;
background: none; }
#modal-article .hashbrown input {
vertical-align: inherit;
border: 0;
outline: none;
padding: 0;
margin: 0;
cursor: text;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
font-style: inherit;
box-shadow: none;
background: none;
color: #444; }
#modal-article .hashbrown-hidden-src {
position: absolute !important;
left: -99999px; }
#modal-article .hashbrown::-ms-clear {
display: none; }
#modal-article .hashbrown .hashbrown-tag {
padding-left: 5px;
color: #46799b;
background: #e0eaf1;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
border-radius: 2px 0 0 2px; }
#modal-article .hashbrown .hashbrown-delete {
background: #e0eaf1;
cursor: pointer;
border-radius: 0 2px 2px 0;
padding-left: 3px;
padding-right: 4px; }
#modal-article .hashbrown .hashbrown-delete i {
line-height: 18px;
display: inline-block; }
#modal-article .hashbrown .hashbrown-delete i:before {
font-size: 16px;
color: #8ba7ba;
content: "x";
font-style: normal; }
#modal-article .hashbrown .hashbrown-delete:hover i:before {
color: #d65454; }
#modal-article .hashbrown .hashbrown-tag.active + .hashbrown-delete,
#modal-article .hashbrown .hashbrown-tag.active + .hashbrown-delete i {
visibility: hidden;
cursor: text; }
#modal-article .hashbrown .hashbrown-tag.active {
background: none !important; }
#modal-article .custom-meta .tt-input {
box-shadow: none;
box-sizing: border-box;
color: #333333;
cursor: auto;
display: inline-block;
font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
font-size: 14px;
font-stretch: normal;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #f6f6f6;
border: 1px solid #eaeaea;
background-color: #f6f6f6 !important;
border-radius: 4px;
box-shadow: none;
font-weight: normal;
padding: 14px;
position: relative;
vertical-align: top;
overflow: hidden;
display: inline-block;
width: 100%; }
#modal-article .hashbrown {
list-style-type: none;
padding: 0 5px 0 0;
margin: 0;
overflow: hidden;
background: #f6f6f6;
border: 1px solid #eaeaea;
background-color: #f6f6f6 !important;
cursor: text;
font: normal 14px sans-serif;
color: #555;
line-height: 20px; }
#modal-article .custom-meta .tt-input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #B3B3B3; }
#modal-article .custom-meta .tt-input::-moz-placeholder {
/* Firefox 19+ */
color: #B3B3B3; }
#modal-article .custom-meta .tt-input:-ms-input-placeholder {
/* IE 10+ */
color: #B3B3B3; }
#modal-article .custom-meta .tt-input:-moz-placeholder {
/* Firefox 18- */
color: #B3B3B3; }
#modal-article .hashbrown {
list-style-type: none;
padding: 0 5px 0 0;
margin: 0;
overflow: hidden;
border: 1px solid #eee;
cursor: text;
font: normal 14px sans-serif;
color: #555;
background: #fff;
line-height: 20px; }
#modal-article .hashbrown li {
display: block;
float: left;
overflow: hidden;
margin: 6px 0; }
#modal-article .hashbrown div {
float: left;
padding: 0 4px; }
#modal-article .hashbrown .placeholder {
padding: 0 8px;
color: #bbb; }
#modal-article .hashbrown .hashbrown-spacer {
padding: 0;
width: 8px;
overflow: hidden;
color: transparent;
background: none; }
#modal-article .hashbrown input {
vertical-align: inherit;
border: 0;
outline: none;
padding: 0;
margin: 0;
cursor: text;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
font-style: inherit;
box-shadow: none;
background: none;
color: #444; }
#modal-article .hashbrown-hidden-src {
position: absolute !important;
left: -99999px; }
#modal-article .hashbrown ::-ms-clear {
display: none; }
#modal-article .hashbrown .hashbrown-tag {
padding-left: 5px;
color: #46799b;
background: #e0eaf1;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
border-radius: 2px 0 0 2px; }
#modal-article .hashbrown .hashbrown-delete {
background: #e0eaf1;
cursor: pointer;
border-radius: 0 2px 2px 0;
padding-left: 3px;
padding-right: 4px; }
#modal-article .hashbrown .hashbrown-delete i {
line-height: 18px;
display: inline-block; }
#modal-article .hashbrown .hashbrown-delete i:before {
font-size: 16px;
color: #8ba7ba;
content: "x";
font-style: normal; }
#modal-article .hashbrown .hashbrown-delete:hover i:before {
color: #d65454; }
#modal-article .hashbrown .hashbrown-tag.active + .hashbrown-delete,
#modal-article .hashbrown .hashbrown-tag.active + .hashbrown-delete i {
visibility: hidden;
cursor: text; }
#modal-article .hashbrown .hashbrown-tag.active {
background: none !important; }
#modal-article .ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
font-size: 14px; }
#modal-article .ui-front {
z-index: 9999; }
#modal-article .ui-menu {
list-style: none;
padding: 1px;
margin: 0;
display: block;
outline: none; }
#modal-article .ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.4;
min-height: 0;
/* support: IE7 */ }
#modal-article .ui-widget-content {
border: 1px solid #bbb;
background: #fff;
color: #555; }
#modal-article .ui-widget-content a {
color: #46799b; }
#modal-article .ui-widget-content .ui-state-hover, #modal-article .ui-widget-header .ui-state-hover, #modal-article .ui-state-focus, #modal-article .ui-widget-content .ui-state-focus, #modal-article .ui-widget-header .ui-state-focus {
background: #e0eaf1; }
#modal-article .ui-helper-hidden-accessible {
display: none; }
#modal-article span.twitter-typeahead .tt-menu, #modal-article span.twitter-typeahead .tt-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: #ffffff;
border: 1px solid #cccccc;
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; }
#modal-article span.twitter-typeahead .tt-suggestion {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap; }
#modal-article span.twitter-typeahead .tt-suggestion.tt-cursor, #modal-article span.twitter-typeahead .tt-suggestion:hover, #modal-article span.twitter-typeahead .tt-suggestion:focus {
color: #ffffff;
text-decoration: none;
outline: 0;
background-color: #337ab7; }
#modal-article .input-group.input-group-lg span.twitter-typeahead .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px; }
#modal-article .input-group.input-group-sm span.twitter-typeahead .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
#modal-article span.twitter-typeahead {
width: 100%; }
#modal-article .input-group span.twitter-typeahead {
display: block !important;
height: 34px; }
#modal-article .input-group span.twitter-typeahead .tt-menu, #modal-article .input-group span.twitter-typeahead .tt-dropdown-menu {
top: 32px !important; }
#modal-article .input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
border-radius: 0; }
#modal-article .input-group span.twitter-typeahead:first-child .form-control {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
#modal-article .input-group span.twitter-typeahead:last-child .form-control {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
#modal-article .input-group.input-group-sm span.twitter-typeahead {
height: 30px; }
#modal-article .input-group.input-group-sm span.twitter-typeahead .tt-menu, #modal-article .input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
top: 30px !important; }
#modal-article .input-group.input-group-lg span.twitter-typeahead {
height: 46px; }
#modal-article .input-group.input-group-lg span.twitter-typeahead .tt-menu, #modal-article .input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
top: 46px !important; }
#modal-article .tt-highlight {
font-weight: bold;
font-style: underline; }
#modal-article .select-thumb-title {
color: #555;
font-size: 1em;
font-weight: bold;
margin: 0;
padding: 3px 0px 0px 0;
text-align: center; }
#modal-article .thumb_actions {
text-align: center; }
#modal-article .preview .removeThumb, #modal-article .preview .refreshThumb {
position: absolute;
color: #D5D5D5;
top: 8px;
right: 0px;
background-color: transparent;
border: 0px;
font-size: .80em;
text-shadow: 0px 1px 1px #000; }
#modal-article .preview .removeThumb:hover, #modal-article .preview .refreshThumb:hover {
color: #fff; }
#modal-article .preview .removeThumb span, #modal-article .preview .refreshThumb span {
font-size: .86em;
color: #9E9E9E; }
#modal-article .preview .removeThumb span .startNumber, #modal-article .preview .refreshThumb span .startNumber {
font-style: normal !important; }
#modal-article .preview {
width: 100%; }
#modal-article .preview img {
max-width: 273px; }
#modal-article .preview .refreshThumb {
font-size: 1em;
color: #03A9F4;
text-shadow: 0px 0px 0px #000; }
#modal-article .thumb_actions span {
font-size: .86em !important;
color: #9E9E9E; }
#modal-article .startNumber {
font-style: normal !important; }
#modal-article .btn-xs {
padding: 2px 8px !important;
font-size: .7em;
line-height: 1.5; }
#modal-article .topic-wrapper {
margin-top: 12px; }
#modal-article .topic-wrapper .left {
float: left;
width: 32px; }
#modal-article .topic-wrapper .glyphicon {
font-size: 30px;
margin-top: 6px; }
#modal-article .topic-wrapper .right {
float: right;
width: 190px; }
#modal-article .topic-wrapper:after {
content: "";
display: table;
clear: both; }
#modal-article .overlay-content {
text-align: center; }
#modal-article .overlay-content .topics-list {
text-align: left;
margin: auto;
max-width: 100rem; }
@media (min-width: 900px) {
#modal-article .topics-list {
padding-left: 2.48832rem !important;
padding-right: 2.48832rem !important; }
#modal-article .topics-list ul li {
display: inline-block;
width: 33%;
font-size: 1.1em;
font-weight: 500; }
#modal-article .topics-list ul li a {
color: #fff; } }
#modal-expanded-view .modal-dialog {
width: 96%;
max-width: 980px; }
#modal-expanded-view .modal-dialog .branding img {
max-width: 100px; }
#modal-expanded-view .modal-dialog .title-article {
font-size: 17px;
font-size: 1.0625rem;
margin-top: 12px; }
#modal-expanded-view .modal-dialog .title-article a {
color: #333333; }
#modal-expanded-view .modal-dialog .title-article a span {
color: #039be5;
white-space: nowrap;
font-weight: 400; }
#modal-expanded-view .modal-dialog a.title-src {
font-size: 17px;
font-size: 1.0625rem;
color: #333333;
text-decoration: none;
word-break: normal;
white-space: normal;
overflow-wrap: normal; }
#modal-expanded-view .modal-dialog a.title-src .small {
font-size: 13px;
font-size: 0.8125rem;
display: inline-block;
margin-left: 12px;
color: #2196F3;
white-space: nowrap; }
#modal-expanded-view .modal-dialog p.article-excerpt {
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.4;
font-weight: 300;
margin-top: 6px; }
#modal-expanded-view .modal-dialog .comment-item {
min-height: 120px;
box-shadow: none;
box-sizing: border-box;
color: #333;
cursor: auto;
display: inline-block;
font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
font-size: 14px;
font-size: 0.875rem;
font-stretch: normal;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-shadow: none;
font-weight: normal;
position: relative;
vertical-align: top;
overflow: hidden;
display: inline-block;
width: 100%; }
#modal-expanded-view .modal-dialog .comment-item:after {
content: "";
display: table;
clear: both; }
#modal-expanded-view .modal-dialog .comment-item .comment-left {
float: left;
width: 100px; }
#modal-expanded-view .modal-dialog .comment-item .comment-left .img-square {
max-width: 100px !important;
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.18), 0 4px 7px 0 rgba(0, 0, 0, 0.15); }
#modal-expanded-view .modal-dialog .comment-item .comment-heading {
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.3em;
padding-right: 24px;
font-weight: 500;
padding: 0px 24px 6px 20px; }
#modal-expanded-view .modal-dialog .comment-item .comment-body {
float: left;
width: calc(100% - 110px); }
#modal-expanded-view .modal-dialog .comment-item .comment-body p {
font-size: 14px;
font-size: 0.875rem;
margin-top: 0;
margin-bottom: 1rem;
padding-left: 20px;
line-height: 1.3em;
font-weight: normal; }
#modal-expanded-view .modal-dialog .comment-item .comment-body ul {
padding-left: 20px;
margin-bottom: 0; }
#modal-expanded-view .modal-dialog textarea.visitor-comment {
background: #f6f6f6;
border: 1px solid #eaeaea;
background-color: #f6f6f6 !important;
border-radius: 4px;
padding: 8px;
min-height: 80px; }
#modal-expanded-view .hash-topics-list {
list-style: none;
padding-left: 0px; }
#modal-expanded-view .hash-topics-list:after {
content: "";
display: table;
clear: both;
width: 100%; }
#modal-expanded-view .hash-topics-list li {
float: left;
@inlcude font-size(1.4);
color: #1a2e3b;
font-weight: 600;
margin-top: .625rem;
margin-right: .625rem; }
#modal-expanded-view .hash-topics-list a {
font-weight: normal;
cursor: pointer;
text-decoration: none;
color: #1a2e3b;
border-color: #eef1f2;
background-color: #eef1f2;
/* padding: 6px; */
min-width: 4.25rem;
min-height: 1.875rem;
padding: 0 .625rem;
line-height: 2.14286;
font-size: .875rem;
/*margin: 0 0 .5rem;*/
position: relative;
display: inline-block; }
#modal-expanded-view .hash-topics-list a:hover {
color: #1a2e3b;
border-color: #e3e8e9;
background-color: #e3e8e9; }
#modal-expanded-view .hash-topics-list .hash-topics-label {
font-size: 13px;
font-size: 0.8125rem;
font-weight: 500; }
#modal-expanded-view .social-shares .btn-floating {
margin: 4px; }
#modal-expanded-view .social-shares p {
font-size: 15px;
font-size: 0.9375rem;
font-weight: 600;
margin-top: 26px; }
#modal-expanded-view .social-shares ul {
padding-left: 0px; }
#modal-expanded-view .saved-meta {
font-size: 12px;
font-size: 0.75rem;
color: #555; }
#modal-expanded-view .save-to-topic {
display: none; }
#modal-expanded-view .save-to-topic .modal-subtitle {
font-size: 1rem;
line-height: 1.4em;
text-align: left;
font-weight: 500;
color: grey; }
#modal-expanded-view .topic-wrapper {
display: none; }
#modal-expanded-view .topic-wrapper .left {
float: left;
width: 15%;
text-align: right;
padding-right: 12px; }
#modal-expanded-view .topic-wrapper .left .glyphicon {
font-size: 30px;
margin-top: 8px; }
#modal-expanded-view .topic-wrapper .right {
float: right;
width: 85%;
padding-right: 40px; }
#modal-expanded-view .save-link-checkbox label {
font-size: 17px;
font-size: 1.0625rem;
color: #555; }
#modal-expanded-view .save-to-wall-wrapper {
font-size: 13px;
font-size: 0.8125rem;
padding-left: 12px;
/* Hover and focus states */
/* Checked state */
/* Hover state whilst checked */
/* Disabled state */
/* Check mark */
/* Show check mark */
/* Checkbox tick */
/* Disabled tick colour */
/* Radio button inner circle */
/* Disabled circle colour */ }
#modal-expanded-view .save-to-wall-wrapper .control-group {
display: inline-block;
font-size: 14px;
position: relative;
display: block;
margin-bottom: 9px;
padding-left: 20px;
text-align: left;
vertical-align: top;
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
color: 500; }
#modal-expanded-view .save-to-wall-wrapper .control {
position: relative;
display: block;
margin-bottom: 15px;
padding-left: 24px;
cursor: pointer; }
#modal-expanded-view .save-to-wall-wrapper .control a.btn {
display: inline-block;
color: #fff;
position: relative;
overflow: hidden;
z-index: 1;
width: 24px;
height: 24px;
line-height: 24px;
padding: 0;
background-color: #a6c;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
transition: .3s;
cursor: pointer;
vertical-align: middle;
margin: 0 0 0 4px;
box-shadow: none !important; }
#modal-expanded-view .save-to-wall-wrapper .control a.btn i {
font-size: 1rem;
line-height: inherit; }
#modal-expanded-view .save-to-wall-wrapper .control input {
position: absolute;
z-index: -1;
opacity: 0; }
#modal-expanded-view .save-to-wall-wrapper .control__indicator {
position: absolute;
top: 2px;
left: 0;
width: 20px;
height: 20px;
background: #e6e6e6; }
#modal-expanded-view .save-to-wall-wrapper .control--radio .control__indicator {
border-radius: 50%; }
#modal-expanded-view .save-to-wall-wrapper .control:hover input ~ .control__indicator,
#modal-expanded-view .save-to-wall-wrapper .control input:focus ~ .control__indicator {
background: #ccc; }
#modal-expanded-view .save-to-wall-wrapper .control input:checked ~ .control__indicator {
background: #4CAF50; }
#modal-expanded-view .save-to-wall-wrapper .control:hover input:not([disabled]):checked ~ .control__indicator,
#modal-expanded-view .save-to-wall-wrapper .control input:checked:focus ~ .control__indicator {
background: #4CAF50; }
#modal-expanded-view .save-to-wall-wrapper .control input:disabled ~ .control__indicator {
pointer-events: none;
opacity: .6;
background: #e6e6e6; }
#modal-expanded-view .save-to-wall-wrapper .control__indicator:after {
position: absolute;
display: none;
content: ''; }
#modal-expanded-view .save-to-wall-wrapper .control input:checked ~ .control__indicator:after {
display: block; }
#modal-expanded-view .save-to-wall-wrapper .control--checkbox .control__indicator:after {
top: 4px;
left: 8px;
width: 6px;
height: 10px;
transform: rotate(45deg);
border: solid #fff;
border-width: 0 2px 2px 0; }
#modal-expanded-view .save-to-wall-wrapper .control--checkbox input:disabled ~ .control__indicator:after {
border-color: #818181; }
#modal-expanded-view .save-to-wall-wrapper .control--radio .control__indicator:after {
top: 7px;
left: 7px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #fff; }
#modal-expanded-view .save-to-wall-wrapper .control--radio input:disabled ~ .control__indicator:after {
background: #7b7b7b; }
#modal-expanded-view .save-to-wall-wrapper label {
font-size: 17px;
font-size: 1.0625rem;
color: #818181 !important;
font-weight: 400 !important; }
#modal-expanded-view .close {
font-size: 28px; }
#modal-expanded-view .modal-footer {
padding: 6px 15px; }
/**************************************************************************
9. ANIMATIONS & EFFECTS
**************************************************************************/
/* SRC: Animate.css - http://daneden.me/animate */
.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.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); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 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); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 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); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 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); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 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, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 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(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.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(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 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; }
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0; }
to {
background-position: 0 0; } }
.progress {
display: flex;
overflow: hidden;
font-size: 0.75rem;
line-height: 1rem;
text-align: center;
background-color: #F1F3F8; }
.progress-bar {
height: 1rem;
color: #fff;
background-color: #20a8d8; }
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem; }
.progress-bar-animated {
animation: progress-bar-stripes 1s linear infinite; }
.progress-xs {
height: 4px; }
.progress-sm {
height: 8px; }
.progress-white {
background-color: rgba(255, 255, 255, 0.2) !important; }
.progress-white .progress-bar {
background-color: #fff; }
/*LOADING BAR AND PACE */
#loading-bar,
#loading-bar-spinner {
-webkit-pointer-events: none;
pointer-events: none;
-moz-transition: 350ms linear all;
-o-transition: 350ms linear all;
-webkit-transition: 350ms linear all;
transition: 350ms linear all; }
#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
opacity: 0; }
#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
opacity: 1; }
#loading-bar .bar {
position: fixed;
top: 0;
left: 0;
z-index: 20002;
width: 100%;
height: 2px;
background: #20a8d8;
border-top-right-radius: 1px;
border-bottom-right-radius: 1px;
-moz-transition: width 350ms;
-o-transition: width 350ms;
-webkit-transition: width 350ms;
transition: width 350ms; }
#loading-bar .peg {
position: absolute;
top: 0;
right: 0;
width: 70px;
height: 2px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-box-shadow: #29d 1px 0 6px 1px;
-ms-box-shadow: #29d 1px 0 6px 1px;
-webkit-box-shadow: #29d 1px 0 6px 1px;
box-shadow: #29d 1px 0 6px 1px;
opacity: .45; }
#loading-bar-spinner {
position: fixed;
top: 10px;
left: 10px;
z-index: 10002;
display: block; }
#loading-bar-spinner .spinner-icon {
width: 14px;
height: 14px;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-moz-animation: loading-bar-spinner 400ms linear infinite;
-ms-animation: loading-bar-spinner 400ms linear infinite;
-o-animation: loading-bar-spinner 400ms linear infinite;
-webkit-animation: loading-bar-spinner 400ms linear infinite;
animation: loading-bar-spinner 400ms linear infinite; }
@-webkit-keyframes loading-bar-spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-moz-keyframes loading-bar-spinner {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg); } }
@-o-keyframes loading-bar-spinner {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
@-ms-keyframes loading-bar-spinner {
0% {
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes loading-bar-spinner {
0% {
transform: rotate(0deg);
transform: rotate(0deg); }
100% {
transform: rotate(360deg);
transform: rotate(360deg); } }
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none; }
.pace-inactive {
display: none; }
.pace .pace-progress {
position: fixed;
top: 0;
right: 100%;
z-index: 2000;
width: 100%;
height: 2px;
background: #20a8d8; }
.view {
overflow: hidden;
position: relative;
cursor: default; }
.view .mask,
.view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0; }
.view img {
display: block;
position: relative; }
.overlay:hover .mask {
opacity: 1; }
.overlay img {
transition: all 0.2s linear; }
.overlay .mask {
opacity: 0;
transition: all 0.4s ease-in-out; }
.pattern-1 {
background: url(../img/overlays/01.png); }
.pattern-2 {
background: url(../img/overlays/02.png); }
.pattern-3 {
background: url(../img/overlays/03.png); }
.pattern-4 {
background: url(../img/overlays/04.png); }
.pattern-5 {
background: url(../img/overlays/05.png); }
.pattern-6 {
background: url(../img/overlays/06.png); }
.pattern-7 {
background: url(../img/overlays/07.png); }
.pattern-8 {
background: url(../img/overlays/08.png); }
.pattern-9 {
background: url(../img/overlays/09.png); }
.hm-blue-light .mask {
background-color: rgba(3, 169, 244, 0.3); }
.hm-red-light .mask {
background-color: rgba(244, 67, 54, 0.3); }
.hm-pink-light .mask {
background-color: rgba(233, 30, 99, 0.3); }
.hm-purple-light .mask {
background-color: rgba(156, 39, 176, 0.3); }
.hm-indigo-light .mask {
background-color: rgba(63, 81, 181, 0.3); }
.hm-cyan-light .mask {
background-color: rgba(0, 188, 212, 0.3); }
.hm-teal-light .mask {
background-color: rgba(0, 150, 136, 0.3); }
.hm-green-light .mask {
background-color: rgba(76, 175, 80, 0.3); }
.hm-lime-light .mask {
background-color: rgba(205, 220, 57, 0.3); }
.hm-yellow-light .mask {
background-color: rgba(255, 235, 59, 0.3); }
.hm-orange-light .mask {
background-color: rgba(255, 152, 0, 0.3); }
.hm-brown-light .mask {
background-color: rgba(121, 85, 72, 0.3); }
.hm-grey-light .mask {
background-color: rgba(158, 158, 158, 0.3); }
.hm-bluegrey-light .mask {
background-color: rgba(96, 125, 139, 0.3); }
.hm-black-light .mask {
background-color: rgba(0, 0, 0, 0.3); }
.hm-stylish-light .mask {
background-color: rgba(62, 69, 81, 0.3); }
.hm-white-light .mask {
background-color: rgba(255, 255, 255, 0.3); }
.hm-blue-strong .mask {
background-color: rgba(3, 169, 244, 0.7); }
.hm-red-strong .mask {
background-color: rgba(244, 67, 54, 0.7); }
.hm-pink-strong .mask {
background-color: rgba(233, 30, 99, 0.7); }
.hm-purple-strong .mask {
background-color: rgba(156, 39, 176, 0.7); }
.hm-indigo-strong .mask {
background-color: rgba(63, 81, 181, 0.7); }
.hm-cyan-strong .mask {
background-color: rgba(0, 188, 212, 0.7); }
.hm-teal-strong .mask {
background-color: rgba(0, 150, 136, 0.7); }
.hm-green-strong .mask {
background-color: rgba(76, 175, 80, 0.7); }
.hm-lime-strong .mask {
background-color: rgba(205, 220, 57, 0.7); }
.hm-yellow-strong .mask {
background-color: rgba(255, 235, 59, 0.7); }
.hm-orange-strong .mask {
background-color: rgba(255, 152, 0, 0.7); }
.hm-brown-strong .mask {
background-color: rgba(121, 85, 72, 0.7); }
.hm-grey-strong .mask {
background-color: rgba(158, 158, 158, 0.7); }
.hm-bluegrey-strong .mask {
background-color: rgba(96, 125, 139, 0.7); }
.hm-black-strong .mask {
background-color: rgba(0, 0, 0, 0.7); }
.hm-stylish-strong .mask {
background-color: rgba(62, 69, 81, 0.7); }
.hm-white-strong .mask {
background-color: rgba(255, 255, 255, 0.7); }
.hm-blue-slight .mask {
background-color: rgba(3, 169, 244, 0.1); }
.hm-red-slight .mask {
background-color: rgba(244, 67, 54, 0.1); }
.hm-pink-slight .mask {
background-color: rgba(233, 30, 99, 0.1); }
.hm-purple-slight .mask {
background-color: rgba(156, 39, 176, 0.1); }
.hm-indigo-slight .mask {
background-color: rgba(63, 81, 181, 0.1); }
.hm-cyan-slight .mask {
background-color: rgba(0, 188, 212, 0.1); }
.hm-teal-slight .mask {
background-color: rgba(0, 150, 136, 0.1); }
.hm-green-slight .mask {
background-color: rgba(76, 175, 80, 0.1); }
.hm-lime-slight .mask {
background-color: rgba(205, 220, 57, 0.1); }
.hm-yellow-slight .mask {
background-color: rgba(255, 235, 59, 0.1); }
.hm-orange-slight .mask {
background-color: rgba(255, 152, 0, 0.1); }
.hm-brown-slight .mask {
background-color: rgba(121, 85, 72, 0.1); }
.hm-grey-slight .mask {
background-color: rgba(158, 158, 158, 0.1); }
.hm-bluegrey-slight .mask {
background-color: rgba(96, 125, 139, 0.1); }
.hm-black-slight .mask {
background-color: rgba(0, 0, 0, 0.1); }
.hm-stylish-slight .mask {
background-color: rgba(62, 69, 81, 0.1); }
.hm-white-slight .mask {
background-color: rgba(255, 255, 255, 0.1); }
.hm-zoom img {
transition: all 0.2s linear; }
.hm-zoom:hover img {
transform: scale(1.1); }
.hm-zoom:hover .mask {
opacity: 1; }
/*!
* Waves v0.6.0
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
* Released under the MIT license
* https://github.com/fians/Waves/blob/master/LICENSE
*/
.waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
will-change: opacity, transform;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.waves-effect .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
pointer-events: none; }
.waves-effect.waves-light .waves-ripple {
background-color: rgba(255, 255, 255, 0.45); }
.waves-effect.waves-red .waves-ripple {
background-color: rgba(244, 67, 54, 0.7); }
.waves-effect.waves-yellow .waves-ripple {
background-color: rgba(255, 235, 59, 0.7); }
.waves-effect.waves-orange .waves-ripple {
background-color: rgba(255, 152, 0, 0.7); }
.waves-effect.waves-purple .waves-ripple {
background-color: rgba(156, 39, 176, 0.7); }
.waves-effect.waves-green .waves-ripple {
background-color: rgba(76, 175, 80, 0.7); }
.waves-effect.waves-teal .waves-ripple {
background-color: rgba(0, 150, 136, 0.7); }
.waves-notransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important; }
.waves-circle {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }
.waves-input-wrapper {
border-radius: 0.2em;
vertical-align: bottom; }
.waves-input-wrapper .waves-button-input {
position: relative;
top: 0;
left: 0;
z-index: 1; }
.waves-circle {
text-align: center;
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
border-radius: 50%;
-webkit-mask-image: none; }
.waves-block {
display: block; }
/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
z-index: -1; }
/**************************************************************************
10. FORMS
**************************************************************************/
::-webkit-input-placeholder {
color: #d1d1d1; }
:-moz-placeholder {
/* Firefox 18- */
color: #d1d1d1; }
::-moz-placeholder {
/* Firefox 19+ */
color: #d1d1d1; }
:-ms-input-placeholder {
color: #d1d1d1; }
input[type=text],
input[type=password], che input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search-md],
textarea.moptu-textarea {
background-color: transparent;
border: none;
border-bottom: 1px solid #9e9e9e;
border-radius: 0;
outline: none;
height: 3rem;
width: 100%;
font-size: 1rem;
margin: 0 0 15px 0;
padding: 0;
box-shadow: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
transition: all .3s; }
input[type=text]:disabled, input[type=text][readonly="readonly"],
input[type=password]:disabled,
input[type=password][readonly="readonly"], che input[type=email]:disabled, che input[type=email][readonly="readonly"],
input[type=url]:disabled,
input[type=url][readonly="readonly"],
input[type=time]:disabled,
input[type=time][readonly="readonly"],
input[type=date]:disabled,
input[type=date][readonly="readonly"],
input[type=datetime-local]:disabled,
input[type=datetime-local][readonly="readonly"],
input[type=tel]:disabled,
input[type=tel][readonly="readonly"],
input[type=number]:disabled,
input[type=number][readonly="readonly"],
input[type=search-md]:disabled,
input[type=search-md][readonly="readonly"],
textarea.moptu-textarea:disabled,
textarea.moptu-textarea[readonly="readonly"] {
color: rgba(0, 0, 0, 0.26);
border-bottom: 1px dotted rgba(0, 0, 0, 0.26); }
input[type=text]:disabled + label,
input[type=text][readonly="readonly"] + label,
input[type=password]:disabled + label,
input[type=password][readonly="readonly"] + label, che input[type=email]:disabled + label,
che input[type=email][readonly="readonly"] + label,
input[type=url]:disabled + label,
input[type=url][readonly="readonly"] + label,
input[type=time]:disabled + label,
input[type=time][readonly="readonly"] + label,
input[type=date]:disabled + label,
input[type=date][readonly="readonly"] + label,
input[type=datetime-local]:disabled + label,
input[type=datetime-local][readonly="readonly"] + label,
input[type=tel]:disabled + label,
input[type=tel][readonly="readonly"] + label,
input[type=number]:disabled + label,
input[type=number][readonly="readonly"] + label,
input[type=search-md]:disabled + label,
input[type=search-md][readonly="readonly"] + label,
textarea.moptu-textarea:disabled + label,
textarea.moptu-textarea[readonly="readonly"] + label {
color: rgba(0, 0, 0, 0.26); }
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]), che input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
textarea.moptu-textarea:focus:not([readonly]) {
border-bottom: 1px solid #4285F4;
box-shadow: 0 1px 0 0 #4285F4; }
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label, che input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search-md]:focus:not([readonly]) + label,
textarea.moptu-textarea:focus:not([readonly]) + label {
color: #4285F4; }
input[type=text].valid, input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid, che input[type=email].valid, che input[type=email]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search-md].valid,
input[type=search-md]:focus.valid,
textarea.moptu-textarea.valid,
textarea.moptu-textarea:focus.valid {
border-bottom: 1px solid #00C851;
box-shadow: 0 1px 0 0 #00C851; }
input[type=text].valid + label:after,
input[type=text]:focus.valid + label:after,
input[type=password].valid + label:after,
input[type=password]:focus.valid + label:after, che input[type=email].valid + label:after,
che input[type=email]:focus.valid + label:after,
input[type=url].valid + label:after,
input[type=url]:focus.valid + label:after,
input[type=time].valid + label:after,
input[type=time]:focus.valid + label:after,
input[type=date].valid + label:after,
input[type=date]:focus.valid + label:after,
input[type=datetime-local].valid + label:after,
input[type=datetime-local]:focus.valid + label:after,
input[type=tel].valid + label:after,
input[type=tel]:focus.valid + label:after,
input[type=number].valid + label:after,
input[type=number]:focus.valid + label:after,
input[type=search-md].valid + label:after,
input[type=search-md]:focus.valid + label:after,
textarea.moptu-textarea.valid + label:after,
textarea.moptu-textarea:focus.valid + label:after {
content: attr(data-success);
color: #00C851;
opacity: 1; }
input[type=text].invalid, input[type=text]:focus.invalid,
input[type=password].invalid,
input[type=password]:focus.invalid, che input[type=email].invalid, che input[type=email]:focus.invalid,
input[type=url].invalid,
input[type=url]:focus.invalid,
input[type=time].invalid,
input[type=time]:focus.invalid,
input[type=date].invalid,
input[type=date]:focus.invalid,
input[type=datetime-local].invalid,
input[type=datetime-local]:focus.invalid,
input[type=tel].invalid,
input[type=tel]:focus.invalid,
input[type=number].invalid,
input[type=number]:focus.invalid,
input[type=search-md].invalid,
input[type=search-md]:focus.invalid,
textarea.moptu-textarea.invalid,
textarea.moptu-textarea:focus.invalid {
border-bottom: 1px solid color("red", "base");
box-shadow: 0 1px 0 0 color("red", "base"); }
input[type=text].invalid + label:after,
input[type=text]:focus.invalid + label:after,
input[type=password].invalid + label:after,
input[type=password]:focus.invalid + label:after, che input[type=email].invalid + label:after,
che input[type=email]:focus.invalid + label:after,
input[type=url].invalid + label:after,
input[type=url]:focus.invalid + label:after,
input[type=time].invalid + label:after,
input[type=time]:focus.invalid + label:after,
input[type=date].invalid + label:after,
input[type=date]:focus.invalid + label:after,
input[type=datetime-local].invalid + label:after,
input[type=datetime-local]:focus.invalid + label:after,
input[type=tel].invalid + label:after,
input[type=tel]:focus.invalid + label:after,
input[type=number].invalid + label:after,
input[type=number]:focus.invalid + label:after,
input[type=search-md].invalid + label:after,
input[type=search-md]:focus.invalid + label:after,
textarea.moptu-textarea.invalid + label:after,
textarea.moptu-textarea:focus.invalid + label:after {
content: attr(data-error);
color: color("red", "base");
opacity: 1; }
input[type=text] + label:after,
input[type=password] + label:after, che input[type=email] + label:after,
input[type=url] + label:after,
input[type=time] + label:after,
input[type=date] + label:after,
input[type=datetime-local] + label:after,
input[type=tel] + label:after,
input[type=number] + label:after,
input[type=search-md] + label:after,
textarea.moptu-textarea + label:after {
display: block;
content: "";
position: absolute;
top: 65px;
opacity: 0;
transition: .2s opacity ease-out, .2s color ease-out; }
select:focus {
outline: 1px solid white; }
button:focus {
outline: none;
background-color: #b375d1; }
label {
font-size: 0.8rem;
color: #9e9e9e; }
.input-field {
position: relative;
margin-top: 1rem; }
.input-field label {
color: #9e9e9e;
position: absolute;
top: 0.8rem;
left: 0.75rem;
font-size: 1rem;
cursor: text;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
transition: 0.2s ease-out; }
.input-field label.active {
font-size: 0.8rem;
-webkit-transform: translateY(-140%);
-moz-transform: translateY(-140%);
-ms-transform: translateY(-140%);
-o-transform: translateY(-140%);
transform: translateY(-140%); }
.input-field .prefix {
position: absolute;
width: 3rem;
font-size: 2rem;
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
-o-transition: color 0.2s;
-ms-transition: color 0.2s;
transition: color 0.2s; }
.input-field .prefix.active {
color: #4285F4; }
.input-field .prefix ~ input,
.input-field .prefix ~ textarea {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem); }
.input-field .prefix ~ textarea {
padding-top: .8rem; }
.input-field .prefix ~ label {
margin-left: 3rem; }
@media only screen and (max-width: 992px) {
.input-field .prefix ~ input {
width: 86%;
width: calc(100% - 3rem); } }
@media only screen and (max-width: 600px) {
.input-field .prefix ~ input {
width: 80%;
width: calc(100% - 3rem); } }
.input-field input[type=search-md] {
display: block;
line-height: inherit;
padding-left: 4rem;
width: calc(100% - 4rem); }
.input-field input[type=search-md]:focus {
background-color: #fff;
border: 0;
box-shadow: none;
color: #444; }
.input-field input[type=search-md]:focus + label i,
.input-field input[type=search-md]:focus ~ .mdi-navigation-close {
color: #444; }
.input-field input[type=search-md] + label {
left: 1rem; }
.input-field input[type=search-md] ~ .mdi-navigation-close {
position: absolute;
top: 0;
right: 1rem;
color: transparent;
cursor: pointer;
font-size: 2rem;
transition: .3s color; }
textarea {
width: 100%;
height: 3rem;
background-color: transparent; }
textarea.moptu-textarea {
overflow-y: hidden;
/* prevents scroll bar flash */
padding: 1.6rem 0;
/* prevents text jump on Enter keypress */
resize: none;
min-height: 3rem; }
.hiddendiv {
display: none;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
/* future version of deprecated 'word-wrap' */
padding-top: 1.2rem;
/* prevents text jump on Enter keypress */ }
select::-ms-expand {
border: none;
background: #fff; }
.mdl-checkbox {
position: relative;
z-index: 1;
vertical-align: middle;
display: inline-block;
box-sizing: border-box;
width: 100%;
height: 24px;
margin: 0;
padding: 0; }
.mdl-checkbox.is-upgraded {
padding-left: 24px; }
.mdl-checkbox__input {
line-height: 24px; }
.mdl-checkbox.is-upgraded .mdl-checkbox__input {
position: absolute;
width: 0;
height: 0;
margin: 0;
padding: 0;
opacity: 0;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none; }
.mdl-checkbox__box-outline {
position: absolute;
top: 3px;
left: 0;
display: inline-block;
box-sizing: border-box;
width: 16px;
height: 16px;
margin: 0;
cursor: pointer;
overflow: hidden;
border: 2px solid rgba(0, 0, 0, 0.54);
border-radius: 2px;
z-index: 2; }
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
border: 2px solid #3f51b5; }
fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
border: 2px solid rgba(0, 0, 0, 0.26);
cursor: auto; }
.mdl-checkbox__focus-helper {
position: absolute;
top: 3px;
left: 0;
display: inline-block;
box-sizing: border-box;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: transparent; }
.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
background-color: rgba(0, 0, 0, 0.1); }
.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
box-shadow: 0 0 0px 8px rgba(63, 81, 181, 0.26);
background-color: rgba(63, 81, 181, 0.26); }
.mdl-checkbox__tick-outline {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
background: transparent;
transition-duration: 0.28s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: background; }
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
background: #3f51b5 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }
fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
background: rgba(0, 0, 0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }
.mdl-checkbox__label {
position: relative;
cursor: pointer;
font-size: 16px;
line-height: 24px;
margin: 0; }
fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
.mdl-checkbox.is-disabled .mdl-checkbox__label {
color: rgba(0, 0, 0, 0.26);
cursor: auto; }
.mdl-checkbox__ripple-container {
position: absolute;
z-index: 2;
top: -6px;
left: -10px;
box-sizing: border-box;
width: 36px;
height: 36px;
border-radius: 50%;
cursor: pointer;
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
.mdl-checkbox__ripple-container .mdl-ripple {
background: #3f51b5; }
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
cursor: auto; }
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
background: transparent; }
/**************************************************************************
11. SECTIONS & PANELS
**************************************************************************/
/**************************************************************************
12. BACKGROUNDS & BORDERS
**************************************************************************/
/**************************************************************************
13. CAROUSEL & SLIDERS - Topic sliders and Loaded Topic Carousels
**************************************************************************/
/*
* Topic Filters - Owl Carousel
*/
.topic-filters-wrapper {
/* No Js */
/*.owl-carousel .topic-slide.selected a:before {
color: inherit;
font-size: 1em !important;
}*/ }
.topic-filters-wrapper .inner-wrapper {
padding-top: 8px;
padding-right: 10px;
/*compensate for scrollbar */ }
.topic-filters-wrapper .owl-carousel {
display: none;
width: 100%;
width: 100vw;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
/*
* Owl Carousel - Animate Plugin
*/
/*
* Owl Carousel - Auto Height Plugin
*/
/*
* Owl Carousel - Lazy Load Plugin
*/
/*
* Owl Carousel - Video Plugin
*/ }
.topic-filters-wrapper .owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
margin-bottom: 10px; }
.topic-filters-wrapper .owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.topic-filters-wrapper .owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
margin-left: 40px;
margin-right: 40px; }
.topic-filters-wrapper .owl-carousel .topic-slides {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.topic-filters-wrapper .owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.topic-filters-wrapper .owl-carousel .owl-item img {
display: block;
width: 100%; }
.topic-filters-wrapper .owl-carousel .owl-nav.disabled {
display: none; }
.topic-filters-wrapper .owl-carousel .owl-dots.disabled {
display: none; }
.topic-filters-wrapper .owl-carousel .owl-nav .owl-prev, .topic-filters-wrapper .owl-carousel .owl-nav .owl-next, .topic-filters-wrapper .owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transform: translate3d(0, 0, 0); }
.topic-filters-wrapper .owl-carousel.owl-loaded {
display: block; }
.topic-filters-wrapper .owl-carousel.owl-loading {
opacity: 0;
display: block; }
.topic-filters-wrapper .owl-carousel.owl-hidden {
opacity: 0; }
.topic-filters-wrapper .owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.topic-filters-wrapper .owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.topic-filters-wrapper .owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.topic-filters-wrapper .owl-carousel.owl-rtl {
direction: rtl; }
.topic-filters-wrapper .owl-carousel.owl-rtl .owl-item {
float: right; }
.topic-filters-wrapper .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.topic-filters-wrapper .owl-carousel .owl-animated-in {
z-index: 0; }
.topic-filters-wrapper .owl-carousel .owl-animated-out {
z-index: 1; }
.topic-filters-wrapper .owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.topic-filters-wrapper .owl-carousel .owl-height {
transition: height 500ms ease-in-out; }
.topic-filters-wrapper .owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.topic-filters-wrapper .owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
.topic-filters-wrapper .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.topic-filters-wrapper .owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.topic-filters-wrapper .owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.topic-filters-wrapper .owl-carousel .owl-video-playing .owl-video-tn,
.topic-filters-wrapper .owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.topic-filters-wrapper .owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.topic-filters-wrapper .owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
.topic-filters-wrapper .no-js .owl-carousel {
display: block; }
.topic-filters-wrapper .owl-carousel {
margin: 0;
/*KLUDGE ALERT! Fix for space issue with last slide*/ }
.topic-filters-wrapper .owl-carousel .owl-stage {
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: box; }
.topic-filters-wrapper .owl-carousel .owl-nav [class*=owl-] {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.9);
font-size: 11px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 0;
text-align: center; }
.topic-filters-wrapper .owl-carousel .owl-nav [class*=owl-]:hover {
background: rgba(0, 0, 0, 0.9);
color: #FFF; }
.topic-filters-wrapper .owl-carousel .owl-prev, .topic-filters-wrapper .owl-carousel .owl-next {
position: absolute;
top: 10px;
height: 30px;
margin: auto !important; }
.topic-filters-wrapper .owl-carousel .owl-prev {
left: 10px; }
.topic-filters-wrapper .owl-carousel .owl-next {
right: 10px; }
.topic-filters-wrapper .owl-carousel .owl-dots {
display: none !important; }
.topic-filters-wrapper .owl-carousel .owl-item a {
color: #fff;
word-break: normal !important;
font-size: 13px;
font-size: 0.8125rem; }
.topic-filters-wrapper .owl-carousel .owl-item a:hover {
color: #235984; }
.topic-filters-wrapper .owl-carousel .owl-item [data-type="toggler"] a {
text-transform: uppercase;
/*font-weight: 700;*/ }
.topic-filters-wrapper .owl-carousel .owl-item > div:first-of-type {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
border-radius: 3px;
padding: 6px 12px; }
.topic-filters-wrapper .owl-carousel .owl-item > div:first-of-type:hover {
transition: box-shadow .45s;
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1), 0 3px 8px 0 rgba(0, 0, 0, 0.12); }
.topic-filters-wrapper .owl-carousel .owl-nav [class*=owl-] {
background-color: transparent !important; }
.topic-filters-wrapper .owl-carousel .owl-nav .owl-prev.disabled {
display: none; }
.topic-filters-wrapper .owl-carousel .owl-nav .owl-prev {
font-size: 1.3em;
height: 36px;
top: 0px;
left: 40px;
line-height: 36px;
width: 40px;
color: #2f3c42;
background: #fff;
/* Old browsers */
background: -moz-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='rgba(255, 255, 255, 0)',GradientType=1 );
/* IE6-9 */ }
.topic-filters-wrapper .owl-carousel .owl-nav .owl-prev:hover {
color: #2f3c42;
background: -moz-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='rgba(255, 255, 255, 0)',GradientType=1 );
/* IE6-9 */ }
.topic-filters-wrapper .owl-carousel .owl-nav .owl-prev .fa.fa-chevron-left {
margin-left: -60px; }
.topic-filters-wrapper .owl-carousel .owl-nav .owl-next {
font-size: 1.3em;
height: 36px;
top: 0px;
right: 40px;
line-height: 36px;
width: 40px;
color: #2f3c42;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
background: -webkit-linear-gradient(left, #fff 0%, #fff 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0)', endColorstr='#fff',GradientType=1 ); }
.topic-filters-wrapper .owl-carousel .owl-nav .owl-next:hover {
color: #2f3c42;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
background: -webkit-linear-gradient(left, #fff 0%, #fff 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0)', endColorstr='#fff',GradientType=1 ); }
.topic-filters-wrapper .owl-carousel .owl-nav .owl-next .fa.fa-chevron-right {
margin-left: 40px; }
.topic-filters-wrapper .owl-carousel .topic-slide.selected a:before {
color: inherit;
font-size: 1.1rem;
font-family: 'Material Design Icons';
content: "\F12C"; }
.topic-filters-wrapper .owl-carousel .topic-slide.disabled {
background-color: #dadada !important;
color: #a5a3a3 !important; }
.topic-filters-wrapper .owl-carousel .topic-slide-spacer {
width: 20px;
margin-right: 20px;
height: 0px;
background-color: transparent;
display: inline-block; }
.topic-filters-wrapper .owl-carousel [data-category="-1"] {
background-color: #D50000 !important; }
.topic-filters-wrapper .owl-carousel [data-category="24"] {
background-color: #c51162 !important; }
.topic-filters-wrapper .owl-carousel [data-category="7"] {
background-color: #aa00ff !important; }
.topic-filters-wrapper .owl-carousel [data-category="17"] {
background-color: #6200ea !important; }
.topic-filters-wrapper .owl-carousel [data-category="19"] {
background-color: #3f51b5 !important; }
.topic-filters-wrapper .owl-carousel [data-category="18"] {
background-color: #2962FF !important; }
.topic-filters-wrapper .owl-carousel [data-category="16"] {
background-color: #0091ea !important; }
.topic-filters-wrapper .owl-carousel [data-category="10"] {
background-color: #00b8d4 !important; }
.topic-filters-wrapper .owl-carousel [data-category="3"] {
background-color: #00bfa5 !important; }
.topic-filters-wrapper .owl-carousel [data-category="21"] {
background-color: #00C853 !important; }
.topic-filters-wrapper .owl-carousel [data-category="9"] {
background-color: #64dd17 !important; }
.topic-filters-wrapper .owl-carousel [data-category="11"] {
background-color: #ffd600 !important; }
.topic-filters-wrapper .owl-carousel [data-category="23"] {
background-color: #ffab00 !important; }
.topic-filters-wrapper .owl-carousel [data-category="8"] {
background-color: #ff6d00 !important; }
.topic-filters-wrapper .owl-carousel [data-category="25"] {
background-color: #dd2c00 !important; }
.topic-filters-wrapper .owl-carousel [data-category="12"] {
background-color: #880e4f !important; }
.topic-filters-wrapper .owl-carousel [data-category="15"] {
background-color: #4a148c !important; }
.topic-filters-wrapper .owl-carousel [data-category="14"] {
background-color: #1a237e !important; }
.topic-filters-wrapper .owl-carousel [data-category="1"] {
background-color: #0D47A1 !important; }
.topic-filters-wrapper .owl-carousel [data-category="22"] {
background-color: #006064 !important; }
.topic-filters-wrapper .owl-carousel [data-category="2"] {
background-color: #004d40 !important; }
.topic-filters-wrapper .owl-carousel [data-category="11"] {
background-color: #1B5E20 !important; }
.topic-filters-wrapper .owl-carousel [data-category="20"] {
background-color: #827717 !important; }
.topic-filters-wrapper .owl-carousel [data-category="10"] {
background-color: #827717 !important; }
.topic-filters-wrapper .owl-carousel [data-category="5"] {
background-color: #e65100 !important; }
.topic-filters-wrapper .owl-carousel [data-category="-3"] {
background-color: #009688 !important; }
.topic-filters-wrapper .owl-carousel [data-category="13"] {
background-color: #2196F3 !important; }
.topic-filters-wrapper .owl-carousel [data-category="4"] {
background-color: #00E676 !important; }
.topic-filters-wrapper .owl-carousel .topic-slide a:hover {
color: #fff; }
.topic-filters-wrapper .topics-slides {
-webkit-transform-style: preserve-3d;
/*Prevent Jumps!!!*/
padding-top: 10px;
/*height: 55px;
max-height: 60px;*/
display: block; }
.topic-filters-wrapper .owl-carousel .owl-nav .owl-prev .fa.fa-chevron-left {
margin-left: -80px; }
.topic-filters-wrapper .owl-carousel .owl-nav .owl-next .fa.fa-chevron-right {
margin-left: 50px; }
.topic-filters-wrapper .owl-carousel .owl-nav .owl-next {
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
background: -webkit-linear-gradient(left, #fff 0%, #fff 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0)', endColorstr='#fff', GradientType=1 ); }
.topic-filters-wrapper .owl-carousel .owl-nav .owl-prev {
background: -moz-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='rgba(255, 255, 255, 0)', GradientType=1 ); }
.topic-filters-wrapper .owl-carousel .topic-slide.selected a:before {
font-size: 0px !important;
content: ""; }
.topic-filters-wrapper .topic-slide a::-moz-focus-inner {
border: 0; }
.topic-filters-wrapper .selected-item {
margin-bottom: 6px; }
.topic-filters-wrapper .selected-item a:hover {
background-color: #00BCD4;
color: #fff;
border: 1px solid #00BCD4;
cursor: move; }
.topic-filters-wrapper .selected-item a:active {
background-color: #00BCD4;
color: #fff;
border: 1px solid #00BCD4;
cursor: move; }
.topic-filters-wrapper .selected-topics {
display: block;
margin-left: 40px;
min-height: 36px;
/*margin-left: 140px;*/ }
.topic-filters-wrapper .selected-topics strong {
font-weight: 500;
color: #3f4652;
font-size: .86em; }
.topic-filters-wrapper .selected-topics .topic-slide.selected {
background-color: #fff !important;
width: auto;
display: inline-block;
font-size: .86rem; }
.topic-filters-wrapper .selected-topics .topic-slide.selected a {
padding: 3px;
color: #2598f3;
background: #fff; }
.topic-filters-wrapper .selected-topics .topic-slide.selected a:after {
content: ", "; }
.topic-filters-wrapper .selected-item a {
font-size: .76em;
letter-spacing: -.1px;
padding: 3px;
border: 1px solid #ccc;
color: #555;
word-break: normal !important; }
.topic-filters-wrapper .default-item a {
font-size: .76em;
letter-spacing: -.1px;
padding: 3px;
border: 1px solid #ccc;
color: #555; }
.topic-filters-wrapper [draggable] {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
/* Required to make elements draggable in old WebKit */
-khtml-user-drag: element;
-webkit-user-drag: element; }
.topic-filters-wrapper .selected-item.dragElem {
/*opacity: 0.4;*/ }
.topic-filters-wrapper .selected-item.over:before {
/*border-left: 2px solid #f8424d;*/
color: #f8424d;
font-family: "Material Design Icons";
content: "\F045"; }
.topic-filters-wrapper .selected-topics {
padding-right: 32px; }
.topic-filters-wrapper .selected-topics:after {
display: block;
content: "";
clear: both; }
.topic-filters-wrapper .breadboxes {
width: calc(100% - 200px) !important;
word-break: normal !important; }
.topic-filters-wrapper .selected-topics .breadboxes:after {
display: block;
content: "";
clear: both; }
.topic-filters-wrapper .selected-topics .breadboxes-people {
width: auto; }
.topic-filters-wrapper .selected-topics .breadboxes-people .people-label {
margin-right: 6px;
font-size: 12px;
font-size: 0.75rem;
letter-spacing: -.1px;
padding: 3px; }
.topic-filters-wrapper .showPeople {
display: inline-block; }
@media only screen and (max-width: 667px) {
.topic-filters-wrapper .breadboxes {
width: 100% !important; }
.topic-filters-wrapper .breadboxes .list-inline li:first-child {
display: block !important;
width: 100% !important; }
.topic-filters-wrapper .breadboxes-people {
float: none !important;
margin: 0 22px !important;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
width: 100% !important;
position: relative; }
.topic-filters-wrapper .people-label {
float: none !important;
display: inline-block;
height: 30px; }
.topic-filters-wrapper .onoffswitch {
float: none !important;
display: inline-block;
height: 30px; } }
/*
* Owl Carousel - Loaded Topic Sections Via AJAX
*/
.card-collector {
/* No Js */ }
.card-collector .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
/*.owl-carousel {
position: relative;
z-index: 1;
overflow: hidden;
min-width: 0;
max-width: 100%;
@include flexbox();
@include flex-flow(column wrap);
flex-grow:1;
overflow-x: hidden;
min-width: 0;
.owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
margin-bottom: 10px;
&after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
}
.owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
margin-left:40px;
margin-right:40px;
}*/
/*
* Owl Carousel - Animate Plugin
*/
/*
* Owl Carousel - Auto Height Plugin
*/
/*
* Owl Carousel - Lazy Load Plugin
*/
/*
* Owl Carousel - Video Plugin
*/ }
.card-collector .owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
margin-bottom: 10px; }
.card-collector .owl-carousel .owl-stageafter {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.card-collector .owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
margin-left: 40px;
margin-right: 40px; }
.card-collector .owl-carousel .owl-item {
margin: 0 auto !important;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative; }
.card-collector .owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.card-collector .owl-carousel .owl-item img {
display: block;
width: 100%;
max-height: 100%;
height: 100%; }
.card-collector .owl-carousel .owl-nav.disabled,
.card-collector .owl-carousel .owl-dots.disabled {
display: none; }
.card-collector .owl-carousel .owl-nav .owl-prev, .card-collector .owl-carousel .owl-nav .owl-next, .card-collector .owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.card-collector .owl-carousel.owl-loaded {
display: block; }
.card-collector .owl-carousel.owl-loading {
opacity: 0;
display: block; }
.card-collector .owl-carousel.owl-hidden {
opacity: 0; }
.card-collector .owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.card-collector .owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.card-collector .owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.card-collector .owl-carousel.owl-rtl {
direction: rtl; }
.card-collector .owl-carousel.owl-rtl .owl-item {
float: right; }
.card-collector .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.card-collector .owl-carousel .owl-animated-in {
z-index: 0; }
.card-collector .owl-carousel .owl-animated-out {
z-index: 1; }
.card-collector .owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.card-collector .owl-carousel .owl-height {
transition: height 500ms ease-in-out; }
.card-collector .owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.card-collector .owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
.card-collector .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.card-collector .owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.card-collector .owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.card-collector .owl-carousel .owl-video-playing .owl-video-tn,
.card-collector .owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.card-collector .owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.card-collector .owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
.card-collector .no-js .owl-carousel {
display: block; }
.card-collector .owl-carousel {
margin: 0;
width: 100vw;
width: 100%; }
.card-collector .owl-carousel .owl-stage {
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: box; }
.card-collector .owl-carousel .owl-nav [class*=owl-] {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.9);
font-size: 11px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 0;
text-align: center; }
.card-collector .owl-carousel .owl-nav [class*=owl-]:hover {
background: rgba(0, 0, 0, 0.9);
color: #FFF; }
.card-collector .owl-carousel .owl-prev, .card-collector .owl-carousel .owl-next {
position: absolute;
top: 10px;
height: 30px;
margin: auto !important; }
.card-collector .owl-carousel .owl-prev {
left: 10px; }
.card-collector .owl-carousel .owl-next {
right: 10px; }
.card-collector .owl-carousel .owl-dots {
display: none !important; }
.card-collector .owl-carousel.owl-drag .owl-item {
/*-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #B0BEC5;
text-align: center;
border-radius: 3px;
padding: 6px 12px;*/
/* color: #fff; */ }
.card-collector .owl-carousel .owl-item a {
color: #fff;
word-break: normal !important;
font-size: 13px;
font-size: 0.8125rem; }
.card-collector .owl-carousel .owl-item a:hover {
color: #235984; }
.card-collector .owl-carousel .owl-item [data-type="toggler"] a {
text-transform: uppercase;
/*font-weight: 700;*/ }
.card-collector .owl-carousel .owl-item > div:first-of-type {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/*background-color: #fff;
text-align: center;
border-radius: 3px;
padding: 0px;
&:hover{
transition: box-shadow .45s;
box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1), 0 3px 8px 0 rgba(0,0,0,0.12);
}*/ }
.card-collector .owl-carousel .owl-nav [class*=owl-] {
background-color: transparent !important; }
.card-collector .owl-carousel .owl-nav .owl-prev.disabled {
display: none; }
.card-collector .owl-carousel .owl-nav .owl-next.disabled {
display: none; }
.card-collector .owl-carousel .owl-nav .owl-prev {
font-size: 3.2em;
top: 46%;
height: 36px;
left: 0;
line-height: 36px;
width: 40px;
color: #2f3c42; }
.card-collector .owl-carousel .owl-nav .owl-prev:hover {
color: #2f3c42; }
.card-collector .owl-carousel .owl-nav .owl-prev .fa.fa-chevron-left {
margin-left: -60px; }
.card-collector .owl-carousel .owl-nav .owl-next {
font-size: 1.3em;
height: 36px;
top: 0px;
right: 40px;
line-height: 36px;
width: 40px;
color: #2f3c42; }
.card-collector .owl-carousel .owl-nav .owl-next:hover {
color: #2f3c42; }
.card-collector .owl-carousel .owl-nav .owl-next .fa.fa-chevron-right {
/*margin-left:40px;*/ }
.card-collector .owl-carousel .topic-slide.selected a:before {
color: inherit;
font-size: 1.1rem;
font-family: 'Material Design Icons';
content: "\F12C"; }
.card-collector .carousel-custom-actions {
/*@include self-align(baseline);
@include font-size(2);
a{
color: #3E4551;
display: inline-block;
@include font-size(2);
@include transition (0.4s);
font-family: "Material Design Icons";
&:hover {
color: $color-light-blue-darker;
@include transition (0.4s);
}
}*/
display: none; }
.card-collector .owl-stage-outer {
margin-left: 0px !important;
margin-right: 0px !important; }
.card-collector .card-collector .owl-carousel .owl-item > div:first-of-type {
padding: 0px !important; }
.card-collector .owl-carousel .owl-nav .owl-next {
font-size: 3.2em;
height: 36px;
top: 46%;
right: -32px;
line-height: 36px;
width: 40px;
color: #2f3c42;
background-color: transparent !important;
background: transparent !important;
background: transparent !important;
filter: none; }
.ie-flex-stage-fix {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
margin-bottom: 1.25rem;
position: relative; }
@media only screen and (max-width: 1307px) {
.card-collector .owl-carousel .owl-nav .owl-next {
right: -22px; }
.card-collector .owl-carousel .owl-nav .owl-prev {
left: 14px; } }
@media only screen and (max-width: 929px) {
.card-collector .owl-carousel .owl-nav .owl-next {
right: -36px; }
.card-collector .owl-carousel .owl-nav .owl-prev {
left: 0px; } }
/**************************************************************************
14. ALERTS & WARNINGS
**************************************************************************/