html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html {
-webkit-font-smoothing: antialiased;
}
body {
line-height: 1;
}
.ie8 body {
min-width: 980px;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
} .center {
text-align: center;
}
.hidden {
display: none;
visibility: hidden;
}
.clear {
clear: both;
}
.nobr {
white-space: nowrap;
} .fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
} .clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
} .one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth {
position: relative;
margin-right: 4%;
float: left;
min-height: 1px;
height: auto !important;
height: 1px;
}
.one-half {
width: 48%;
}
.one-third {
width: 30.6666%;
}
.two-third {
width: 65.3332%;
}
.one-fourth {
width: 22%;
}
.two-fourth {
width: 48%;
}
.three-fourth {
width: 74%;
}
.one-fifth {
width: 16.8%;
}
.two-fifth {
width: 37.6%;
}
.three-fifth {
width: 58.4%;
}
.four-fifth {
width: 79.2%;
}
.one-sixth {
width: 13.3333%;
}
.two-sixth {
width: 30.6666%;
}
.three-sixth {
width: 47.9998%;
}
.four-sixth {
width: 65.3332%;
}
.five-sixth {
width: 82.6665%;
}
.last {
margin-right: 0 !important;
clear: right;
}
.one-half .one-half {
margin-right: 8.3333%;
width: 45.8333%;
}
.one-half .one-third {
margin-right: 8.3333%;
width: 27.7778%;
}
.one-half .two-third {
margin-right: 8.3333%;
width: 63.8889%;
}
.two-third .one-third {
margin-right: 6.1224%;
width: 29.2517%;
}
.two-third .two-third {
margin-right: 6.1224%;
width: 64.6258%;
}
.two-third .one-fourth {
margin-right: 6.1224%;
width: 20.4082%;
} body,
label,
input,
button,
select,
textarea {
font: 14px Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: normal;
line-height: 20px;
color: #444444;
}
body {
-webkit-text-size-adjust: none;
background-color: #dddddd;
} a {
text-decoration: none;
outline: none;
color: #18a3d3;
}
a:hover,
a:active {
text-decoration: none;
color: #1380a5;
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
transition: color 0.1s linear;
}
a i {
text-decoration: none !important;
} ::-moz-selection {
background: #18a3d3;
color: #fff;
color: rgba(255, 255, 255, 0.85);
text-shadow: none;
}
::selection {
background: #18a3d3;
color: #fff;
color: rgba(255, 255, 255, 0.85);
text-shadow: none;
} #page {
position: relative;
}
.wrapper {
overflow: hidden;
background-color: #ffffff;
-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
}
.boxed .wrapper {
max-width: 1140px;
margin: 0 auto;
}
#feature,
#main {
margin-top: 30px;
}
#feature.full-width {
margin-top: 0 !important;
}
#main {
margin-bottom: 30px;
} .wide #page,
#feature.full-width .inner {
max-width: none;
margin: 0 !important;
} #feature.flex .inner,
#feature.nivo .inner {
padding-bottom: 60px;
border-bottom: 1px solid #d9d9d9;
} .inner,
.left-sidebar,
.right-sidebar,
.inner-html {
max-width: 1040px;
margin: 0 auto;
}
.left-sidebar .inner,
.right-sidebar .inner {
max-width: auto;
margin: 0;
}
#primary {
position: relative;
float: left;
width: 100%;
}
#secondary {
position: relative;
width: 240px;
margin-top: 0px;
}
.left-sidebar #primary {
float: right;
margin: 0 0 0 -280px;
}
.left-sidebar #content {
margin: 0 0 0 280px;
}
.left-sidebar #secondary {
float: left;
}
.right-sidebar #primary {
float: left;
margin: 0 -280px 0 0;
}
.right-sidebar #content {
margin: 0 280px 0 0;
}
.right-sidebar #secondary {
float: right;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family: RobotoCondensed, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-rendering: optimizelegibility;
}
hr {
border: 0;
height: 1px;
margin-bottom: 20px;
background-color: #d9d9d9;
} p {
margin-bottom: 15px;
}
ul,
ol {
margin: 0 0 15px 25px;
}
ul {
list-style: square;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
}
dl {
margin: 0 18px;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 18px;
}
strong {
font-weight: bold;
}
cite,
em,
i {
font-style: italic;
}
blockquote {
font-style: italic;
font-weight: normal;
margin-bottom: 20px;
padding: 15px 20px 5px 20px !important;
border-left: 3px solid #18a3d3;
background-color: #fafafa;
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote cite {
font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: bold;
color: #444444;
}
blockquote.alignleft {
margin-right: 20px;
width: 220px;
}
blockquote.alignright {
margin-left: 20px;
width: 220px;
}
code,
pre {
font: 12px Consolas, Monaco, 'Andale Mono', 'DejaVu Sans Mono', monospace;
padding: 0 3px 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
code {
padding: 3px 4px;
}
pre {
line-height: 20px;
margin-bottom: 18px;
overflow: auto;
padding: 6px 8px 4px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code,
pre {
border: 1px solid #d9d9d9;
background-color: #fafafa;
color: #444444;
-webkit-box-shadow: inset 0 1px 0px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0px rgba(0,0,0,.05);
}
pre code {
padding: 0;
color: inherit;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
abbr,
acronym,
dfn {
border-bottom: 1px dotted #444444;
cursor: help;
}
address {
display: block;
margin: 0 0 20px;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.input-text {
display: inline-block;
height: 18px;
padding: 4px 6px;
margin: 0;
font-size: 14px;
line-height: 18px;
vertical-align: middle;
-webkit-border-radius: 2px;
border-radius: 2px;
}
textarea {
height: auto;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.input-text {
border: 1px solid #d9d9d9;
background-color: #ffffff;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#ffffff));
background-image: -webkit-linear-gradient(top, #fcfcfc, #ffffff);
background-image: -moz-linear-gradient(top, #fcfcfc, #ffffff);
background-image: linear-gradient(to bottom, #fcfcfc, #ffffff);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.input-text:focus {
border-color: #18a3d3;
background: #ffffff;
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 0 6px rgba(24, 163, 211, 0.35);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 0 6px rgba(24, 163, 211, 0.35);
}
input.invalid,
textarea.invalid {
border-color: #b00 !important;
border-color: rgba(200, 0, 0, 0.5) !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 2px 1px rgba(200,0,0,.3), 0 0 6px rgba(200,0,0,.3) !important;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 2px 1px rgba(200,0,0,.3), 0 0 6px rgba(200,0,0,.3) !important;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
*margin-top: 0;
line-height: normal;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
width: auto;
}
select,
input[type="file"] {
height: 30px;
line-height: 30px;
*margin-top: 4px;
}
select[multiple],
select[size] {
height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
} input:-moz-placeholder,
textarea:-moz-placeholder {
color: #a2a2a2;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #a2a2a2;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #a2a2a2;
} input#s {
font-size: 14px;
line-height: 1.2em;
height: 20px;
padding: 4px 10px;
}
input#searchsubmit {
display: none;
} button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
display: inline-block;
*display: inline;
padding: 4px 12px;
margin-bottom: 0;
*margin-left: .3em;
*zoom: 1;
*border: 0;
font-size: 14px;
line-height: 20px;
text-decoration: none !important;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid #d8d8d8;
-webkit-border-radius: 2px;
border-radius: 2px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #f1f1f1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1);
background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1);
background-image: linear-gradient(to bottom, #fafafa, #f1f1f1);
border-color: #d8d8d8;
color: #444444;
*background-color: #f1f1f1;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
background-color: #1698c5;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fb3e6), to(#1698c5));
background-image: -webkit-linear-gradient(top, #1fb3e6, #1698c5);
background-image: -moz-linear-gradient(top, #1fb3e6, #1698c5);
background-image: linear-gradient(to bottom, #1fb3e6, #1698c5);
background-repeat: repeat-x;
border-color: #117597;
color: #ffffff;
*background-color: #1698c5;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
color: #444444;
background-color: #f1f1f1;
*background-color: #e4e4e4;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
border-color: #d8d8d8;
}
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
button.active,
input[type="submit"].active,
input[type="button"].active,
input[type="reset"].active {
background: #eeeeee;
background-color: #d8d8d8 \9;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
color: #444444;
text-decoration: none;
background-position: 0 -10px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1);
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
background: #eeeeee;
outline: 0;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
button.huge,
input[type="submit"].huge,
input[type="button"].huge,
input[type="reset"].huge {
font-size: 22px;
font-weight: normal;
line-height: normal;
padding: 10px 18px;
}
button.huge i:before,
input[type="submit"].huge i:before,
input[type="button"].huge i:before,
input[type="reset"].huge i:before {
font-size: 28px;
}
button.large,
input[type="submit"].large,
input[type="button"].large,
input[type="reset"].large {
font-size: 14px;
line-height: normal;
padding: 8px 14px;
}
button.small,
input[type="submit"].small,
input[type="button"].small,
input[type="reset"].small {
font-size: 12px;
line-height: 16px;
padding: 3px 10px;
}
button.mini,
input[type="submit"].mini,
input[type="button"].mini,
input[type="reset"].mini {
padding: 1px 6px;
font-size: 11px;
line-height: 16px;
}
button.full,
input[type="submit"].full,
input[type="button"].full,
input[type="reset"].full {
display: block;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
color: #ffffff;
background-color: #1698c5;
*background-color: #1487ae;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
border-color: #117597;
}
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
button.active,
input[type="submit"].active,
input[type="button"].active,
input[type="reset"].active {
background: #1695c1;
background-color: #117597 \9;
}
.btn {
display: inline-block;
*display: inline;
padding: 4px 12px;
margin-bottom: 0;
*margin-left: .3em;
*zoom: 1;
*border: 0;
font-size: 14px;
line-height: 20px;
text-decoration: none !important;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid #d8d8d8;
-webkit-border-radius: 2px;
border-radius: 2px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #f1f1f1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1);
background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1);
background-image: linear-gradient(to bottom, #fafafa, #f1f1f1);
background-repeat: repeat-x;
border-color: #d8d8d8;
color: #444444;
*background-color: #f1f1f1;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
}
.btn:hover,
.btn:active {
color: #444444;
background-color: #f1f1f1;
*background-color: #e4e4e4;
}
.btn:hover {
border-color: #d8d8d8;
}
.btn:active,
.btn.active {
background: #eeeeee;
background-color: #d8d8d8 \9;
}
.btn:hover {
color: #444444;
text-decoration: none;
background-position: 0 -10px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1);
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:active {
background: #eeeeee;
outline: 0;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.btn.huge {
font-size: 22px;
font-weight: normal;
line-height: normal;
padding: 10px 18px;
}
.btn.huge i:before {
font-size: 28px;
}
.btn.large {
font-size: 14px;
line-height: normal;
padding: 8px 14px;
}
.btn.small {
font-size: 12px;
line-height: 16px;
padding: 3px 10px;
}
.btn.mini {
padding: 1px 6px;
font-size: 11px;
line-height: 16px;
}
.btn.full {
display: block;
}
.btn.primary {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
background-color: #1698c5;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fb3e6), to(#1698c5));
background-image: -webkit-linear-gradient(top, #1fb3e6, #1698c5);
background-image: -moz-linear-gradient(top, #1fb3e6, #1698c5);
background-image: linear-gradient(to bottom, #1fb3e6, #1698c5);
background-repeat: repeat-x;
border-color: #117597;
color: #ffffff;
*background-color: #1698c5;
}
.btn.primary:hover,
.btn.primary:active {
color: #ffffff;
background-color: #1698c5;
*background-color: #1487ae;
}
.btn.primary:hover {
border-color: #117597;
}
.btn.primary:active,
.btn.primary.active {
background: #1695c1;
background-color: #117597 \9;
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn.white {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fafafa;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#fafafa));
background-image: -webkit-linear-gradient(top, #ffffff, #fafafa);
background-image: -moz-linear-gradient(top, #ffffff, #fafafa);
background-image: linear-gradient(to bottom, #ffffff, #fafafa);
background-repeat: repeat-x;
border-color: #e1e1e1;
color: #444444;
*background-color: #fafafa;
}
.btn.white:hover,
.btn.white:active {
color: #444444;
background-color: #fafafa;
*background-color: #ededed;
}
.btn.white:hover {
border-color: #e1e1e1;
}
.btn.white:active,
.btn.white.active {
background: #f7f7f7;
background-color: #e1e1e1 \9;
}
.btn.gray {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
background-color: #888888;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), to(#888888));
background-image: -webkit-linear-gradient(top, #999999, #888888);
background-image: -moz-linear-gradient(top, #999999, #888888);
background-image: linear-gradient(to bottom, #999999, #888888);
background-repeat: repeat-x;
border-color: #6f6f6f;
color: #ffffff;
*background-color: #888888;
}
.btn.gray:hover,
.btn.gray:active {
color: #ffffff;
background-color: #888888;
*background-color: #7b7b7b;
}
.btn.gray:hover {
border-color: #6f6f6f;
}
.btn.gray:active,
.btn.gray.active {
background: #858585;
background-color: #6f6f6f \9;
}
.btn.black {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
background-color: #111111;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
background-image: -webkit-linear-gradient(top, #222222, #111111);
background-image: -moz-linear-gradient(top, #222222, #111111);
background-image: linear-gradient(to bottom, #222222, #111111);
background-repeat: repeat-x;
border-color: #000000;
color: #ffffff;
*background-color: #111111;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.btn.black:hover,
.btn.black:active {
color: #ffffff;
background-color: #111111;
*background-color: #040404;
}
.btn.black:hover {
border-color: #000000;
}
.btn.black:active,
.btn.black.active {
background: #0e0e0e;
background-color: #000000 \9;
}
.btn.black:hover {
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 1px rgba(0,0,0,.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 1px rgba(0,0,0,.25);
}
.btn.black:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.35);
box-shadow: inset 0 1px 2px rgba(0,0,0,.35);
}
.btn.red {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
background-color: #d14836;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d95f4f), to(#d14836));
background-image: -webkit-linear-gradient(top, #d95f4f, #d14836);
background-image: -moz-linear-gradient(top, #d95f4f, #d14836);
background-image: linear-gradient(to bottom, #d95f4f, #d14836);
background-repeat: repeat-x;
border-color: #ad3727;
color: #ffffff;
*background-color: #d14836;
}
.btn.red:hover,
.btn.red:active {
color: #ffffff;
background-color: #d14836;
*background-color: #c13e2c;
}
.btn.red:hover {
border-color: #ad3727;
}
.btn.red:active,
.btn.red.active {
background: #d04432;
background-color: #ad3727 \9;
}
.btn.orange {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
background-color: #f77e05;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fa9f1e), to(#f77e05));
background-image: -webkit-linear-gradient(top, #fa9f1e, #f77e05);
background-image: -moz-linear-gradient(top, #fa9f1e, #f77e05);
background-image: linear-gradient(to bottom, #fa9f1e, #f77e05);
background-repeat: repeat-x;
border-color: #c56504;
color: #ffffff;
*background-color: #f77e05;
}
.btn.orange:hover,
.btn.orange:active {
color: #ffffff;
background-color: #f77e05;
*background-color: #de7104;
}
.btn.orange:hover {
border-color: #c56504;
}
.btn.orange:active,
.btn.orange.active {
background: #f27b05;
background-color: #c56504 \9;
}
.btn.yellow {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #f7bb05;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7d52a), to(#f7bb05));
background-image: -webkit-linear-gradient(top, #f7d52a, #f7bb05);
background-image: -moz-linear-gradient(top, #f7d52a, #f7bb05);
background-image: linear-gradient(to bottom, #f7d52a, #f7bb05);
background-repeat: repeat-x;
border-color: #c59504;
color: #444444;
*background-color: #f7bb05;
}
.btn.yellow:hover,
.btn.yellow:active {
color: #444444;
background-color: #f7bb05;
*background-color: #dea804;
}
.btn.yellow:hover {
border-color: #c59504;
}
.btn.yellow:active,
.btn.yellow.active {
background: #f2b705;
background-color: #c59504 \9;
}
.btn.green {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
background-color: #53af4e;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6cb858), to(#53af4e));
background-image: -webkit-linear-gradient(top, #6cb858, #53af4e);
background-image: -moz-linear-gradient(top, #6cb858, #53af4e);
background-image: linear-gradient(to bottom, #6cb858, #53af4e);
background-repeat: repeat-x;
border-color: #428c3e;
color: #ffffff;
*background-color: #53af4e;
}
.btn.green:hover,
.btn.green:active {
color: #ffffff;
background-color: #53af4e;
*background-color: #4b9d46;
}
.btn.green:hover {
border-color: #428c3e;
}
.btn.green:active,
.btn.green.active {
background: #51ab4c;
background-color: #428c3e \9;
}
.btn.cyan {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
background-color: #21bbbd;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2cc9cb), to(#21bbbd));
background-image: -webkit-linear-gradient(top, #2cc9cb, #21bbbd);
background-image: -moz-linear-gradient(top, #2cc9cb, #21bbbd);
background-image: linear-gradient(to bottom, #2cc9cb, #21bbbd);
background-repeat: repeat-x;
border-color: #199092;
color: #ffffff;
*background-color: #21bbbd;
}
.btn.cyan:hover,
.btn.cyan:active {
color: #ffffff;
background-color: #21bbbd;
*background-color: #1da6a7;
}
.btn.cyan:hover {
border-color: #199092;
}
.btn.cyan:active,
.btn.cyan.active {
background: #20b7b9;
background-color: #199092 \9;
}
.btn.dark-blue {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
background-color: #0066cc;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0066cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0066cc);
background-image: -moz-linear-gradient(top, #0088cc, #0066cc);
background-image: linear-gradient(to bottom, #0088cc, #0066cc);
background-repeat: repeat-x;
border-color: #004c99;
color: #ffffff;
*background-color: #0066cc;
}
.btn.dark-blue:hover,
.btn.dark-blue:active {
color: #ffffff;
background-color: #0066cc;
*background-color: #0059b3;
}
.btn.dark-blue:hover {
border-color: #004c99;
}
.btn.dark-blue:active,
.btn.dark-blue.active {
background: #0063c7;
background-color: #004c99 \9;
}
.btn.blue {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
background-color: #0199cc;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2eaddb), to(#0199cc));
background-image: -webkit-linear-gradient(top, #2eaddb, #0199cc);
background-image: -moz-linear-gradient(top, #2eaddb, #0199cc);
background-image: linear-gradient(to bottom, #2eaddb, #0199cc);
background-repeat: repeat-x;
border-color: #017399;
color: #ffffff;
*background-color: #0199cc;
}
.btn.blue:hover,
.btn.blue:active {
color: #ffffff;
background-color: #0199cc;
*background-color: #0186b3;
}
.btn.blue:hover {
border-color: #017399;
}
.btn.blue:active,
.btn.blue.active {
background: #0195c7;
background-color: #017399 \9;
}
.btn.light-blue {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
background-color: #4787ed;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
background-image: linear-gradient(to bottom, #4d90fe, #4787ed);
background-repeat: repeat-x;
border-color: #1969e8;
color: #ffffff;
*background-color: #4787ed;
}
.btn.light-blue:hover,
.btn.light-blue:active {
color: #ffffff;
background-color: #4787ed;
*background-color: #3078eb;
}
.btn.light-blue:hover {
border-color: #1969e8;
}
.btn.light-blue:active,
.btn.light-blue.active {
background: #4284ed;
background-color: #1969e8 \9;
}
.btn.magenta {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
background-color: #c72ecc;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ca4ccf), to(#c72ecc));
background-image: -webkit-linear-gradient(top, #ca4ccf, #c72ecc);
background-image: -moz-linear-gradient(top, #ca4ccf, #c72ecc);
background-image: linear-gradient(to bottom, #ca4ccf, #c72ecc);
background-repeat: repeat-x;
border-color: #9e25a2;
color: #ffffff;
*background-color: #c72ecc;
}
.btn.magenta:hover,
.btn.magenta:active {
color: #ffffff;
background-color: #c72ecc;
*background-color: #b329b7;
}
.btn.magenta:hover {
border-color: #9e25a2;
}
.btn.magenta:active,
.btn.magenta.active {
background: #c32dc8;
background-color: #9e25a2 \9;
}
.btn.pink {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
background-color: #ed174f;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fb6089), to(#ed174f));
background-image: -webkit-linear-gradient(top, #fb6089, #ed174f);
background-image: -moz-linear-gradient(top, #fb6089, #ed174f);
background-image: linear-gradient(to bottom, #fb6089, #ed174f);
background-repeat: repeat-x;
border-color: #c20f3e;
color: #ffffff;
*background-color: #ed174f;
}
.btn.pink:hover,
.btn.pink:active {
color: #ffffff;
background-color: #ed174f;
*background-color: #da1145;
}
.btn.pink:hover {
border-color: #c20f3e;
}
.btn.pink:active,
.btn.pink.active {
background: #ed124b;
background-color: #c20f3e \9;
} .widget_login input[type=edit],
.widget_login input[type=password] {
display: block;
}
.widget_login input[type=submit] {
margin-right: 10px;
}
.widget_shopping_cart .buttons .button {
margin-right: 5px;
} #branding .icon {
display: inline-block;
width: auto;
height: auto;
margin-left: 0;
vertical-align: baseline;
}
.flickr_badge_image {
width: auto !important;
height: auto !important;
border-width: 0 !important;
} .flexslider .slides > li {
position: relative;
}
#content .flex-control-nav {
margin: 0 !important;
padding-top: 10px;
padding-bottom: 0 !important;
}
.flexslider blockquote {
margin-bottom: 0;
}
.flexslider .slideimage {
max-width: 100%;
}
.flexslider.show-controls {
margin-bottom: 40px;
} .flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
overflow: hidden;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
.slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
} .flexslider {
position: relative;
zoom: 1;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider .slides {
zoom: 1;
} .flex-caption {
background: none;
zoom: 1;
}
.flex-caption {
width: 96%;
padding: 2%;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
font-size: 14px;
line-height: 18px;
} .flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
position: absolute;
width: 22px;
height: 38px;
top: 50%;
margin-top: -22px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
z-index: 10;
outline: 0;
cursor: pointer;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/sliders-sprite.png) no-repeat scroll;
background-size: 62px 114px;
}
.flex-direction-nav .flex-next {
right: -60px;
background-position: -40px 0;
}
.flex-direction-nav .flex-prev {
left: -60px;
background-position: -18px 0;
}
#content .flex-direction-nav a {
text-align: center;
text-indent: 0;
background: none;
width: 22px;
}
#content .flex-direction-nav a:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 28px;
line-height: 38px;
vertical-align: middle;
display: inline-block;
content: "\f105";
color: #18a3d3;
}
#content .flex-direction-nav .flex-prev:before {
content: "\f104";
}
#content .flex-direction-nav a:hover:before {
color: #4dc2eb;
}
#content .flex-direction-nav a:active:before {
color: #106e8e;
}
.full-width .flex-direction-nav .flex-next {
right: 15px;
}
.full-width .flex-direction-nav .flex-prev {
left: 15px;
}
.boxed .flex-direction-nav .flex-next {
right: 15px;
}
.boxed .flex-direction-nav .flex-prev {
left: 15px;
}
#content .flex-direction-nav .flex-next {
right: -30px !important;
}
#content .flex-direction-nav .flex-prev {
left: -30px !important;
}
.flex-direction-nav .flex-next:hover {
background-position: -40px -38px;
}
.flex-direction-nav .flex-prev:hover {
background-position: -18px -38px;
}
.flex-direction-nav .flex-next:active {
background-position: -40px -76px;
}
.flex-direction-nav .flex-prev:active {
background-position: -18px -76px;
}
.flex-direction-nav .flex-disabled {
opacity: .3;
filter: alpha(opacity=30);
cursor: default;
} .flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
display: inline-block;
zoom: 1;
*display: inline;
margin: 0;
}
.flex-control-paging li a {
text-decoration: none;
outline: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
width: 14px;
height: 14px;
cursor: pointer;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/sliders-sprite.png) no-repeat scroll 0 0 transparent;
background-size: 62px 114px;
}
.flex-control-paging li a.flex-active {
background-position: 0 -28px !important;
}
.flex-control-paging li a:hover {
background-position: 0 -14px;
} .flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} .flexslider .caption {
position: absolute;
opacity: 0;
padding: 15px 20px 5px;
z-index: 8;
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 2px;
border-radius: 2px;
}
.flexslider .caption h3,
.flexslider .caption p {
color: #fff;
margin-bottom: 10px !important;
}
.flexslider .caption h3 {
line-height: 1.2em;
}
.flexslider .caption p {
padding: 0;
margin: 0;
}
.flexslider .caption-top,
.flexslider .caption-bottom {
left: 20px;
right: 20px;
}
.flexslider .caption-top {
top: 20px;
}
.flexslider .caption-bottom {
bottom: 40px;
}
.flexslider .caption-left,
.flexslider .caption-right {
top: 20px;
width: 240px;
}
.flexslider .caption-left {
left: 20px;
}
.flexslider .caption-right {
right: 20px;
} .flexslider .inner-html {
padding: 20px 0;
}
.flex.full-width .inner-html {
padding: 40px 40px 20px;
} .nivo-slider-wrap {
position: relative;
}
.nivoSlider.show-controls {
margin-bottom: 40px;
} .nivoSlider {
position: relative;
width: 100%;
height: auto;
}
.nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
max-width: none !important;
}
.no-js .nivoSlider img {
position: static;
max-width: 100% !important;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
} .nivoSlider a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
background: white;
filter: alpha(opacity=0);
opacity: 0;
} .nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
top: 0;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
overflow: hidden;
}
.nivo-box img {
display: block;
} .nivo-caption {
position: absolute;
left: 0px;
bottom: 0px;
background: #000;
color: #fff;
width: 100%;
z-index: 8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter: alpha(opacity=8);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline !important;
}
.nivo-html-caption {
display: none;
} .nivo-directionNav a {
position: absolute;
width: 22px;
height: 38px;
top: 50%;
margin-top: -22px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
z-index: 9;
outline: 0;
cursor: pointer;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/sliders-sprite.png) no-repeat scroll;
background-size: 62px 114px;
}
.nivo-directionNav .nivo-nextNav {
right: -60px;
background-position: -40px 0;
}
.nivo-directionNav .nivo-prevNav {
left: -60px;
background-position: -18px 0;
}
#content .nivo-directionNav a {
text-align: center;
text-indent: 0;
background: none;
width: 22px;
}
#content .nivo-directionNav a:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 28px;
line-height: 38px;
vertical-align: middle;
display: inline-block;
content: "\f105";
color: #18a3d3;
}
#content .nivo-directionNav .nivo-prevNav:before {
content: "\f104";
}
#content .nivo-directionNav a:hover:before {
color: #4dc2eb;
}
#content .nivo-directionNav a:active:before {
color: #106e8e;
}
.full-width .nivo-nextNav {
right: 15px;
}
.full-width .nivo-prevNav {
left: 15px;
}
.boxed .nivo-nextNav {
right: 15px;
}
.boxed .nivo-prevNav {
left: 15px;
}
#content .nivo-nextNav {
right: -30px !important;
}
#content .nivo-prevNav {
left: -30px !important;
}
.nivo-nextNav:hover {
background-position: -40px -38px;
}
.nivo-prevNav:hover {
background-position: -18px -38px;
}
.nivo-nextNav:active {
background-position: -40px -76px;
}
.nivo-prevNav:active {
background-position: -18px -76px;
} .nivo-controlNav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.nivo-controlNav a {
text-decoration: none;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: inline-block;
zoom: 1;
*display: inline;
z-index: 9;
width: 16px;
height: 16px;
margin: 0;
cursor: pointer;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/sliders-sprite.png) no-repeat scroll 0 0 transparent;
background-size: 62px 114px;
}
.nivo-controlNav a.active {
background-position: 0 -28px !important;
}
.nivo-controlNav a:hover {
background-position: 0 -14px;
} .install-revslider {
text-align: center;
padding: 25px 0 15px;
color: #666;
text-shadow: 0 1px #fff;
background-color: #ffffff;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ffffff));
background-image: -webkit-linear-gradient(top, #fafafa, #ffffff);
background-image: -moz-linear-gradient(top, #fafafa, #ffffff);
background-image: linear-gradient(to bottom, #fafafa, #ffffff);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
}
#feature .btn,
.content-block .btn {
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.25);
}
#feature .btn:hover,
.content-block .btn:hover {
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.25);
}
#feature .btn:active,
.content-block .btn:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.bullet.last {
clear: none;
}  #colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: auto;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
box-sizing: content-box;
} #cboxOverlay {
background: #000;
}
#cboxContent {
margin-top: 20px;
}
.cboxIframe {
background: #fff;
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
#cboxLoadedContent {
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
#cboxTitle {
position: absolute;
bottom: -25px;
left: 10px;
color: #eee;
text-shadow: 0 1px 2px #000;
}
#cboxCurrent {
position: absolute;
bottom: -25px;
right: 10px;
color: #eee;
text-shadow: 0 1px 2px #000;
}
#cboxSlideshow {
position: absolute;
top: -20px;
right: 90px;
color: #fff;
}
#cboxPrevious,
#cboxNext {
position: absolute;
top: 50%;
margin-top: -35px;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/colorbox/controls.png) no-repeat scroll 0 0 transparent;
width: 22px;
height: 38px;
text-indent: -9999px;
}
#cboxPrevious {
left: 20px;
}
#cboxNext {
right: 20px;
background-position: -22px 0;
}
#cboxPrevious:hover {
background-position: 0 -38px;
}
#cboxPrevious:active {
background-position: 0 -76px;
}
#cboxNext:hover {
background-position: -22px -38px;
}
#cboxNext:active {
background-position: -22px -76px;
}
#cboxLoadingOverlay {
background: #000;
}
#cboxLoadingGraphic {
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/colorbox/loading.gif) no-repeat center center;
}
#cboxClose {
position: absolute;
top: -18px;
right: -18px;
display: block;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/colorbox/controls.png) no-repeat top right;
width: 36px;
height: 36px;
text-indent: -9999px;
} .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}  .mejs-container {
position: relative;
font-family: Helvetica, Arial;
text-align: left;
vertical-align: top;
text-indent: 0;
}
.me-plugin {
position: absolute;
}
.mejs-embed,
.mejs-embed body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #000;
overflow: hidden;
}
.mejs-container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
width: 100%;
height: 100%;
} .mejs-background {
position: absolute;
top: 0;
left: 0;
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
}
.mejs-poster img {
padding: 0;
border: 0;
display: block;
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0;
}
.mejs-overlay-play {
cursor: pointer;
}
.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 60px;
margin: -40px 0 0 -40px;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/me/bigplay.png) no-repeat;
}
.mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -60px;
}
.mejs-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
margin: -40px 0 0 -30px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #333;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/me/background.png);
background: rgba(0, 0, 0, 0.9);
}
.mejs-overlay-loading span {
display: block;
width: 60px;
height: 60px;
background: transparent url(//www.faarvent.com.mx/wp-content/themes/souffle/images/me/loading.gif) 50% 50% no-repeat;
}  .mejs-container .mejs-controls {
position: absolute;
background: none;
list-style-type: none;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
border: 1px solid #999;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/me/background.png);
background-color: #e5e5e5;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e5e5e5));
background-image: -webkit-linear-gradient(top, #fafafa, #e5e5e5);
background-image: -moz-linear-gradient(top, #fafafa, #e5e5e5);
background-image: linear-gradient(to bottom, #fafafa, #e5e5e5);
background-repeat: repeat-x;
height: 32px;
width: 100%;
-webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,1);
box-shadow: inset 0 1px 2px rgba(255,255,255,1);
-webkit-border-radius: 1px;
border-radius: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mejs-audio .mejs-controls {
-webkit-border-radius: 2px;
border-radius: 2px;
}
.mejs-container .mejs-controls div {
list-style-type: none;
background-image: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 26px;
height: 26px;
font-size: 11px;
line-height: 11px;
background: 0;
font-family: Helvetica, Arial;
border: 0;
}
.mejs-controls .mejs-button button {
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none;
margin: 7px 5px;
padding: 0;
position: absolute;
height: 16px;
width: 16px;
border: 0;
background: transparent url(//www.faarvent.com.mx/wp-content/themes/souffle/images/me/controls.png) no-repeat;
} .mejs-controls .mejs-button button:focus {
outline: solid 1px yellow;
}  .mejs-container .mejs-controls .mejs-time {
color: #444;
text-shadow: 0 1px #fff;
display: block;
height: 17px;
width: auto;
padding: 8px 3px 0 3px ;
overflow: hidden;
text-align: center;
padding: auto 4px;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.mejs-container .mejs-controls .mejs-time span {
font-size: 11px;
color: #444;
text-shadow: 0 1px #fff;
line-height: 12px;
display: block;
float: left;
margin: 1px 2px 0 0;
width: auto;
}  .mejs-controls .mejs-play button {
background-position: 0 0;
}
.mejs-controls .mejs-pause button {
background-position: 0 -16px;
}  .mejs-controls .mejs-stop button {
background-position: -112px 0;
}  .mejs-controls div.mejs-time-rail {
width: 200px;
padding-top: 5px;
}
.mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
width: 180px;
height: 10px;
-webkit-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
margin: 5px;
background-color: #c3c3c3;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a3a3a3), to(#c3c3c3));
background-image: -webkit-linear-gradient(top, #a3a3a3, #c3c3c3);
background-image: -moz-linear-gradient(top, #a3a3a3, #c3c3c3);
background-image: linear-gradient(to bottom, #a3a3a3, #c3c3c3);
background-repeat: repeat-x;
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
width: 100%;
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
-o-background-size: 15px 15px;
background-size: 15px 15px;
-webkit-animation: buffering-stripes 2s linear infinite;
-moz-animation: buffering-stripes 2s linear infinite;
-ms-animation: buffering-stripes 2s linear infinite;
-o-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite;
}
@-webkit-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@-moz-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@-ms-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@-o-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #999;
background: rgba(0, 0, 0, 0.1);
width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
width: 0;
background-color: #1380a5;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#18a3d3), to(#1380a5));
background-image: -webkit-linear-gradient(top, #18a3d3, #1380a5);
background-image: -moz-linear-gradient(top, #18a3d3, #1380a5);
background-image: linear-gradient(to bottom, #18a3d3, #1380a5);
background-repeat: repeat-x;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 10px;
background: #f2f2f2;
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
border: solid 2px #999;
top: -2px;
text-align: center;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
background: #f2f2f2;
width: 36px;
height: 15px;
border: solid 1px #999;
top: -26px;
margin-left: -18px;
text-align: center;
color: #333;
text-shadow: none;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border: solid 5px #000;
border-color: #999 transparent transparent transparent;
-webkit-border-radius: 0;
border-radius: 0;
top: 15px;
left: 13px;
}   .mejs-controls .mejs-fullscreen-button button {
background-position: -32px 0;
}
.mejs-controls .mejs-unfullscreen button {
background-position: -32px -16px;
}  .mejs-controls .mejs-mute button {
background-position: -16px -16px;
}
.mejs-controls .mejs-unmute button {
background-position: -16px 0;
}
.mejs-controls .mejs-volume-button {
position: relative;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 115px;
width: 25px;
background: #f2f2f2;
border: 1px solid #999;
-webkit-border-radius: 0;
border-radius: 0;
top: -115px;
left: 0;
z-index: 1;
position: absolute;
margin: 0;
}
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #bbb;
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #444;
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 4px;
top: -3px;
width: 16px;
height: 6px;
background: #444;
cursor: N-resize;
-webkit-border-radius: 1px;
border-radius: 1px;
margin: 0;
} .mejs-controls div.mejs-horizontal-volume-slider {
height: 26px;
width: 60px;
position: relative;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #c3c3c3;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a3a3a3), to(#c3c3c3));
background-image: -webkit-linear-gradient(top, #a3a3a3, #c3c3c3);
background-image: -moz-linear-gradient(top, #a3a3a3, #c3c3c3);
background-image: linear-gradient(to bottom, #a3a3a3, #c3c3c3);
background-repeat: repeat-x;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #1380a5;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#18a3d3), to(#1380a5));
background-image: -webkit-linear-gradient(top, #18a3d3, #1380a5);
background-image: -moz-linear-gradient(top, #18a3d3, #1380a5);
background-image: linear-gradient(to bottom, #18a3d3, #1380a5);
background-repeat: repeat-x;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none;
}  .mejs-controls .mejs-captions-button {
position: relative;
}
.mejs-controls .mejs-captions-button button {
background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -10px;
width: 130px;
height: 100px;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/me/background.png);
background: rgba(50, 50, 50, 0.7);
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
border-radius: 0;
} .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #444;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 10px;
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
font-size: 10px;
margin: 0 0 5px 0;
}
.mejs-chapters {
position: absolute;
top: 0;
left: 0;
-xborder-right: solid 1px #444;
width: 10000px;
z-index: 1;
}
.mejs-chapters .mejs-chapter {
position: absolute;
float: left;
background: #222;
background: rgba(0, 0, 0, 0.7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
overflow: hidden;
border: 0;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
font-size: 11px;
color: #444;
padding: 5px;
display: block;
border-right: solid 1px #333;
border-bottom: solid 1px #333;
cursor: pointer;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right: none;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666;
background: rgba(102, 102, 102, 0.7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232);
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
font-size: 12px;
font-weight: bold;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 0 3px 0;
line-height: 12px;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
font-size: 12px;
line-height: 12px;
margin: 3px 0 4px 0;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
}
.mejs-captions-layer {
position: absolute;
bottom: 0;
left: 0;
text-align: center; line-height: 22px;
font-size: 12px;
color: #444;
}
.mejs-captions-layer a {
color: #444;
text-decoration: underline;
}
.mejs-captions-layer[lang=ar] {
font-size: 20px;
font-weight: normal;
}
.mejs-captions-position {
position: absolute;
width: 100%;
bottom: 15px;
left: 0;
}
.mejs-captions-position-hover {
bottom: 45px;
}
.mejs-captions-text {
padding: 3px 5px;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/me/background.png);
background: rgba(20, 20, 20, 0.8);
} .mejs-clear {
clear: both;
} .me-cannotplay a {
color: #444;
font-weight: bold;
}
.me-cannotplay span {
padding: 15px;
display: block;
}  .mejs-controls .mejs-loop-off button {
background-position: -64px -16px;
}
.mejs-controls .mejs-loop-on button {
background-position: -64px 0;
}  .mejs-controls .mejs-backlight-off button {
background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0;
}  .mejs-controls .mejs-picturecontrols-button {
background-position: -96px 0;
}  .mejs-contextmenu {
position: absolute;
width: 150px;
padding: 10px;
-webkit-border-radius: 4px;
border-radius: 4px;
top: 0;
left: 0;
background: #fff;
border: solid 1px #999;
z-index: 1001; }
.mejs-contextmenu .mejs-contextmenu-separator {
height: 1px;
font-size: 0;
margin: 5px 6px;
background: #333;
}
.mejs-contextmenu .mejs-contextmenu-item {
font-family: Helvetica, Arial;
font-size: 12px;
padding: 4px 6px;
cursor: pointer;
color: #333;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
background: #444;
color: #fff;
} .mejs-controls .mejs-sourcechooser-button {
position: relative;
}
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -10px;
width: 130px;
height: 100px;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/me/background.png);
background: rgba(50, 50, 50, 0.7);
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
border-radius: 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #444;
overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 10px;
}  .fotorama__noise,
.fotorama__thumbs_previews,
.fotorama__caption_overlay,
.fotorama_fullscreen .fotorama__caption {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAA7VBMVEX////6+vr5+fn09PTr6+v29vb4+Pj8/Pzx8fH19fXz8/P39/fu7u7y8vLq6urt7e39/f3+/v7v7+/w8PDm5ubn5+f7+/vl5eXp6ens7Ozi4uLf39/o6Ojj4+Pg4ODe3t7a2trd3d3h4eHk5OTT09PZ2dnb29vW1tbU1NTX19fc3NzV1dXY2NjMzMzR0dHGxsbQ0NDOzs7S0tLPz8/Nzc3Hx8fJycnLy8u8vLzFxcW1tbXIyMjKysq5ubnExMTDw8O4uLi6urrBwcHAwMC2tra+vr7CwsKoqKi7u7u9vb2xsbG3t7ezs7OsrKy0tLREM1c6AAAAT3RSTlMNDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NrbSxDwAACP9JREFUeF692mWSJll6hNETyPAxMyRTcSMMCWH/y9GvlsnKNJ1TVZlaQJhF3PuC++Mh4oLtyEcMfBR8SgYZBezjlHrtXIJ7lhDKreK8i4N1QMCGhOwHUVnoRqrU3A2VDuRAtH1byppTHohsuiVKmgt9VhATELCm38uJJnUPR5Y9hQk/bzoHmWE2Vsc2yslffSKRtmLuI6uqf4XV5AesKcQ1eOTabHTU5byJLcG6/udfJxaX1Q3ZQB8x4FgxA2a8kYgBG8sZTVw5RPwrTQhbbsxNHMTpxQHtTAHE5VkDW0hMQ3/LofwXbvEh7ieqDuORLauQ4UJbLVBBCI1pL5TmwApd3o4nFxj7NOgqKGHG7i+7EMmbaZh3gukKt71+S3D+xDGPGQjpaarVgRw5DIx7SpalgXZt81sNGWGIC4qZpO6Fl6Pb0/qkL+8rG/R4B7A0ZPRPffaXce63JDEmhAGYw8q1wySN5qPkUsBtmhr5ZDYHkLIf3EekcNcCPFIoQm/Fg7Gg6PKpnq4bWjHabsyYGNDOusAqOfNuaaYJRM0FqgiN0i2FcbfG9nwf5hmiiGy8wPAU9HpGkXdWB93ZOWGPcur9k15qLNKb3Ff7YZysMh2BoSLkcUbT3PePkt47e3tpg53LNDcr1w7Xwk4f7XKI4WTmoEH/wnRIPx6pr9kcLyfeSDf6toYcLIyLNqaf8efI5iFO5PkE6C6Fy0eH8gJ5x2qqJUTAEwiGSkQbrjSKO+2NN9bVaHq0rLUFzWYtfCOXIYT0MErwMcXhyTTqE8B2LvdC7XZldrVoaLixNry7fbyshBMmEfSj0SkJ396gvsW5G8INAsQXWkygCENDPFqOubJSpjMjqKAXBwAAOvjay5yB5RypBX3A8ofOR2SBC5BK/7hVD4qCYT3DpZopisvvLrwbtQ+qsu5uN5ztVnUP2Jg7lUi6X+zupL+UWOlIYSDkQzshU2LaXQ+oUE1rIUOBbJwOdosV2gICPBXVdT7PMuw8CccfbkVlTk1x2O5ffzoutL5mTEydx0NgJmgHxQN/tP2ef42s1xvk0Isfyr2KBsx7G6UUGKUMOPa+T1DJXLE3zM4Pw61vOeoW5hR4ImFiNP4JTMZuATnJUT2w3q5ySRsRBeiCcQbIwD/xa2oqMEhI4ZRs1niPEnwofT/PMRdM77HYS66wtRSDN6peuk3gp1BZMHKnoPQXRuZ0bPbxzdWsxt0m7907mZ/V+h302vAsV2WR8VqqKrmfuHjx3nb73S9wv0exFLeJvg/s2HIZAuyb4b+ZDJDLL5yLEjuu1Q76burYyF2Lft4KcDXF8KJ3aUBSnQJ/3iZvaVfhFb+rI/Tni0ZV3hDPYI+pYqeMFvJEWKwYRSvC1R5MIInAgK18zXvZbcuTPxH+vknCx93gkegeEdJsV5dW6H9P1BeupAZkjmTqIRj/tGSToHteVpnyzga2RBtuK6ah64zmJ2x6HYMV9JhuMJ4ZhgOMKiW12mhT/juDwqzILZjQFsbXmZBKx2iOwZNDdoPxIIz224Uy/dFMLJz4Ptn603wcsoGFevWA/RZ5238Eve9uDWvRSaYRYRqseqvlM5LkhWbNVzXXzUUtuTlB/OOiQzN+7/0i1TDbjwbpiJ93TPgRth/SFaklOqxYLVabRhGo5+ge3PWFU8sV8rQwFw0U5jsCk/05Rh/HyjKmv/n8Cv6ewMgKUZPJ7mm5Ypq8dS5zOlCrIGb4Z2WWzzDDNcN8SKPNeMIUw6CZYVEcCrt3DxPgQNOx4922dVGE7o5EiA28qSHFVD8wqW0K+O6jZiufSz8r2m8/kuer8pkuexnz4jW0bzyYxARnfSwOG5qP+sQaIuY9ix8eELaaCsYIGTPsYbRGrhK7t/4obWGth/HfkdaWfT96izVkemUUDscQ6TkTmVpIxnh85AhDYU436oDQjPGnFrMMiWRNBlxYPN+3fLtDbntBxRPE/ZOGCp3dYHFJvDR/602fhTbXpzwpaNAP8qMe2bNK13N2/EUWzv+UQCIYmi2WZ6E8Ilbp905tmSn2R4O7ZlHd0HH+4ov8fdvz5h54/9dVFEyoVVpj6d03O+SzkCLeAbKKdjuTMR6m4GopXrPahU34UxvQCXZg0Yjq1OAUTUp69YiYc2lufZ0woPfAzuvXFq/f7ong9SeXPo2ATxSqS8NGbvjyrfPt+vf5Ff3Mm7yMXQXHVzbzevqvLyZexVHzcz1jCO747Nhfx0mss4UN4R01olG/ZlB2vzGKCHtraWy4Rn6DJ8TCnDuzGMBmWkAQFFNge1j0p+IjvZfYr8+jK7hmgbkEd+HTZDWVVFDoqCZ1SZ4P+AXHQ/vFmPcLVe3BJLthFQKc/SwObvm4HNgerwLz5Tzw+XgHOUq2qdhQl7mmeEv38AI26fWd75t7vgS9HkczmJmdUNZzGdwV/5G7albAeBbpvy+yFrsJRT3wzeDxWV/w8hruynB+KDGfMYwtwO+s+TWNnS8oyK/WG15IaD1/2geTV/2gbySYs0F8Mm2PqL8LBxUUdrc3wf9OM3DsE8e78UqNSWLkU43VS821V1J0nwv4h9dHOLzCsh2o5RUX6ah66yHbPnNrL5RBgSmOh11NHdiOVRX5KU1/1ZqNLwJWbL86mvrDEDIYbV2VNK291TvD5GQPtRoCvXKB3TNa9/VJFFsonY69LjCFP5lpUtKh8G9Q2ydERgPdXtUTOia73vtL/IPA1ztKmO+Z36TFBWH2n20Mq/dXL5PemUSkgY1J046Rz52gC8X07RuhK5NM4yYy4SiaAj5wPAxUjmQwK1HtOAGmvpX3UiMGs67zX2SZ1S5/mxNBoPQqGYPb9McF69lCc3ftevtMwv4yxe0VOQQM2H4OC/tD05U6Wh5OPJSn9DowMVuoMuMokl2nX6PQv2KGf/HH++q8op+dev5BUvp/h7XjVaM0XIFxJaGX+N7XbVLPOZKXCNP/f2DBF2UuX5ne+8wXvU5zPvOXyMtEz6/B5j8PlF4W0Z0VzN8Z3Q3tQTQ4efzm52k/VGRat+k4DCwhYqMG8Aq07nMy+0JR8jMW+pkc4IU4xWc85lUmJc6vnjz8N6MLmuXZKNefAAAAAElFTkSuQmCC);
}
.fotorama_shadows .fotorama__wrap:before,
.fotorama_shadows .fotorama__wrap:after,
.fotorama_shadows .fotorama__thumbs_previews:before,
.fotorama_shadows .fotorama__thumbs_previews:after,
.fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft,
.fotorama__thumb__dot,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border,
.fotorama__arr,
.fotorama__fsi {
-webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
-moz-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
-o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
}
.fotorama_shadows .fotorama__wrap:before,
.fotorama_shadows .fotorama__wrap:after,
.fotorama_shadows .fotorama__thumbs_previews:before,
.fotorama_shadows .fotorama__thumbs_previews:after,
.fotorama__thumb__dot,
.fotorama__arr,
.fotorama__fsi {
-webkit-transition-duration: 333ms;
-moz-transition-duration: 333ms;
-o-transition-duration: 333ms;
transition-duration: 333ms;
}
.fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft,
.fotorama__thumb:hover .fotorama__thumb__dot,
.fotorama__thumb_selected .fotorama__thumb__dot,
.fotorama__thumb_selected:hover .fotorama__thumb__dot,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border {
-webkit-transition-duration: 0;
-moz-transition-duration: 0;
-o-transition-duration: 0;
transition-duration: 0;
}
.fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft,
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.fullscreen,
.fotorama__wrap,
.fotorama__wrap_style_fade .fotorama__frame {
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, color-stop(0%, #f3f2f1), color-stop(12.8%, #f3f2f1), color-stop(100%, #cacac9));
background: -webkit-radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
background: -moz-radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
background: -o-radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
background: radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px);
background-color: #cacac9;
}
.fotorama-outer,
.fotorama__caption-outer {
margin: 0;
padding: 0;
}
.fotorama {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
*zoom: 1;
position: relative;
margin: 0;
padding: 0;
}
.fotorama img {
max-width: 99999px!important;
min-width: 0!important;
width: auto;
}
.fotorama:active,
.fotorama:focus {
outline: none;
}
.fullscreen {
width: 100%!important;
height: 100%!important;
overflow: hidden !important;
}
.fullscreen * {
visibility: hidden;
overflow: visible;
}
.fotorama_fullscreen {
visibility: visible;
position: fixed!important;
top: 0!important;
right: 0!important;
bottom: 0!important;
left: 0!important;
width: 100%!important;
height: 100%!important;
margin: auto!important;
z-index: 2147483647!important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
-o-box-sizing: border-box !important;
-ms-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.fotorama_fullscreen * {
visibility: visible;
}
.fotorama_fullscreen .fotorama__wrap,
.fotorama_fullscreen .fotorama__thumbs {
margin: 0 !important;
}
.fotorama_fullscreen.fotorama_fullscreen_quirks {
position: absolute !important;
}
.fotorama__wrap {
position: relative;
overflow: hidden;
*zoom: 1;
margin: 0;
padding: 0;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fotorama__noise {
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
}
.fotorama_shadows .fotorama__wrap:before,
.fotorama_shadows .fotorama__wrap:after,
.fotorama_shadows .fotorama__thumbs_previews:before,
.fotorama_shadows .fotorama__thumbs_previews:after {
content: "";
display: block;
position: absolute;
text-decoration: none;
top: 3px;
bottom: 3px;
width: 10px;
height: auto;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
z-index: 10;
*display: none !important;
}
.fotorama_shadows .fotorama__wrap:before,
.fotorama_shadows .fotorama__thumbs_previews:before {
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
left: -25px;
}
.fotorama_shadows .fotorama__wrap:after,
.fotorama_shadows .fotorama__thumbs_previews:after {
-webkit-box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
right: -25px;
}
.fotorama_shadows .fotorama__wrap_shadow:before,
.fotorama_shadows .fotorama__thumbs_shadow:before {
left: -10px;
}
.fotorama_shadows .fotorama__wrap_shadow:after,
.fotorama_shadows .fotorama__thumbs_shadow:after {
right: -10px;
}
.fotorama_shadows .fotorama__wrap_shadow_no-left:before,
.fotorama_shadows .fotorama__thumbs_shadow_no-left:before {
left: -25px;
}
.fotorama_shadows .fotorama__wrap_shadow_no-right:after,
.fotorama_shadows .fotorama__thumbs_shadow_no-right:after {
right: -25px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap:before,
.fotorama_shadows.fotorama_vertical .fotorama__wrap:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:after {
top: auto;
left: 3px;
right: 3px;
width: auto;
height: 10px;
-webkit-box-shadow: black,0,0,10px;
-moz-box-shadow: black,0,0,10px;
box-shadow: #000000, 0, 0, 10px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:before {
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
top: -25px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:after {
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px;
bottom: -25px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow:before {
top: -10px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow:after {
bottom: -10px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow_no-left:before,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow_no-left:before {
top: -25px;
}
.fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow_no-right:after,
.fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow_no-right:after {
bottom: -25px;
}
.fotorama_shadows.fotorama_fullscreen .fotorama__wrap:before,
.fotorama_shadows.fotorama_fullscreen .fotorama__wrap:after,
.fotorama_shadows.fotorama_fullscreen .fotorama__thumbs_previews:before,
.fotorama_shadows.fotorama_fullscreen .fotorama__thumbs_previews:after {
display: none;
}
.fotorama__shaft {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.fotorama_csstransitions .fotorama__wrap_style_touch * {
-webkit-backface-visibility: hidden;
}
.fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft {
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
}
.fotorama_csstransitions .fotorama__thumbs_previews * {
-webkit-backface-visibility: hidden;
}
.fotorama__wrap_style_touch .fotorama__shaft {
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
*cursor: move !important;
}
.fotorama__wrap_style_touch .fotorama__shaft_grabbing {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.fotorama__wrap_style_fade .fotorama__shaft,
.fotorama_no-csstransitions .fotorama__shaft,
.fotorama_no-csstransitions .fotorama__thumbs-shaft {
-webkit-transform: translate(0, 0) !important;
-moz-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
-o-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
.fotorama__wrap_with-div {
border: 1px solid #7f7f7f;
}
.fotorama__thumbs {
text-align: center;
position: relative;
min-height: 18px;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fotorama_vertical .fotorama__thumbs {
position: absolute;
top: 0;
left: 0;
width: 18px;
}
.fotorama__thumbs-shaft {
text-align: left;
margin: 0;
padding: 0;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*display: inline;
*zoom: 1;
}
.fotorama__thumb {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*display: inline;
*zoom: 1;
cursor: pointer;
position: relative;
width: 18px;
height: 18px;
margin: 0;
padding: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
.fotorama__thumb__dot {
display: block;
width: 6px;
height: 6px;
position: relative;
top: 6px;
left: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
background-color: #7f7f7f;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.fotorama__thumb:hover .fotorama__thumb__dot {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
opacity: 0.75;
}
.fotorama__thumb_selected,
.fotorama__thumb_selected:hover {
cursor: default;
}
.fotorama__thumb_selected .fotorama__thumb__dot,
.fotorama__thumb_selected:hover .fotorama__thumb__dot {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.fotorama__thumb_disabled {
display: none;
cursor: default;
}
.fotorama__thumbs_previews {
overflow: hidden;
background-color: #d2d2d1;
}
.fotorama__thumbs_previews .fotorama__thumbs-shaft {
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
}
.fotorama__thumbs_previews .fotorama__thumb {
width: auto;
background: rgba(127, 127, 127, 0.25);
}
.fotorama__thumbs_previews .fotorama__thumb__img {
width: auto;
border: none;
margin: 0;
padding: 0;
}
.fotorama__thumbs_previews .fotorama__thumb-border {
border: solid;
border-color: #00d1ff #00afea #008ed6;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.25)), color-stop(100%, rgba(55, 55, 55, 0.05)));
background: -webkit-linear-gradient(rgba(255, 255, 255, 0.25), rgba(55, 55, 55, 0.05));
background: -moz-linear-gradient(rgba(255, 255, 255, 0.25), rgba(55, 55, 55, 0.05));
background: -o-linear-gradient(rgba(255, 255, 255, 0.25), rgba(55, 55, 55, 0.05));
background: linear-gradient(rgba(255, 255, 255, 0.25), rgba(55, 55, 55, 0.05));
background-color: rgba(175, 175, 175, 0.15);
position: absolute;
z-index: 10;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
display: none;
}
.fotorama_horizontal .fotorama__thumbs_previews .fotorama__thumb {
margin-left: 0 !important;
}
.fotorama_vertical .fotorama__thumbs_previews .fotorama__thumb {
float: none;
display: block;
margin-top: 0 !important;
}
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft {
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
}
.fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border {
-webkit-transition-property: -webkit-transform, left, top, border, background, width, height;
-moz-transition-property: -moz-transform, left, top, border, background, width, height;
-o-transition-property: -o-transform, left, top, border, background, width, height;
transition-property: transform left top border background width height;
}
.fotorama__frame {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.fotorama__frame * {
z-index: 2;
}
.fotorama__frame_active {
z-index: 5;
}
.fotorama__wrap_style_fade .fotorama__frame {
left: 0 !important;
}
.fotorama__img {
position: absolute;
margin: 0!important;
padding: 0!important;
top: 0;
left: 0;
z-index: 1;
}
.fotorama_shadows .fotorama__img {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.fotorama__arr {
display: block;
position: absolute;
font-family: sans-serif;
width: 44px;
text-align: center;
z-index: 10;
color: white;
-webkit-transition-property: opacity,margin;
-moz-transition-property: opacity,margin;
-o-transition-property: opacity,margin;
transition-property: opacity margin;
font-size: 18px;
top: 50%;
line-height: 72px;
margin-top: -36px;
text-shadow: black 0 0 5px;
cursor: pointer;
opacity: 0;
font-style: normal!important;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.15);
}
.fotorama__arr_prev {
left: 0;
margin-left: 0;
}
.fotorama__arr_next {
left: 100%;
margin-left: -44px;
}
.fotorama__arr_disabled {
cursor: default;
*display: none;
}
.fotorama_touch .fotorama__arr {
opacity: 1!important;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.fotorama_touch .fotorama__arr_disabled {
opacity: 0.11 !important;
}
.fotorama__wrap_mouseover .fotorama__arr {
opacity: 0.6;
}
.fotorama__wrap_mouseover .fotorama__arr:hover,
.fotorama__wrap_mouseover .fotorama__arr_hover {
opacity: 1;
text-shadow: #000000 0 0 5px, #000000 0 0 25px;
}
.fotorama__wrap_mouseover .fotorama__arr_prev,
.fotorama_touch .fotorama__arr_prev {
margin-left: 0;
}
.fotorama__wrap_mouseover .fotorama__arr_next,
.fotorama_touch .fotorama__arr_next {
margin-left: -44px;
}
.fotorama__wrap_mouseover .fotorama__arr_disabled,
.fotorama__wrap_mouseover .fotorama__arr_disabled:hover,
.fotorama_touch .fotorama__arr_disabled,
.fotorama_touch .fotorama__arr_disabled:hover {
opacity: 0.11;
text-shadow: none;
}
.fotorama__wrap_mouseout .fotorama__arr {
opacity: 0;
}
.fotorama__wrap_mouseout .fotorama__arr_prev {
margin-left: -44px;
}
.fotorama__wrap_mouseout .fotorama__arr_next {
margin-left: 0;
}
.fotorama__wrap_style_fade .fotorama__arr_prev {
margin-left: 0;
}
.fotorama__wrap_style_fade .fotorama__arr_next {
margin-left: -44px;
}
.fotorama_vertical .fotorama__arr {
width: 72px;
line-height: 44px;
margin-top: 0;
margin-left: 0;
top: auto;
left: 50%;
margin-left: -36px;
}
.fotorama_vertical .fotorama__arr_prev {
top: 0;
margin-top: 0;
}
.fotorama_vertical .fotorama__arr_next {
bottom: 0;
margin-bottom: 0;
}
.fotorama_vertical .fotorama__wrap_mouseover .fotorama__arr_prev,
.fotorama_vertical .fotorama_touch .fotorama__arr_prev {
margin-top: 0;
}
.fotorama_vertical .fotorama__wrap_mouseover .fotorama__arr_next,
.fotorama_vertical .fotorama_touch .fotorama__arr_next {
margin-bottom: 0;
}
.fotorama_vertical .fotorama__wrap_mouseout .fotorama__arr_prev {
margin-top: -44px;
}
.fotorama_vertical .fotorama__wrap_mouseout .fotorama__arr_next {
margin-bottom: -44px;
}
.fotorama__caption {
margin: 0.5em 0;
white-space: normal;
position: relative;
}
.fotorama__caption_overlay,
.fotorama_fullscreen .fotorama__caption {
background-color: #1e1d1c;
color: white;
z-index: 15;
margin: 0;
position: absolute;
left: 0;
bottom: 0;
padding: 5px 10px;
}
.fotorama__fsi {
position: absolute;
width: 32px;
height: 32px;
right: 0;
top: 0;
opacity: 0;
font-size: 0;
line-height: 0;
z-index: 20;
cursor: pointer;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.fotorama__fsi .i0 {
position: absolute;
width: 32px;
height: 32px;
top: 0;
left: 0;
background: url(data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==);
border: none;
}
.fotorama__fsi i {
position: absolute;
width: 4px;
height: 4px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
border: 1px solid #111111;
}
.fotorama__fsi .i1 .i1,
.fotorama__fsi .i2 .i2,
.fotorama__fsi .i3 .i3,
.fotorama__fsi .i4 .i4 {
width: 3px;
height: 3px;
border-color: #eee;
top: 0;
left: 0;
margin: 0 !important;
}
.fotorama__fsi .i1 {
top: 7px;
left: 7px;
border-right: none;
border-bottom: none;
margin: 2px 0 0 2px;
}
.fotorama__fsi .i2 {
top: 7px;
left: 18px;
border-left: none;
border-bottom: none;
margin: 2px 0 0;
}
.fotorama__fsi .i3 {
top: 18px;
left: 18px;
border-top: none;
border-left: none;
}
.fotorama__fsi .i4 {
top: 18px;
left: 7px;
border-right: none;
border-top: none;
margin: 0 0 0 2px;
}
.fotorama__fsi.fotorama__fsi_hover .i1,
.fotorama__fsi.fotorama__fsi_hover .i2,
.fotorama__fsi.fotorama__fsi_hover .i3,
.fotorama__fsi.fotorama__fsi_hover .i4 {
margin: 1px 0 0 1px;
}
.fotorama_fullscreen .fotorama__fsi .i1,
.fotorama_fullscreen .fotorama__fsi .i2,
.fotorama_fullscreen .fotorama__fsi .i3,
.fotorama_fullscreen .fotorama__fsi .i4 {
margin: 1px 0 0 1px;
}
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i1 {
margin: 2px 0 0 2px;
}
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i2 {
margin: 2px 0 0;
}
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i3 {
margin: 0;
}
.fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i4 {
margin: 0 0 0 2px;
}
.fotorama__wrap_mouseover .fotorama__fsi,
.fotorama_touch .fotorama__fsi {
opacity: 1;
}
.fotorama__state {
position: absolute;
width: 32px;
height: 32px;
margin-left: -16px;
margin-top: -16px;
line-height: 32px;
font-size: 32px;
text-align: center;
background-repeat: no-repeat;
z-index: 6;
top: 50%;
left: auto;
font-family: Georgia;
}
.fotorama__state svg {
width: 32px;
height: 32px;
display: none;
}
.fotorama_vertical .fotorama__state {
top: auto;
left: 50%;
}
.fotorama_loading .fotorama__state span {
top: -3px;
}
.fotorama_loading .fotorama__thumb-border {
border-style: dashed;
background: none;
}
.fotorama_error .fotorama__state {
background-position: 0 0 !important;
}
.fotorama_error .fotorama__state svg {
display: block;
}
.fotorama_error .fotorama__thumb-border {
border-color: #ff002a #e50015 #c00!important;
background: none;
border-style: dashed;
}
.fotorama_error .fotorama__thumb_selected .fotorama__thumb__dot {
background-color: #e50015!important;
background-color: rgba(229, 0, 21, 0.5) !important;
} img#wpstats {
display: block;
margin: 0 auto 20px;
} .wrapper .gform_wrapper select,
.wrapper .gform_wrapper textarea,
.wrapper .gform_wrapper input[type=text],
.wrapper .gform_wrapper input[type=url],
.wrapper .gform_wrapper input[type=email],
.wrapper .gform_wrapper input[type=tel],
.wrapper .gform_wrapper input[type=number],
.wrapper .gform_wrapper input[type=password] {
padding: 4px 6px;
font-size: 14px;
}
.wrapper .gform_wrapper .gfield_checkbox li input[type=checkbox],
.wrapper .gform_wrapper .gfield_radio li input[type=radio],
.wrapper .gform_wrapper .gfield_checkbox li input {
margin-left: 4px;
}
.wrapper .gform_wrapper .top_label .gfield_label {
margin-top: 15px;
font-weight: normal;
}
.wrapper .gform_wrapper .ginput_complex label,
.wrapper .gform_wrapper .gfield_time_hour label,
.wrapper .gform_wrapper .gfield_time_minute label,
.wrapper .gform_wrapper .gfield_date_month label,
.wrapper .gform_wrapper .gfield_date_day label,
.wrapper .gform_wrapper .gfield_date_year label,
.wrapper .gform_wrapper .instruction {
font-size: 12px;
letter-spacing: 0.5pt;
}
.wrapper .gform_wrapper img.ui-datepicker-trigger {
margin-top: 6px;
}
.wrapper .gform_wrapper table.gfield_list td img {
vertical-align: bottom;
margin-bottom: 1px !important;
}
.wrapper .gform_wrapper .gf_progressbar_wrapper {
border-bottom-style: solid;
}
.wrapper .gform_wrapper .gf_progressbar {
height: 26px;
background-image: none;
border-width: 0;
background-color: rgba(0, 0, 0, 0.05);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.wrapper .gform_wrapper .percentbar_blue {
height: 26px;
line-height: 26px !important;
font-size: 14px !important;
background-image: none;
background-color: #1698c5;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fb3e6), to(#1698c5));
background-image: -webkit-linear-gradient(top, #1fb3e6, #1698c5);
background-image: -moz-linear-gradient(top, #1fb3e6, #1698c5);
background-image: linear-gradient(to bottom, #1fb3e6, #1698c5);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.35), inset 0 -1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(255,255,255,.35), inset 0 -1px 1px rgba(0,0,0,.05);
}
.wrapper .gform_wrapper .gsection {
font-size: 20px;
line-height: 22px;
border-bottom-style: solid;
padding: 0 0 4px 0;
margin: 32px 0 10px;
} @font-face {
font-family: Entypo;
src: url(//www.faarvent.com.mx/wp-content/themes/souffle/fontfaces/Entypo/entypo.eot);
src: url(//www.faarvent.com.mx/wp-content/themes/souffle/fontfaces/Entypo/entypo.eot?#iefix) format('embedded-opentype'), url(//www.faarvent.com.mx/wp-content/themes/souffle/fontfaces/Entypo/entypo.woff) format('woff'), url(//www.faarvent.com.mx/wp-content/themes/souffle/fontfaces/Entypo/entypo.ttf) format('truetype'), url(//www.faarvent.com.mx/wp-content/themes/souffle/fontfaces/Entypo/entypo.svg#EntypoRegular) format('svg');
font-weight: normal;
font-style: normal;
}
.icon:before {
display: inline-block;
vertical-align: -1px;
font-family: Entypo;
font-style: normal;
font-weight: normal;
margin-right: 2px;
font-size: 20px;
text-align: center;
text-transform: none;
}
.icon.large:before {
vertical-align: -3px;
font-size: 30px;
margin-right: 5px;
}
.icon.huge:before {
vertical-align: -5px;
font-size: 40px;
margin-right: 10px;
width: 40px;
}
.wrapper-icon {
display: inline;
line-height: .7em;
}
.icon.plus:before {
content: '\2b';
} .icon.minus:before {
content: '\2d';
} .icon.info:before {
content: '\2139';
} .icon.left-thin:before {
content: '\2190';
} .icon.up-thin:before {
content: '\2191';
} .icon.right-thin:before {
content: '\2192';
} .icon.down-thin:before {
content: '\2193';
} .icon.level-up:before {
content: '\21b0';
} .icon.level-down:before {
content: '\21b3';
} .icon.switch:before {
content: '\21c6';
} .icon.infinity:before {
content: '\221e';
} .icon.plus-squared:before {
content: '\229e';
} .icon.minus-squared:before {
content: '\229f';
} .icon.home:before {
content: '\2302';
} .icon.keyboard:before {
content: '\2328';
} .icon.erase:before {
content: '\232b';
} .icon.pause:before {
content: '\2389';
} .icon.fast-forward:before {
content: '\23e9';
} .icon.fast-backward:before {
content: '\23ea';
} .icon.to-end:before {
content: '\23ed';
} .icon.to-start:before {
content: '\23ee';
} .icon.hourglass:before {
content: '\23f3';
} .icon.stop:before {
content: '\25a0';
} .icon.up-dir:before {
content: '\25b4';
} .icon.youtube:before,
.icon.play:before {
content: '\25b6';
} .icon.right-dir:before {
content: '\25b8';
} .icon.down-dir:before {
content: '\25be';
} .icon.left-dir:before {
content: '\25c2';
} .icon.adjust:before {
content: '\25d1';
} .icon.cloud:before {
content: '\2601';
} .icon.star:before {
content: '\2605';
} .icon.star-empty:before {
content: '\2606';
} .icon.cup:before {
content: '\2615';
} .icon.menu:before {
content: '\2630';
} .icon.moon:before {
content: '\263d';
} .icon.heart-empty:before {
content: '\2661';
} .icon.heart:before {
content: '\2665';
} .icon.note:before {
content: '\266a';
} .icon.note-beamed:before {
content: '\266b';
} .icon.layout:before {
content: '\268f';
} .icon.flag:before {
content: '\2691';
} .icon.tools:before {
content: '\2692';
} .icon.cog:before {
content: '\2699';
} .icon.attention:before {
content: '\26a0';
} .icon.flash:before {
content: '\26a1';
} .icon.record:before {
content: '\26ab';
} .icon.cloud-thunder:before {
content: '\26c8';
} .icon.tape:before {
content: '\2707';
} .icon.flight:before {
content: '\2708';
} .icon.email:before,
.icon.mail:before {
content: '\2709';
} .icon.pencil:before {
content: '\270e';
} .icon.feather:before {
content: '\2712';
} .icon.check:before {
content: '\2713';
} .icon.cancel:before {
content: '\2715';
} .icon.cancel-circled:before {
content: '\2716';
} .icon.cancel-squared:before {
content: '\274e';
} .icon.help:before {
content: '\2753';
} .icon.quote:before {
content: '\275e';
} .icon.plus-circled:before {
content: '\2795';
} .icon.minus-circled:before {
content: '\2796';
} .icon.right:before {
content: '\27a1';
} .icon.direction:before {
content: '\27a2';
} .icon.forward:before {
content: '\27a6';
} .icon.ccw:before {
content: '\27f2';
} .icon.cw:before {
content: '\27f3';
} .icon.left:before {
content: '\2b05';
} .icon.up:before {
content: '\2b06';
} .icon.down:before {
content: '\2b07';
} .icon.list-add:before {
content: '\e003';
} .icon.list:before {
content: '\e005';
} .icon.left-bold:before {
content: '\e4ad';
} .icon.right-bold:before {
content: '\e4ae';
} .icon.up-bold:before {
content: '\e4af';
} .icon.down-bold:before {
content: '\e4b0';
} .icon.user-add:before {
content: '\e700';
} .icon.help-circled:before {
content: '\e704';
} .icon.info-circled:before {
content: '\e705';
} .icon.eye:before {
content: '\e70a';
} .icon.tag:before {
content: '\e70c';
} .icon.upload-cloud:before {
content: '\e711';
} .icon.reply:before {
content: '\e712';
} .icon.reply-all:before {
content: '\e713';
} .icon.code:before {
content: '\e714';
} .icon.export:before {
content: '\e715';
} .icon.print:before {
content: '\e716';
} .icon.retweet:before {
content: '\e717';
} .icon.comment:before {
content: '\e718';
} .icon.chat:before {
content: '\e720';
} .icon.vcard:before {
content: '\e722';
} .icon.address:before {
content: '\e723';
} .icon.location:before {
content: '\e724';
} .icon.map:before {
content: '\e727';
} .icon.compass:before {
content: '\e728';
} .icon.trash:before {
content: '\e729';
} .icon.doc:before {
content: '\e730';
} .icon.doc-text-inv:before {
content: '\e731';
} .icon.docs:before {
content: '\e736';
} .icon.doc-landscape:before {
content: '\e737';
} .icon.archive:before {
content: '\e738';
} .icon.rss:before {
content: '\e73a';
} .icon.share:before {
content: '\e73c';
} .icon.basket:before {
content: '\e73d';
} .icon.shareable:before {
content: '\e73e';
} .icon.login:before {
content: '\e740';
} .icon.logout:before {
content: '\e741';
} .icon.volume:before {
content: '\e742';
} .icon.resize-full:before {
content: '\e744';
} .icon.resize-small:before {
content: '\e746';
} .icon.popup:before {
content: '\e74c';
} .icon.publish:before {
content: '\e74d';
} .icon.window:before {
content: '\e74e';
} .icon.arrow-combo:before {
content: '\e74f';
} .icon.chart-pie:before {
content: '\e751';
} .icon.language:before {
content: '\e752';
} .icon.air:before {
content: '\e753';
} .icon.database:before {
content: '\e754';
} .icon.drive:before {
content: '\e755';
} .icon.bucket:before {
content: '\e756';
} .icon.thermometer:before {
content: '\e757';
} .icon.down-circled:before {
content: '\e758';
} .icon.left-circled:before {
content: '\e759';
} .icon.right-circled:before {
content: '\e75a';
} .icon.up-circled:before {
content: '\e75b';
} .icon.down-open:before {
content: '\e75c';
} .icon.left-open:before {
content: '\e75d';
} .icon.right-open:before {
content: '\e75e';
} .icon.up-open:before {
content: '\e75f';
} .icon.down-open-mini:before {
content: '\e760';
} .icon.left-open-mini:before {
content: '\e761';
} .icon.right-open-mini:before {
content: '\e762';
} .icon.up-open-mini:before {
content: '\e763';
} .icon.down-open-big:before {
content: '\e764';
} .icon.left-open-big:before {
content: '\e765';
} .icon.right-open-big:before {
content: '\e766';
} .icon.up-open-big:before {
content: '\e767';
} .icon.progress-0:before {
content: '\e768';
} .icon.progress-1:before {
content: '\e769';
} .icon.progress-2:before {
content: '\e76a';
} .icon.progress-3:before {
content: '\e76b';
} .icon.back-in-time:before {
content: '\e771';
} .icon.network:before {
content: '\e776';
} .icon.inbox:before {
content: '\e777';
} .icon.install:before {
content: '\e778';
} .icon.lifebuoy:before {
content: '\e788';
} .icon.mouse:before {
content: '\e789';
} .icon.dot:before {
content: '\e78b';
} .icon.dot-2:before {
content: '\e78c';
} .icon.dot-3:before {
content: '\e78d';
} .icon.suitcase:before {
content: '\e78e';
} .icon.flow-cascade:before {
content: '\e790';
} .icon.flow-branch:before {
content: '\e791';
} .icon.flow-tree:before {
content: '\e792';
} .icon.flow-line:before {
content: '\e793';
} .icon.flow-parallel:before {
content: '\e794';
} .icon.brush:before {
content: '\e79a';
} .icon.paper-plane:before {
content: '\e79b';
} .icon.magnet:before {
content: '\e7a1';
} .icon.gauge:before {
content: '\e7a2';
} .icon.traffic-cone:before {
content: '\e7a3';
} .icon.cc:before {
content: '\e7a5';
} .icon.cc-by:before {
content: '\e7a6';
} .icon.cc-nc:before {
content: '\e7a7';
} .icon.cc-nc-eu:before {
content: '\e7a8';
} .icon.cc-nc-jp:before {
content: '\e7a9';
} .icon.cc-sa:before {
content: '\e7aa';
} .icon.cc-nd:before {
content: '\e7ab';
} .icon.cc-pd:before {
content: '\e7ac';
} .icon.cc-zero:before {
content: '\e7ad';
} .icon.cc-share:before {
content: '\e7ae';
} .icon.cc-remix:before {
content: '\e7af';
} .icon.github:before {
content: '\f300';
} .icon.github.circle:before {
content: '\f301';
} .icon.flickr:before {
content: '\f303';
} .icon.flickr.circle:before {
content: '\f304';
} .icon.vimeo:before {
content: '\f306';
} .icon.vimeo.circle:before {
content: '\f307';
} .icon.twitter:before {
content: '\f309';
} .icon.twitter.circle:before {
content: '\f30a';
} .icon.facebook-alt:before {
content: '\f30c';
} .icon.facebook.circle:before {
content: '\f30d';
} .icon.facebook:before {
content: '\f30e';
} .icon.google-plus:before,
.icon.googleplus:before {
content: '\f30f';
} .icon.google-plus.circle:before,
.icon.googleplus.circle:before {
content: '\f310';
} .icon.pinterest:before {
content: '\f312';
} .icon.pinterest.circle:before {
content: '\f313';
} .icon.tumblr:before {
content: '\f315';
} .icon.tumblr.circle:before {
content: '\f316';
} .icon.linkedin:before {
content: '\f318';
} .icon.linkedin.circle:before {
content: '\f319';
} .icon.dribbble:before {
content: '\f31b';
} .icon.dribbble.circle:before {
content: '\f31c';
} .icon.stumbleupon:before {
content: '\f31e';
} .icon.stumbleupon.circle:before {
content: '\f31f';
} .icon.last-fm:before,
.icon.lastfm:before {
content: '\f321';
} .icon.last-fm.circle:before,
.icon.lastfm.circle:before {
content: '\f322';
} .icon.rdio:before {
content: '\f324';
} .icon.rdio.circle:before {
content: '\f325';
} .icon.spotify:before {
content: '\f327';
} .icon.spotify.circle:before {
content: '\f328';
} .icon.qq:before {
content: '\f32a';
} .icon.instagrem:before {
content: '\f32d';
} .icon.dropbox:before {
content: '\f330';
} .icon.evernote:before {
content: '\f333';
} .icon.flattr:before {
content: '\f336';
} .icon.skype:before {
content: '\f339';
} .icon.skype.circle:before {
content: '\f33a';
} .icon.renren:before {
content: '\f33c';
} .icon.sina-weibo:before {
content: '\f33f';
} .icon.paypal:before {
content: '\f342';
} .icon.picasa:before {
content: '\f345';
} .icon.soundcloud:before {
content: '\f348';
} .icon.mixi:before {
content: '\f34b';
} .icon.behance:before {
content: '\f34e';
} .icon.google.circle:before {
content: '\f351';
} .icon.vkontakte:before {
content: '\f354';
} .icon.smashing:before {
content: '\f357';
} .icon.db-shape:before {
content: '\f600';
} .icon.sweden:before {
content: '\f601';
} .icon.logo-db:before {
content: '\f603';
} .icon.picture:before {
content: '🌄';
} .icon.globe:before {
content: '🌎';
} .icon.leaf:before {
content: '🍂';
} .icon.graduation-cap:before {
content: '🎓';
} .icon.mic:before {
content: '🎤';
} .icon.palette:before {
content: '🎨';
} .icon.ticket:before {
content: '🎫';
} .icon.video:before {
content: '🎬';
} .icon.target:before {
content: '🎯';
} .icon.music:before {
content: '🎵';
} .icon.trophy:before {
content: '🏆';
} .icon.thumbs-up:before {
content: '👍';
} .icon.thumbs-down:before {
content: '👎';
} .icon.bag:before {
content: '👜';
} .icon.user:before {
content: '👤';
} .icon.users:before {
content: '👥';
} .icon.lamp:before {
content: '💡';
} .icon.alert:before {
content: '💥';
} .icon.water:before {
content: '💦';
} .icon.droplet:before {
content: '💧';
} .icon.credit-card:before {
content: '💳';
} .icon.monitor:before {
content: '💻';
} .icon.briefcase:before {
content: '💼';
} .icon.floppy:before {
content: '💾';
} .icon.cd:before {
content: '💿';
} .icon.folder:before {
content: '📁';
} .icon.doc-text:before {
content: '📄';
} .icon.calendar:before {
content: '📅';
} .icon.chart-line:before {
content: '📈';
} .icon.chart-bar:before {
content: '📊';
} .icon.clipboard:before {
content: '📋';
} .icon.attach:before {
content: '📎';
} .icon.bookmarks:before {
content: '📑';
} .icon.book:before {
content: '📕';
} .icon.open-book:before {
content: '📖';
} .icon.phone:before {
content: '📞';
} .icon.megaphone:before {
content: '📣';
} .icon.upload:before {
content: '📤';
} .icon.download:before {
content: '📥';
} .icon.box:before {
content: '📦';
} .icon.newspaper:before {
content: '📰';
} .icon.mobile:before {
content: '📱';
} .icon.signal:before {
content: '📶';
} .icon.camera:before {
content: '📷';
} .icon.shuffle:before {
content: '🔀';
} .icon.loop:before {
content: '🔁';
} .icon.arrows-ccw:before {
content: '🔄';
} .icon.light-down:before {
content: '🔅';
} .icon.light-up:before {
content: '🔆';
} .icon.mute:before {
content: '🔇';
} .icon.sound:before {
content: '🔊';
} .icon.battery:before {
content: '🔋';
} .icon.search:before {
content: '🔍';
} .icon.key:before {
content: '🔑';
} .icon.lock:before {
content: '🔒';
} .icon.lock-open:before {
content: '🔓';
} .icon.bell:before {
content: '🔔';
} .icon.bookmark:before {
content: '🔖';
} .icon.link:before {
content: '🔗';
} .icon.back:before {
content: '🔙';
} .icon.flashlight:before {
content: '🔦';
} .icon.chart-area:before {
content: '🔾';
} .icon.clock:before {
content: '🕔';
} .icon.rocket:before {
content: '🚀';
} .icon.block:before {
content: '🚫';
}  @font-face {
font-family: FontAwesome;
src: url(//www.faarvent.com.mx/wp-content/themes/souffle/fontfaces/FontAwesome/fontawesome-webfont.eot?v=3.0.1);
src: url(//www.faarvent.com.mx/wp-content/themes/souffle/fontfaces/FontAwesome/fontawesome-webfont.eot?v=3.0.1#iefix) format('embedded-opentype'), url(//www.faarvent.com.mx/wp-content/themes/souffle/fontfaces/FontAwesome/fontawesome-webfont.woff?v=3.0.1) format('woff'), url(//www.faarvent.com.mx/wp-content/themes/souffle/fontfaces/FontAwesome/fontawesome-webfont.ttf?v=3.0.1) format('truetype');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: FontAwesome;
font-weight: normal;
font-size: inherit;
font-style: normal;
display: inline-block;
text-decoration: inherit;
}
a [class^="icon-"],
a [class*=" icon-"] {
display: inline-block;
text-decoration: inherit;
}
.icon-large:before {
vertical-align: -1px;
font-size: 20px;
margin-right: 6px;
}
.icon-huge:before {
vertical-align: -8px;
font-size: 40px;
margin-right: 8px;
}
.btn [class^="icon-"],
.btn [class*=" icon-"] {
line-height: .9em;
}
li .icon-large[class^="icon-"],
li .icon-large[class*=" icon-"] {
width: 1.875em;
}
li[class^="icon-"],
li[class*=" icon-"] {
margin-left: 0;
list-style-type: none;
}
li[class^="icon-"]:before,
li[class*=" icon-"]:before,
*[class^="icon-text"]:before,
*[class*=" icon-text"]:before {
text-indent: -2em;
text-align: center;
}
*[class^="icon-text"]:before,
*[class*=" icon-text"]:before {
text-indent: -1.5em;
}
li[class^="icon-"].icon-large:before,
li[class*=" icon-"].icon-large:before {
text-indent: -1.3333333333333333em;
}
.icon-glass:before {
content: "\f000";
}
.icon-music:before {
content: "\f001";
}
.icon-search:before {
content: "\f002";
}
.icon-envelope:before {
content: "\f003";
}
.icon-heart:before {
content: "\f004";
}
.icon-star:before {
content: "\f005";
}
.icon-star-empty:before {
content: "\f006";
}
.icon-user:before {
content: "\f007";
}
.icon-film:before {
content: "\f008";
}
.icon-th-large:before {
content: "\f009";
}
.icon-th:before {
content: "\f00a";
}
.icon-th-list:before {
content: "\f00b";
}
.icon-ok:before {
content: "\f00c";
}
.icon-remove:before {
content: "\f00d";
}
.icon-zoom-in:before {
content: "\f00e";
}
.icon-zoom-out:before {
content: "\f010";
}
.icon-off:before {
content: "\f011";
}
.icon-signal:before {
content: "\f012";
}
.icon-cog:before {
content: "\f013";
}
.icon-trash:before {
content: "\f014";
}
.icon-home:before {
content: "\f015";
}
.icon-file:before {
content: "\f016";
}
.icon-time:before {
content: "\f017";
}
.icon-road:before {
content: "\f018";
}
.icon-download-alt:before {
content: "\f019";
}
.icon-download:before {
content: "\f01a";
}
.icon-upload:before {
content: "\f01b";
}
.icon-inbox:before {
content: "\f01c";
}
.icon-play-circle:before {
content: "\f01d";
}
.icon-repeat:before {
content: "\f01e";
} .icon-refresh:before {
content: "\f021";
}
.icon-list-alt:before {
content: "\f022";
}
.icon-lock:before {
content: "\f023";
}
.icon-flag:before {
content: "\f024";
}
.icon-headphones:before {
content: "\f025";
}
.icon-volume-off:before {
content: "\f026";
}
.icon-volume-down:before {
content: "\f027";
}
.icon-volume-up:before {
content: "\f028";
}
.icon-qrcode:before {
content: "\f029";
}
.icon-barcode:before {
content: "\f02a";
}
.icon-tag:before {
content: "\f02b";
}
.icon-tags:before {
content: "\f02c";
}
.icon-book:before {
content: "\f02d";
}
.icon-bookmark:before {
content: "\f02e";
}
.icon-print:before {
content: "\f02f";
}
.icon-camera:before {
content: "\f030";
}
.icon-font:before {
content: "\f031";
}
.icon-bold:before {
content: "\f032";
}
.icon-italic:before {
content: "\f033";
}
.icon-text-height:before {
content: "\f034";
}
.icon-text-width:before {
content: "\f035";
}
.icon-align-left:before {
content: "\f036";
}
.icon-align-center:before {
content: "\f037";
}
.icon-align-right:before {
content: "\f038";
}
.icon-align-justify:before {
content: "\f039";
}
.icon-list:before {
content: "\f03a";
}
.icon-indent-left:before {
content: "\f03b";
}
.icon-indent-right:before {
content: "\f03c";
}
.icon-facetime-video:before {
content: "\f03d";
}
.icon-picture:before {
content: "\f03e";
}
.icon-pencil:before {
content: "\f040";
}
.icon-map-marker:before {
content: "\f041";
}
.icon-adjust:before {
content: "\f042";
}
.icon-tint:before {
content: "\f043";
}
.icon-edit:before {
content: "\f044";
}
.icon-share:before {
content: "\f045";
}
.icon-check:before {
content: "\f046";
}
.icon-move:before {
content: "\f047";
}
.icon-step-backward:before {
content: "\f048";
}
.icon-fast-backward:before {
content: "\f049";
}
.icon-backward:before {
content: "\f04a";
}
.icon-play:before {
content: "\f04b";
}
.icon-pause:before {
content: "\f04c";
}
.icon-stop:before {
content: "\f04d";
}
.icon-forward:before {
content: "\f04e";
}
.icon-fast-forward:before {
content: "\f050";
}
.icon-step-forward:before {
content: "\f051";
}
.icon-eject:before {
content: "\f052";
}
.icon-chevron-left:before {
content: "\f053";
}
.icon-chevron-right:before {
content: "\f054";
}
.icon-plus-sign:before {
content: "\f055";
}
.icon-minus-sign:before {
content: "\f056";
}
.icon-remove-sign:before {
content: "\f057";
}
.icon-ok-sign:before {
content: "\f058";
}
.icon-question-sign:before {
content: "\f059";
}
.icon-info-sign:before {
content: "\f05a";
}
.icon-screenshot:before {
content: "\f05b";
}
.icon-remove-circle:before {
content: "\f05c";
}
.icon-ok-circle:before {
content: "\f05d";
}
.icon-ban-circle:before {
content: "\f05e";
}
.icon-arrow-left:before {
content: "\f060";
}
.icon-arrow-right:before {
content: "\f061";
}
.icon-arrow-up:before {
content: "\f062";
}
.icon-arrow-down:before {
content: "\f063";
}
.icon-share-alt:before {
content: "\f064";
}
.icon-resize-full:before {
content: "\f065";
}
.icon-resize-small:before {
content: "\f066";
}
.icon-plus:before {
content: "\f067";
}
.icon-minus:before {
content: "\f068";
}
.icon-asterisk:before {
content: "\f069";
}
.icon-exclamation-sign:before {
content: "\f06a";
}
.icon-gift:before {
content: "\f06b";
}
.icon-leaf:before {
content: "\f06c";
}
.icon-fire:before {
content: "\f06d";
}
.icon-eye-open:before {
content: "\f06e";
}
.icon-eye-close:before {
content: "\f070";
}
.icon-warning-sign:before {
content: "\f071";
}
.icon-plane:before {
content: "\f072";
}
.icon-calendar:before {
content: "\f073";
}
.icon-random:before {
content: "\f074";
}
.icon-comment:before {
content: "\f075";
}
.icon-magnet:before {
content: "\f076";
}
.icon-chevron-up:before {
content: "\f077";
}
.icon-chevron-down:before {
content: "\f078";
}
.icon-retweet:before {
content: "\f079";
}
.icon-shopping-cart:before {
content: "\f07a";
}
.icon-folder-close:before {
content: "\f07b";
}
.icon-folder-open:before {
content: "\f07c";
}
.icon-resize-vertical:before {
content: "\f07d";
}
.icon-resize-horizontal:before {
content: "\f07e";
}
.icon-bar-chart:before {
content: "\f080";
}
.icon-twitter-sign:before {
content: "\f081";
}
.icon-facebook-sign:before {
content: "\f082";
}
.icon-camera-retro:before {
content: "\f083";
}
.icon-key:before {
content: "\f084";
}
.icon-cogs:before {
content: "\f085";
}
.icon-comments:before {
content: "\f086";
}
.icon-thumbs-up:before {
content: "\f087";
}
.icon-thumbs-down:before {
content: "\f088";
}
.icon-star-half:before {
content: "\f089";
}
.icon-heart-empty:before {
content: "\f08a";
}
.icon-signout:before {
content: "\f08b";
}
.icon-linkedin-sign:before {
content: "\f08c";
}
.icon-pushpin:before {
content: "\f08d";
}
.icon-external-link:before {
content: "\f08e";
}
.icon-signin:before {
content: "\f090";
}
.icon-trophy:before {
content: "\f091";
}
.icon-github-sign:before {
content: "\f092";
}
.icon-upload-alt:before {
content: "\f093";
}
.icon-lemon:before {
content: "\f094";
}
.icon-phone:before {
content: "\f095";
}
.icon-check-empty:before {
content: "\f096";
}
.icon-bookmark-empty:before {
content: "\f097";
}
.icon-phone-sign:before {
content: "\f098";
}
.icon-twitter:before {
content: "\f099";
}
.icon-facebook:before {
content: "\f09a";
}
.icon-github:before {
content: "\f09b";
}
.icon-unlock:before {
content: "\f09c";
}
.icon-credit-card:before {
content: "\f09d";
}
.icon-rss:before {
content: "\f09e";
}
.icon-hdd:before {
content: "\f0a0";
}
.icon-bullhorn:before {
content: "\f0a1";
}
.icon-bell:before {
content: "\f0a2";
}
.icon-certificate:before {
content: "\f0a3";
}
.icon-hand-right:before {
content: "\f0a4";
}
.icon-hand-left:before {
content: "\f0a5";
}
.icon-hand-up:before {
content: "\f0a6";
}
.icon-hand-down:before {
content: "\f0a7";
}
.icon-circle-arrow-left:before {
content: "\f0a8";
}
.icon-circle-arrow-right:before {
content: "\f0a9";
}
.icon-circle-arrow-up:before {
content: "\f0aa";
}
.icon-circle-arrow-down:before {
content: "\f0ab";
}
.icon-globe:before {
content: "\f0ac";
}
.icon-wrench:before {
content: "\f0ad";
}
.icon-tasks:before {
content: "\f0ae";
}
.icon-filter:before {
content: "\f0b0";
}
.icon-briefcase:before {
content: "\f0b1";
}
.icon-fullscreen:before {
content: "\f0b2";
}
.icon-group:before {
content: "\f0c0";
}
.icon-link:before {
content: "\f0c1";
}
.icon-cloud:before {
content: "\f0c2";
}
.icon-beaker:before {
content: "\f0c3";
}
.icon-cut:before {
content: "\f0c4";
}
.icon-copy:before {
content: "\f0c5";
}
.icon-paper-clip:before {
content: "\f0c6";
}
.icon-save:before {
content: "\f0c7";
}
.icon-sign-blank:before {
content: "\f0c8";
}
.icon-reorder:before {
content: "\f0c9";
}
.icon-list-ul:before {
content: "\f0ca";
}
.icon-list-ol:before {
content: "\f0cb";
}
.icon-strikethrough:before {
content: "\f0cc";
}
.icon-underline:before {
content: "\f0cd";
}
.icon-table:before {
content: "\f0ce";
}
.icon-magic:before {
content: "\f0d0";
}
.icon-truck:before {
content: "\f0d1";
}
.icon-pinterest:before {
content: "\f0d2";
}
.icon-pinterest-sign:before {
content: "\f0d3";
}
.icon-google-plus-sign:before {
content: "\f0d4";
}
.icon-google-plus:before {
content: "\f0d5";
}
.icon-money:before {
content: "\f0d6";
}
.icon-caret-down:before {
content: "\f0d7";
}
.icon-caret-up:before {
content: "\f0d8";
}
.icon-caret-left:before {
content: "\f0d9";
}
.icon-caret-right:before {
content: "\f0da";
}
.icon-columns:before {
content: "\f0db";
}
.icon-sort:before {
content: "\f0dc";
}
.icon-sort-down:before {
content: "\f0dd";
}
.icon-sort-up:before {
content: "\f0de";
}
.icon-mail:before,
.icon-envelope-alt:before {
content: "\f0e0";
}
.icon-linkedin:before {
content: "\f0e1";
}
.icon-undo:before {
content: "\f0e2";
}
.icon-legal:before {
content: "\f0e3";
}
.icon-dashboard:before {
content: "\f0e4";
}
.icon-comment-alt:before {
content: "\f0e5";
}
.icon-comments-alt:before {
content: "\f0e6";
}
.icon-bolt:before {
content: "\f0e7";
}
.icon-sitemap:before {
content: "\f0e8";
}
.icon-umbrella:before {
content: "\f0e9";
}
.icon-paste:before {
content: "\f0ea";
}
.icon-lightbulb:before {
content: "\f0eb";
}
.icon-exchange:before {
content: "\f0ec";
}
.icon-cloud-download:before {
content: "\f0ed";
}
.icon-cloud-upload:before {
content: "\f0ee";
}
.icon-user-md:before {
content: "\f0f0";
}
.icon-stethoscope:before {
content: "\f0f1";
}
.icon-suitcase:before {
content: "\f0f2";
}
.icon-bell-alt:before {
content: "\f0f3";
}
.icon-coffee:before {
content: "\f0f4";
}
.icon-food:before {
content: "\f0f5";
}
.icon-file-alt:before {
content: "\f0f6";
}
.icon-building:before {
content: "\f0f7";
}
.icon-hospital:before {
content: "\f0f8";
}
.icon-ambulance:before {
content: "\f0f9";
}
.icon-medkit:before {
content: "\f0fa";
}
.icon-fighter-jet:before {
content: "\f0fb";
}
.icon-beer:before {
content: "\f0fc";
}
.icon-h-sign:before {
content: "\f0fd";
}
.icon-plus-sign-alt:before {
content: "\f0fe";
}
.icon-double-angle-left:before {
content: "\f100";
}
.icon-double-angle-right:before {
content: "\f101";
}
.icon-double-angle-up:before {
content: "\f102";
}
.icon-double-angle-down:before {
content: "\f103";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-desktop:before {
content: "\f108";
}
.icon-laptop:before {
content: "\f109";
}
.icon-tablet:before {
content: "\f10a";
}
.icon-mobile-phone:before {
content: "\f10b";
}
.icon-circle-blank:before {
content: "\f10c";
}
.icon-quote-left:before {
content: "\f10d";
}
.icon-quote-right:before {
content: "\f10e";
}
.icon-spinner:before {
content: "\f110";
}
.icon-circle:before {
content: "\f111";
}
.icon-reply:before {
content: "\f112";
}
.icon-github-alt:before {
content: "\f113";
}
.icon-folder-close-alt:before {
content: "\f114";
}
.icon-folder-open-alt:before {
content: "\f115";
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@-moz-keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@-o-keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px);
}
}
@-moz-keyframes shake {
0%,
100% {
-moz-transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-moz-transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
-moz-transform: translateX(10px);
}
}
@-o-keyframes shake {
0%,
100% {
-o-transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-o-transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
-o-transform: translateX(10px);
}
}
@keyframes shake {
0%,
100% {
transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
}
}
@-moz-keyframes tada {
0% {
-moz-transform: scale(1);
}
10%,
20% {
-moz-transform: scale(0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-moz-transform: scale(1.1) rotate(3deg);
}
40%,
60%,
80% {
-moz-transform: scale(1.1) rotate(-3deg);
}
100% {
-moz-transform: scale(1) rotate(0);
}
}
@-o-keyframes tada {
0% {
-o-transform: scale(1);
}
10%,
20% {
-o-transform: scale(0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-o-transform: scale(1.1) rotate(3deg);
}
40%,
60%,
80% {
-o-transform: scale(1.1) rotate(-3deg);
}
100% {
-o-transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
transform: scale(1);
}
10%,
20% {
transform: scale(0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
transform: scale(1.1) rotate(3deg);
}
40%,
60%,
80% {
transform: scale(1.1) rotate(-3deg);
}
100% {
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%,
40%,
60%,
80%,
100% {
-webkit-transform-origin: top center;
}
20% {
-webkit-transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@-moz-keyframes swing {
20% {
-moz-transform: rotate(15deg);
}
40% {
-moz-transform: rotate(-10deg);
}
60% {
-moz-transform: rotate(5deg);
}
80% {
-moz-transform: rotate(-5deg);
}
100% {
-moz-transform: rotate(0deg);
}
}
@-o-keyframes swing {
20% {
-o-transform: rotate(15deg);
}
40% {
-o-transform: rotate(-10deg);
}
60% {
-o-transform: rotate(5deg);
}
80% {
-o-transform: rotate(-5deg);
}
100% {
-o-transform: rotate(0deg);
}
}
@keyframes swing {
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes wobble {
0% {
-moz-transform: translateX(0%);
}
15% {
-moz-transform: translateX(-25%) rotate(-5deg);
}
30% {
-moz-transform: translateX(20%) rotate(3deg);
}
45% {
-moz-transform: translateX(-15%) rotate(-3deg);
}
60% {
-moz-transform: translateX(10%) rotate(2deg);
}
75% {
-moz-transform: translateX(-5%) rotate(-1deg);
}
100% {
-moz-transform: translateX(0%);
}
}
@-o-keyframes wobble {
0% {
-o-transform: translateX(0%);
}
15% {
-o-transform: translateX(-25%) rotate(-5deg);
}
30% {
-o-transform: translateX(20%) rotate(3deg);
}
45% {
-o-transform: translateX(-15%) rotate(-3deg);
}
60% {
-o-transform: translateX(10%) rotate(2deg);
}
75% {
-o-transform: translateX(-5%) rotate(-1deg);
}
100% {
-o-transform: translateX(0%);
}
}
@keyframes wobble {
0% {
transform: translateX(0%);
}
15% {
transform: translateX(-25%) rotate(-5deg);
}
30% {
transform: translateX(20%) rotate(3deg);
}
45% {
transform: translateX(-15%) rotate(-3deg);
}
60% {
transform: translateX(10%) rotate(2deg);
}
75% {
transform: translateX(-5%) rotate(-1deg);
}
100% {
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes pulse {
0% {
-moz-transform: scale(1);
}
50% {
-moz-transform: scale(1.1);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes pulse {
0% {
-o-transform: scale(1);
}
50% {
-o-transform: scale(1.1);
}
100% {
-o-transform: scale(1);
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(0.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(0.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.flip {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible!important;
-moz-animation-name: flip;
-o-backface-visibility: visible!important;
-o-animation-name: flip;
backface-visibility: visible!important;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible!important;
-o-animation-name: flipInX;
backface-visibility: visible!important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible!important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible!important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible!important;
-o-animation-name: flipInY;
backface-visibility: visible!important;
animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible!important;
-o-animation-name: flipOutY;
backface-visibility: visible!important;
animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(0.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(0.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(0.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(0.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(0.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(0.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(0.3);
}
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(0.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(0.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(0.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate(80deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
opacity: 0;
}
}
@-moz-keyframes hinge {
0% {
-moz-transform: rotate(0);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}
20%,
60% {
-moz-transform: rotate(80deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}
40% {
-moz-transform: rotate(60deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}
80% {
-moz-transform: rotate(60deg) translateY(0);
opacity: 1;
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}
100% {
-moz-transform: translateY(700px);
opacity: 0;
}
}
@-o-keyframes hinge {
0% {
-o-transform: rotate(0);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}
20%,
60% {
-o-transform: rotate(80deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}
40% {
-o-transform: rotate(60deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}
80% {
-o-transform: rotate(60deg) translateY(0);
opacity: 1;
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}
100% {
-o-transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
transform: rotate(0);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%,
60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
80% {
transform: rotate(60deg) translateY(0);
opacity: 1;
transform-origin: top left;
animation-timing-function: ease-in-out;
}
100% {
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
}
@-moz-keyframes rollIn {
0% {
opacity: 0;
-moz-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
}
@-o-keyframes rollIn {
0% {
opacity: 0;
-o-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@-moz-keyframes lightSpeedIn {
0% {
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-moz-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-moz-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@-o-keyframes lightSpeedIn {
0% {
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-o-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-o-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.animated.lightSpeedIn {
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-o-animation-duration: .5s;
animation-duration: 0.5s;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@-moz-keyframes lightSpeedOut {
0% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@-o-keyframes lightSpeedOut {
0% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.lightSpeedOut {
-webkit-animation-duration: .25s;
-moz-animation-duration: .25s;
-o-animation-duration: .25s;
animation-duration: 0.25s;
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
}
10% {
-webkit-transform: skewX(-8deg);
}
20% {
-webkit-transform: skewX(7deg);
}
30% {
-webkit-transform: skewX(-6deg);
}
40% {
-webkit-transform: skewX(5deg);
}
50% {
-webkit-transform: skewX(-4deg);
}
60% {
-webkit-transform: skewX(3deg);
}
70% {
-webkit-transform: skewX(-2deg);
}
80% {
-webkit-transform: skewX(1deg);
}
90% {
-webkit-transform: skewX(0deg);
}
100% {
-webkit-transform: skewX(0deg);
}
}
@-moz-keyframes wiggle {
0% {
-moz-transform: skewX(9deg);
}
10% {
-moz-transform: skewX(-8deg);
}
20% {
-moz-transform: skewX(7deg);
}
30% {
-moz-transform: skewX(-6deg);
}
40% {
-moz-transform: skewX(5deg);
}
50% {
-moz-transform: skewX(-4deg);
}
60% {
-moz-transform: skewX(3deg);
}
70% {
-moz-transform: skewX(-2deg);
}
80% {
-moz-transform: skewX(1deg);
}
90% {
-moz-transform: skewX(0deg);
}
100% {
-moz-transform: skewX(0deg);
}
}
@-o-keyframes wiggle {
0% {
-o-transform: skewX(9deg);
}
10% {
-o-transform: skewX(-8deg);
}
20% {
-o-transform: skewX(7deg);
}
30% {
-o-transform: skewX(-6deg);
}
40% {
-o-transform: skewX(5deg);
}
50% {
-o-transform: skewX(-4deg);
}
60% {
-o-transform: skewX(3deg);
}
70% {
-o-transform: skewX(-2deg);
}
80% {
-o-transform: skewX(1deg);
}
90% {
-o-transform: skewX(0deg);
}
100% {
-o-transform: skewX(0deg);
}
}
@keyframes wiggle {
0% {
transform: skewX(9deg);
}
10% {
transform: skewX(-8deg);
}
20% {
transform: skewX(7deg);
}
30% {
transform: skewX(-6deg);
}
40% {
transform: skewX(5deg);
}
50% {
transform: skewX(-4deg);
}
60% {
transform: skewX(3deg);
}
70% {
transform: skewX(-2deg);
}
80% {
transform: skewX(1deg);
}
90% {
transform: skewX(0deg);
}
100% {
transform: skewX(0deg);
}
}
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.wiggle {
-webkit-animation-duration: .75s;
-moz-animation-duration: .75s;
-o-animation-duration: .75s;
animation-duration: 0.75s;
}
.header-full-width #branding {
background-color: #eeeeee;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));
background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
background-repeat: repeat-x;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.header-full-width #branding,
.header-boxed #branding .inner {
border-bottom: 1px solid #d5d5d5;
}
.menu-line-color.header-full-width #branding,
.menu-line-color.header-boxed #branding .inner {
border-bottom-color: #18a3d3;
}
#branding.fixed {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
right: 0;
top: 28px;
opacity: .95;
}
.logo-on-top #branding.fixed #site-title {
display: none;
}
.header-boxed #branding.fixed {
background: #ffffff;
}
#branding:after {
content: '';
display: table;
clear: both;
}
#branding hgroup {
float: left;
margin-right: 20px;
}
.logo-on-top #branding hgroup {
text-align: center;
float: none;
margin-right: 0;
}
#branding hgroup {
margin-top: 15px;
margin-bottom: 10px;
}
#site-title a {
font-size: 28px;
line-height: 24px;
font-weight: normal;
text-decoration: none;
color: #18a3d3;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
color: #18a3d3;
}
#site-title img {
vertical-align: top;
max-width: 100%;
height: auto;
}
#site-description {
font-size: 11px;
line-height: 16px;
color: #4eb6da;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
} #branding #searchform {
float: right;
*float: none;
width: 50px;
margin-top: 20px;
margin-right: -10px;
overflow: hidden;
}
#branding .searchform-inner {
width: 220px;
}
#branding #s {
float: right;
width: 156px;
margin: 0;
padding: 4px 6px 4px 6px;
background-image: none;
}
#branding .icon {
float: left;
line-height: 30px;
height: 30px;
padding: 0 15px;
cursor: pointer;
color: #999999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#branding .icon:hover,
#branding .icon.focus {
color: #18a3d3;
}
#branding .icon:before {
font-size: 18px;
}
#branding #searchsubmit {
display: none;
}
#branding.small hgroup {
margin-top: 10px;
margin-bottom: 10px;
}
#branding.small #searchform {
margin-top: 10px;
}
.logo-on-top #branding.small #searchform {
margin-top: 8px;
margin-bottom: 8px;
}
.small #access .menu-main-container {
margin-right: 45px;
}
.small #access a {
line-height: 45px;
}
.small #access li.current_page_item > a,
.small #access li.current_page_item:hover > a {
height: 42px;
}
.buttons-menu .small #branding hgroup {
margin-bottom: 12px;
}
.buttons-menu .small #access a {
margin-top: 0;
margin-bottom: 6px;
}
.buttons-menu #access,
#access {
display: block;
position: relative;
margin-left: 0px;
z-index: 500; }
.buttons-menu #access ul,
#access ul {
font-size: 14px;
list-style: none;
margin: 0;
padding-left: 0;
float: left;
}
.buttons-menu #access.right ul,
#access.right ul {
float: right;
}
.buttons-menu #access li,
#access li {
float: left;
position: relative;
}
.buttons-menu #access a,
#access a {
text-decoration: none;
display: block;
padding: 0 15px 0;
line-height: 70px;
margin-bottom: 0;
color: #444444;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.buttons-menu #access .menu-item-with-submenu > a:after,
#access .menu-item-with-submenu > a:after {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 11px;
line-height: 11px;
vertical-align: 1px;
display: inline-block;
content: "\f078";
padding-left: 6px;
max-width: 10px;
color: #777777;
}
.buttons-menu #access li:hover > a,
#access li:hover > a,
.buttons-menu #access li:hover > a:after,
#access li:hover > a:after,
.buttons-menu #access a:focus,
#access a:focus {
color: #18a3d3;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.buttons-menu #access li.current_page_item > a,
#access li.current_page_item > a,
.buttons-menu #access li.current_page_item:hover > a,
#access li.current_page_item:hover > a {
height: 67px;
border-bottom: 3px solid #18a3d3;
color: #18a3d3;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.buttons-menu #access li.current_page_item:hover > a:after,
#access li.current_page_item:hover > a:after {
color: #18a3d3;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.buttons-menu #access li > a:active,
#access li > a:active {
background-color: rgba(0, 0, 0, 0.05);
color: #18a3d3;
-webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.15);
-webkit-transition: box-shadow 0.1s linear;
-moz-transition: box-shadow 0.1s linear;
-o-transition: box-shadow 0.1s linear;
transition: box-shadow 0.1s linear;
}
.buttons-menu #access ul li:hover > ul,
#access ul li:hover > ul,
.buttons-menu #access ul li.hover > ul,
#access ul li.hover > ul {
display: block;
}
.buttons-menu #access ul ul,
#access ul ul {
display: none;
float: left;
margin: 0;
margin-top: -3px;
border-top: 3px solid #18a3d3;
position: absolute;
top: 100%;
left: 0;
width: 190px;
z-index: 99999;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.buttons-menu #access ul ul li,
#access ul ul li {
margin: 0;
padding: 0;
}
.buttons-menu #access ul ul ul,
#access ul ul ul {
border-top-width: 0;
left: 100%;
margin-left: -2px;
top: 0;
}
.buttons-menu #access ul ul a,
#access ul ul a {
font-size: 14px;
height: auto !important;
line-height: 16px !important;
margin: 0 !important;
-webkit-border-radius: 0;
border-radius: 0;
padding: 8px 18px 7px;
border-bottom: 1px solid #e4e4e4 !important;
width: 154px;
background: #eeeeee;
color: #444444;
text-shadow: none;
-webkit-transition: background 0.1s linear;
-moz-transition: background 0.1s linear;
-o-transition: background 0.1s linear;
transition: background 0.1s linear;
}
.buttons-menu #access ul ul li:last-child > a,
#access ul ul li:last-child > a {
border-bottom-width: 0 !important;
}
.buttons-menu #access ul ul .menu-item-with-submenu > a:after,
#access ul ul .menu-item-with-submenu > a:after {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 11px;
line-height: 17px;
display: block;
float: right;
margin-right: -5px;
content: "\f054";
max-width: 10px;
color: #999999;
}
.buttons-menu #access ul ul :hover > a,
#access ul ul :hover > a,
.buttons-menu #access ul ul a:hover,
#access ul ul a:hover,
.buttons-menu #access ul ul li > a:active,
#access ul ul li > a:active {
background-color: #1591bc;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fb3e6), to(#1591bc));
background-image: -webkit-linear-gradient(top, #1fb3e6, #1591bc);
background-image: -moz-linear-gradient(top, #1fb3e6, #1591bc);
background-image: linear-gradient(to bottom, #1fb3e6, #1591bc);
background-repeat: repeat-x;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.buttons-menu #access ul ul :hover > a:after,
#access ul ul :hover > a:after,
.buttons-menu #access ul ul a:hover:after,
#access ul ul a:hover:after,
.buttons-menu #access ul ul li > a:active:after,
#access ul ul li > a:active:after {
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.buttons-menu #access ul ul li.current_page_item > a,
#access ul ul li.current_page_item > a,
.buttons-menu #access ul ul li.current_page_item:hover > a,
#access ul ul li.current_page_item:hover > a {
padding-bottom: 7px !important;
border-bottom-color: #e1e1e1;
background: #e1e1e1 !important;
color: #777777;
-webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15);
text-shadow: none;
}
.buttons-menu #access ul ul li.current_page_item > a:after,
#access ul ul li.current_page_item > a:after,
.buttons-menu #access ul ul li.current_page_item:hover > a:after,
#access ul ul li.current_page_item:hover > a:after {
color: #999999;
}
.buttons-menu #access ul ul li > a:active,
#access ul ul li > a:active {
background-image: none;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
} .buttons-menu #access a {
line-height: 34px;
height: 34px !important;
margin: 18px 0;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-right: 4px !important;
-webkit-transition: background 0.1s linear;
-moz-transition: background 0.1s linear;
-o-transition: background 0.1s linear;
transition: background 0.1s linear;
}
.buttons-menu #access li:hover > a,
.buttons-menu #access a:focus {
background-color: #1591bc;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fb3e6), to(#1591bc));
background-image: -webkit-linear-gradient(top, #1fb3e6, #1591bc);
background-image: -moz-linear-gradient(top, #1fb3e6, #1591bc);
background-image: linear-gradient(to bottom, #1fb3e6, #1591bc);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.15);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.15);
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.buttons-menu #access li:hover > a:after {
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.buttons-menu #access li.current_page_item > a,
.buttons-menu #access li.current_page_item:hover > a {
border-bottom-width: 0;
background-color: rgba(0, 0, 0, 0.02);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0.02)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.02));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.02));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.02));
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.15), inset 0 -1px 0px rgba(255,255,255,.25);
box-shadow: inset 0 1px 2px rgba(0,0,0,.15), inset 0 -1px 0px rgba(255,255,255,.25);
color: #444444;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.buttons-menu #access li > a:active {
background: #1591bc;
-webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.15);
} #responsive-menu-switcher {
display: none;
float: right;
}
.buttons-menu #responsive-menu-switcher a,
#responsive-menu-switcher a {
font-size: 18px;
height: auto !important;
line-height: 30px !important;
margin: 0 !important;
padding: 0 18px;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
border-right: 1px solid #d9d9d9;
color: #999999 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.search-disabled #responsive-menu-switcher a {
border-right-width: 0 !important;
}
#responsive-menu-switcher a:hover {
color: #18a3d3 !important;
}
#responsive-menu-switcher a:active,
#responsive-menu-switcher a.active {
border-right-width: 0;
margin-right: 1px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
background-color: #98d0e3;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#18a3d3), to(#98d0e3));
background-image: -webkit-linear-gradient(top, #18a3d3, #98d0e3);
background-image: -moz-linear-gradient(top, #18a3d3, #98d0e3);
background-image: linear-gradient(to bottom, #18a3d3, #98d0e3);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.5);
box-shadow: inset 0 1px 3px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.5);
color: #fff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) !important;
} .responsive-menu {
display: none;
margin: 0 0 20px;
border-top: 3px solid #18a3d3;
background: #eeeeee; }
.responsive-menu ul {
font-size: 14px;
list-style: none;
margin: 0;
padding-left: 0;
}
.responsive-menu li {
position: relative;
}
.responsive-menu a {
font-weight: bold;
text-decoration: none;
display: block;
padding: 5px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
color: #444444;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.responsive-menu .menu-item-with-submenu > a:after {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 11px;
line-height: 11px;
display: inline-block;
content: "\f078";
padding-left: 6px;
max-width: 10px;
}
.responsive-menu li > a:active {
background: #e1e1e1 !important;
-webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.2);
}
.responsive-menu li.current_page_item > a,
.responsive-menu li.current_page_item:hover > a {
background: #e1e1e1 !important;
color: #777777;
-webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15);
}
.responsive-menu ul ul {
margin: 0;
}
.responsive-menu ul ul a {
padding-left: 30px;
}
.responsive-menu ul ul ul a {
padding-left: 40px;
}
.wide .responsive-menu,
.wide .responsive-menu > ul > li:last-child > a {
margin: 0;
} #top-bar {
font-size: 11px;
padding: 4px 0;
border-bottom: 1px solid #e6e6e6;
background: #ffffff;
color: #777777;
}
#top-bar .left {
float: left;
line-height: 28px;
}
#top-bar .left .icon:before {
vertical-align: middle;
}
#top-bar .right {
text-align: right;
float: right;
}
#top-bar #top-bar-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#top-bar #top-bar-menu li {
display: inline;
font-weight: normal;
}
#top-bar #top-bar-menu a {
padding: 0 5px;
}
#top-bar .widget {
float: right;
margin: 0;
}
#top-bar .widget_social a {
margin-bottom: 0;
color: #444444;
}
#top-bar a {
color: #444444;
text-shadow: none;
}
#top-bar a:hover {
color: #18a3d3;
}
#top-bar #language-flags {
margin-top: 7px;
}
#top-bar #language-flags ul {
list-style: none;
margin: 0;
padding: 0;
}
#top-bar #language-flags ul li {
float: left;
margin-left: 8px;
overflow: hidden;
}
#top-bar #language-flags ul li img {
opacity: 1;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #fff;
}
#top-bar #language-flags ul li a img {
opacity: 0.5;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#top-bar #language-flags ul li img:hover {
opacity: 1;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
} #breadcrumbs {
position: relative;
margin: -10px 0 10px;
font-size: 11px;
}
#breadcrumbs .separator:after {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 14px;
line-height: 14px;
vertical-align: -1px;
display: inline-block;
content: "\f105";
padding: 0 2px;
color: #a2a2a2;
} #main {
clear: both;
*zoom: 1;
}
#main:before,
#main:after {
display: table;
content: "";
line-height: 0;
}
#main:after {
clear: both;
}
.page-header {
margin-bottom: 30px;
}
.page-title {
font-size: 22px;
margin: 10px 0 10px;
}
.hentry:before,
.hentry:after {
content: '';
display: table;
}
.hentry:after {
clear: both;
}
.hentry {
zoom: 1;
}
.hentry,
.singular .hentry .hentry {
margin: 0 0 40px;
position: relative;
}
.hentry footer .inner,
.singular .hentry .hentry footer .inner {
padding: 0 0 45px;
border-bottom: 1px solid #d9d9d9;
}
.singular .hentry {
margin-bottom: 0;
}
.singular .hentry footer .inner {
padding-bottom: 0;
border-bottom-width: 0;
}
.blog .sticky .entry-header .entry-meta {
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.entry-header h3 {
font-size: 10px;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}
.entry-title,
.entry-content .entry-title {
font-size: 26px;
line-height: 1.2em;
margin: 0;
}
h1.entry-title,
.entry-content h1.entry-title {
font-size: 32px;
line-height: 1em;
}
.entry-title,
.entry-title a {
color: #5e5e5e;
text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
color: #18a3d3;
}
.entry-title .icon {
position: absolute;
left: -40px;
opacity: .5;
}
.boxed .entry-title .icon {
position: static;
left: 0;
}
.entry-title .icon:before {
font-size: 28px;
margin-right: 6px;
margin-bottom: 6px;
}
.entry-content,
.entry-summary {
padding: 20px 0 10px;
}
.format-aside .entry-content {
padding-top: 0;
}
.format-link .entry-content a {
font-size: 16px;
font-weight: bold;
}
.entry-content:before,
.entry-content:after {
content: '';
display: table;
}
.entry-content:after {
clear: both;
}
.entry-content {
zoom: 1;
}
.entry-header .entry-meta {
margin-top: 2px;
}
.entry-header .entry-meta a {
font-weight: normal;
font-size: 11px;
}
.entry-meta {
font-size: 12px;
line-height: 18px;
}
footer.entry-meta {
clear: both;
}
.entry-meta .edit-link,
.entry-meta .comments-link {
float: right;
}
.entry-meta a {
font-weight: bold;
}
.entry-meta .comments-link a {
margin-top: -1px;
}
.entry-meta [class^="icon-"]:before {
color: #a2a2a2;
} .entry-meta .tag-links {
margin-left: 5px;
}
.entry-meta .tag-links .icon-tags {
margin-right: 4px;
}
.entry-meta .tag-links a,
.tagcloud a {
font-weight: bold !important;
font-size: 11px;
text-decoration: none !important;
display: inline-block;
*display: inline;
*zoom: 1;
position: relative;
height: 20px;
line-height: 20px;
padding: 0 6px;
color: #444 !important;
text-shadow: 0 1px 0 #fff;
margin-right: 7px;
margin-left: 10px;
margin-bottom: 5px;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/tags-bg.png) repeat-x 0 -20px;
background-size: 22px 120px;
}
.tagcloud a {
font-size: 11px !important;
}
.entry-meta .tag-links a:before,
.entry-meta .tag-links a:after,
.tagcloud a:before,
.tagcloud a:after {
content: '';
top: 0;
bottom: 0;
display: block;
position: absolute;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/tags-bg.png) no-repeat 0 0;
background-size: 22px 120px;
}
.entry-meta .tag-links a:before,
.tagcloud a:before {
width: 12px;
left: -12px;
background-position: 0 0;
}
.entry-meta .tag-links a:after,
.tagcloud a:after {
width: 4px;
right: -4px;
background-position: right 0;
}
.entry-meta .tag-links a:hover,
.tagcloud a:hover {
background-position: 0 -60px;
}
.entry-meta .tag-links a:hover:before,
.tagcloud a:hover:before {
background-position: 0 -40px;
}
.entry-meta .tag-links a:hover:after,
.tagcloud a:hover:after {
background-position: right -40px;
}
.entry-meta .tag-links a:active,
.tagcloud a:active {
background-position: 0 -100px;
}
.entry-meta .tag-links a:active:before,
.tagcloud a:active:before {
background-position: 0 -80px;
}
.entry-meta .tag-links a:active:after,
.tagcloud a:active:after {
background-position: right -80px;
}
.single-author .entry-meta .by-author {
display: none;
}
.entry-meta .social {
text-align: right;
border: 1px solid #d9d9d9;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 8px 20px 2px;
margin-bottom: 20px;
background-color: #f1f1f1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1);
background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1);
background-image: linear-gradient(to bottom, #fafafa, #f1f1f1);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
}
.social .socialite {
float: right;
}
.social .socialite {
display: block;
margin-bottom: 6px;
position: relative;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/social-sprite.png) 0 0 no-repeat;
}
.social .socialite span.shidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.social .socialite-loaded {
background: none !important;
}
.social .twitter-share {
width: 107px;
height: 20px;
background-position: 100% 0;
}
.social .facebook-like {
width: 75px;
height: 20px;
background-position: 0 -22px;
overflow: hidden;
}
.social .googleplus-one {
width: 88px;
height: 20px;
background-position: 0 -44px;
}
.social .pinterest-pinit {
width: 40px;
height: 20px;
background-position: 0 -66px;
margin-right: 30px;
}
.social .vkontakte-like {
width: 100px;
height: 20px;
background-position: 0 -88px;
margin-right: 20px;
} .entry-image {
text-align: center;
margin: 20px 0;
}
.entry-image img {
width: auto;
}
.single-post .entry-image,
.entry-below .entry-image {
margin-bottom: 0;
}
.entry-right .entry-image {
float: right;
margin-left: 20px;
margin-top: 5px;
margin-bottom: 20px;
}
.entry-left .entry-image {
float: left;
margin-top: 5px;
margin-right: 20px;
margin-bottom: 20px;
} .entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
color: #5e5e5e;
}
.entry-content h1,
.comment-content h1,
#feature h1 {
font-size: 30px;
line-height: 34px;
margin: 0 0 20px;
}
.entry-content h2,
.comment-content h2,
#feature h2 {
font-size: 26px;
line-height: 30px;
margin: 0 0 15px;
}
.entry-content h2.widgettitle {
font-size: 20px;
font-weight: normal;
line-height: 26px;
margin-bottom: 15px;
}
.entry-content h3,
.comment-content h3,
#feature h3 {
font-size: 22px;
line-height: 26px;
margin: 0 0 14px;
}
.entry-content h4,
.comment-content h4,
#feature h4 {
font-size: 18px;
line-height: 22px;
margin: 0 0 12px;
}
.entry-content h5,
.comment-content h5,
#feature h5 {
font-size: 16px;
line-height: 18px;
margin: 0 0 11px;
}
.entry-content h6,
.comment-content h6,
#feature h6 {
font-size: 14px;
font-weight: normal;
line-height: 16px;
margin: 0 0 10px;
} .entry-content table,
.comment-content table {
margin-bottom: 20px;
width: 100%;
}
.entry-content th,
.comment-content th {
font-weight: bold;
padding: 6px 10px 6px;
background-color: #f1f1f1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1);
background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1);
background-image: linear-gradient(to bottom, #fafafa, #f1f1f1);
background-repeat: repeat-x;
color: #444444;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.entry-content thead th {
border-bottom: 1px solid #d9d9d9;
}
.entry-content th:first-child,
.comment-content th:first-child {
-webkit-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
}
.entry-content th:last-child,
.comment-content th:last-child {
-webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}
.entry-content td,
.comment-content td {
padding: 6px 10px 6px;
border-top: 1px solid #d9d9d9;
}
.entry-content tbody tr:first-child td,
.comment-content tbody tr:first-child td {
border-top-width: 0;
}
.entry-content #s {
width: 75%;
}
.comment-content ul,
.comment-content ol {
margin-bottom: 20px;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
margin-bottom: 0;
}
dl.gallery-item {
margin: 0;
}
.entry-content .read-more-link {
margin-top: 5px;
margin-bottom: 25px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
float: right;
margin-right: 10px;
} .blog-columns .entry-title .icon {
position: static;
left: 0;
}
.blog-columns .content-block {
margin: 20px 0;
padding: 15px 0;
} #primary .blog-columns.two-columns {
margin-right: -2%;
}
#primary .blog-columns.two-columns article {
vertical-align: top;
display: inline-block;
max-width: 460px;
width: 48%;
margin-right: 2%;
} #primary .blog-columns.three-columns {
margin-right: -2%;
}
#primary .blog-columns.three-columns article {
vertical-align: top;
display: inline-block;
max-width: 300px;
width: 31%;
margin-right: 2%;
} #primary .blog-columns.four-columns {
margin-right: -2%;
}
#primary .blog-columns.four-columns article {
vertical-align: top;
display: inline-block;
max-width: 220px;
width: 22.5%;
margin-right: 2%;
} .post-password-required input[type=password] {
margin: 10px 0;
} .error404 #main #searchform {
margin: 20px 0;
} a .icon-angle-right:before {
margin-left: 3px;
font-size: 20px;
vertical-align: -2px;
} .custom-scrollbar:not(iframe)::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.custom-scrollbar:not(iframe)::-webkit-scrollbar-button:vertical:end:increment,
.custom-scrollbar:not(iframe)::-webkit-scrollbar-button:vertical:start:decrement,
.custom-scrollbar:not(iframe)::-webkit-scrollbar-button:horizontal:start:decrement,
.custom-scrollbar:not(iframe)::-webkit-scrollbar-button:horizontal:end:increment {
display: none;
}
.custom-scrollbar:not(iframe)::-webkit-scrollbar-track {
background-color: #ffffff;
}
.custom-scrollbar:not(iframe)::-webkit-scrollbar-track:hover {
background-color: #f2f2f2;
}
.custom-scrollbar:not(iframe)::-webkit-scrollbar-thumb:vertical,
.custom-scrollbar:not(iframe)::-webkit-scrollbar-thumb:horizontal {
background-color: #d9d9d9;
border: 1px solid #bfbfbf;
-webkit-transition: all 0.3s ease-out;
}
.custom-scrollbar:not(iframe)::-webkit-scrollbar-thumb:vertical:hover,
.custom-scrollbar:not(iframe)::-webkit-scrollbar-thumb:horizontal:hover {
border-width: 0;
background: #18a3d3;
}
.custom-scrollbar:not(iframe)::-webkit-scrollbar-thumb:vertical:active,
.custom-scrollbar:not(iframe)::-webkit-scrollbar-thumb:horizontal:active {
background: #1591bc;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.65);
box-shadow: inset 0 1px 3px rgba(0,0,0,.65);
}
.custom-scrollbar:not(iframe)::-webkit-scrollbar-corner {
background: none;
} .entry-content img,
.entry-image img,
.comment-content img,
.widget img {
max-width: 100%;
}
img[class*='align'],
img[class*='wp-image-'],
img[class*="attachment-"] {
height: auto;
}
img.size-full,
img.size-large,
img.wp-post-image {
max-width: 100%;
height: auto;
}
.ie8 img.size-full,
.ie8 img.size-large,
.ie8 img.wp-post-image {
width: auto;
} embed,
iframe,
object,
video {
max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
max-width: 100% !important; } .alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
.wp-caption.alignleft {
margin: 15px 20px 15px 0;
}
img.alignright,
.wp-caption.alignright {
margin: 15px 0 15px 20px;
}
img.aligncenter {
margin-top: 15px;
margin-bottom: 15px;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
-webkit-border-radius: 2px;
border-radius: 2px;
}
img.shadow {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
max-width: 100%;
margin-top: 10px;
margin-bottom: 20px;
padding: 10px 10px 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #f1f1f1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1);
background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1);
background-image: linear-gradient(to bottom, #fafafa, #f1f1f1);
background-repeat: repeat-x;
}
.wp-caption img {
display: block;
margin: 0 auto;
max-width: 100%;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 12px;
color: #9b9b9b;
}
.wp-caption .wp-caption-text {
margin: 0;
padding: 6px 0 0 10px;
position: relative;
}
img.wp-smiley,
.rsswidget img {
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .gallery {
display: block;
clear: both;
margin: 0 auto;
}
.gallery .gallery-row {
display: block;
clear: both;
margin: 0;
}
.gallery .gallery-image {
opacity: 0;
visibility: hidden;
}
.gallery .gallery-item {
text-align: center;
list-style: none;
float: left;
margin: 0 0 20px;
padding: 0;
}
.gallery .gallery-image-wrap {
overflow: hidden;
position: relative;
}
.gallery .gallery-item img,
.gallery .gallery-item img.thumbnail {
max-width: 96%;
display: block;
height: auto;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.gallery .gallery-item img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.gallery-caption {
margin-top: 5px;
margin-bottom: 0;
} .gallery .col-0 {
width: 100%;
}
.gallery .col-1 {
width: 100%;
}
.gallery .col-2 {
width: 50%;
}
.gallery .col-3 {
width: 33.33%;
}
.gallery .col-4 {
width: 25%;
}
.gallery .col-5 {
width: 20%;
}
.gallery .col-6 {
width: 16.66%;
}
.gallery .col-7 {
width: 14.28%;
}
.gallery .col-8 {
width: 12.5%;
}
.gallery .col-9 {
width: 11.11%;
}
.gallery .col-10 {
width: 10%;
}
.gallery .col-11 {
width: 9.09%;
}
.gallery .col-12 {
width: 8.33%;
}
.gallery .col-13 {
width: 7.69%;
}
.gallery .col-14 {
width: 7.14%;
}
.gallery .col-15 {
width: 6.66%;
}
.gallery .col-16 {
width: 6.25%;
}
.gallery .col-17 {
width: 5.88%;
}
.gallery .col-18 {
width: 5.55%;
}
.gallery .col-19 {
width: 5.26%;
}
.gallery .col-20 {
width: 5%;
}
.gallery .col-21 {
width: 4.76%;
}
.gallery .col-22 {
width: 4.54%;
}
.gallery .col-23 {
width: 4.34%;
}
.gallery .col-24 {
width: 4.16%;
}
.gallery .col-25 {
width: 4%;
}
.gallery .col-26 {
width: 3.84%;
}
.gallery .col-27 {
width: 3.7%;
}
.gallery .col-28 {
width: 3.57%;
}
.gallery .col-29 {
width: 3.44%;
}
.gallery .col-30 {
width: 3.33%;
}
.col-8 img,
.col-9 img,
.col-10 img,
.col-11 img,
.col-12 img,
.col-13 img,
.col-14 img,
.col-15 img,
.col-16 img,
.col-17 img,
.col-18 img,
.col-19 img,
.col-20 img,
.col-21 img,
.col-22 img,
.col-23 img,
.col-24 img,
.col-25 img,
.col-26 img,
.col-27 img,
.col-28 img,
.col-29 img,
.col-30 img {
padding: 4px !important;
} .gmap img {
max-width: none;
} .image-frame img {
width: 100% \0/;
}
@-moz-document url-prefix() {
.image-frame img {
width: 100%;
}
}
.portfolio .overlay,
.image-frame .overlay {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: rgba(24, 163, 211, 0.35);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.image-frame a {
position: relative;
display: block;
}
.portfolio.border .overlay,
.portfolio.block .overlay {
-webkit-border-radius: 2px;
border-radius: 2px;
}
.portfolio .overlay span,
.image-frame .overlay span {
left: 50%;
top: 50%;
display: block;
width: auto;
text-align: center;
margin: -22px 0 0 -22px;
position: absolute;
width: 46px;
height: 46px;
font-size: 32px;
line-height: 42px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #edf9fd;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#edf9fd));
background-image: -webkit-linear-gradient(top, #ffffff, #edf9fd);
background-image: -moz-linear-gradient(top, #ffffff, #edf9fd);
background-image: linear-gradient(to bottom, #ffffff, #edf9fd);
background-repeat: repeat-x;
opacity: .8;
color: #18a3d3;
text-shadow: 0 1px #fff;
-webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.35), 0 0 100px 2px rgba(255,255,255,1);
box-shadow: inset 0 1px 2px rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.35), 0 0 100px 2px rgba(255,255,255,1);
-moz-transform: scale(3);
-webkit-transform: scale(3);
-o-transform: scale(3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio .overlay span:before,
.image-frame .overlay span:before {
font-size: 30px;
margin-right: 0;
}
.portfolio li:hover .overlay,
.image-frame:hover .overlay {
visibility: visible;
opacity: 1;
}
.portfolio li:hover .overlay span,
.image-frame:hover .overlay span {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
}
.ie8 .portfolio img,
.ie8 .image-frame img {
width: auto;
height: auto;
}
.ie8 section.portfolio.two-columns {
margin-right: -2.1%;
}
.ie8 section.portfolio.three-columns {
margin-right: -2.1%;
}
.ie8 section.portfolio.four-columns {
margin-right: -2.1%;
}
#content nav {
clear: both;
padding: 0 0 15px;
}
#content nav a {
padding: 3px 9px 2px;
}
#content nav a,
#content nav span {
font-size: 12px;
font-weight: bold;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
.entry-content #nav-below {
margin-top: 30px;
} #content nav.wp-pagenavi span {
margin: 0 10px 0 6px;
}
.nav-previous a,
.nav-next a,
#content nav.wp-pagenavi a,
#content nav.wp-pagenavi span.current {
display: inline-block;
*display: inline;
padding: 4px 12px;
margin-bottom: 0;
*margin-left: .3em;
*zoom: 1;
*border: 0;
font-size: 14px;
line-height: 20px;
text-decoration: none !important;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid #d8d8d8;
-webkit-border-radius: 2px;
border-radius: 2px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #f1f1f1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1);
background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1);
background-image: linear-gradient(to bottom, #fafafa, #f1f1f1);
background-repeat: repeat-x;
border-color: #d8d8d8;
color: #444444;
*background-color: #f1f1f1;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
padding: 4px 10px 3px;
margin: 0 4px 0 0;
}
.nav-previous a:hover,
.nav-next a:hover,
#content nav.wp-pagenavi a:hover,
#content nav.wp-pagenavi span.current:hover,
.nav-previous a:active,
.nav-next a:active,
#content nav.wp-pagenavi a:active,
#content nav.wp-pagenavi span.current:active {
color: #444444;
background-color: #f1f1f1;
*background-color: #e4e4e4;
}
.nav-previous a:hover,
.nav-next a:hover,
#content nav.wp-pagenavi a:hover,
#content nav.wp-pagenavi span.current:hover {
border-color: #d8d8d8;
}
.nav-previous a:active,
.nav-next a:active,
#content nav.wp-pagenavi a:active,
#content nav.wp-pagenavi span.current:active,
.nav-previous a.active,
.nav-next a.active,
#content nav.wp-pagenavi a.active,
#content nav.wp-pagenavi span.current.active {
background: #eeeeee;
background-color: #d8d8d8 \9;
}
.nav-previous a:hover,
.nav-next a:hover,
#content nav.wp-pagenavi a:hover,
#content nav.wp-pagenavi span.current:hover {
color: #444444;
text-decoration: none;
background-position: 0 -10px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1);
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.nav-previous a:focus,
.nav-next a:focus,
#content nav.wp-pagenavi a:focus,
#content nav.wp-pagenavi span.current:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.nav-previous a:active,
.nav-next a:active,
#content nav.wp-pagenavi a:active,
#content nav.wp-pagenavi span.current:active {
background: #eeeeee;
outline: 0;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.nav-previous a.huge,
.nav-next a.huge,
#content nav.wp-pagenavi a.huge,
#content nav.wp-pagenavi span.current.huge {
font-size: 22px;
font-weight: normal;
line-height: normal;
padding: 10px 18px;
}
.nav-previous a.huge i:before,
.nav-next a.huge i:before,
#content nav.wp-pagenavi a.huge i:before,
#content nav.wp-pagenavi span.current.huge i:before {
font-size: 28px;
}
.nav-previous a.large,
.nav-next a.large,
#content nav.wp-pagenavi a.large,
#content nav.wp-pagenavi span.current.large {
font-size: 14px;
line-height: normal;
padding: 8px 14px;
}
.nav-previous a.small,
.nav-next a.small,
#content nav.wp-pagenavi a.small,
#content nav.wp-pagenavi span.current.small {
font-size: 12px;
line-height: 16px;
padding: 3px 10px;
}
.nav-previous a.mini,
.nav-next a.mini,
#content nav.wp-pagenavi a.mini,
#content nav.wp-pagenavi span.current.mini {
padding: 1px 6px;
font-size: 11px;
line-height: 16px;
}
.nav-previous a.full,
.nav-next a.full,
#content nav.wp-pagenavi a.full,
#content nav.wp-pagenavi span.current.full {
display: block;
}
#content nav.wp-pagenavi span.current,
#content nav.wp-pagenavi span.current:hover {
background: #eeeeee;
border-color: #cbcbcb;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
color: #959595;
} #nav-single {
float: right;
position: relative;
top: 5px;
width: 280px;
text-align: right;
z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
float: none;
width: auto;
}
section.portfolio {           }
section.portfolio ul {
list-style: none outside none;
margin: 0;
font-size: 0;
}
section.portfolio ul li {
font-size: 13px;
position: relative;
display: -moz-inline-box;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
margin: 0 20px 20px 0;
}
section.portfolio ul li img {
display: block;
max-width: 100%;
height: auto;
}
section.portfolio .image a {
text-decoration: none !important;
position: relative;
display: block;
}
section.portfolio h2 {
font-size: 16px;
line-height: 16px;
font-weight: normal;
margin-bottom: 8px;
}
section.portfolio .description {
font-size: 11px;
line-height: 15px;
margin-bottom: 10px;
color: #a2a2a2;
}
section.portfolio .description ul {
margin-right: 0;
}
section.portfolio .description p {
margin-bottom: 3px;
}
section.portfolio .description ul li {
font-size: 11px;
line-height: 15px;
display: block;
text-align: left;
width: auto;
margin: 0 0 0 18px;
}
section.portfolio.default .details {
margin-top: 12px;
padding: 0 6px;
}
section.portfolio.default ul li img {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
section.portfolio.border .image {
padding: 4px;
border: 1px solid #d9d9d9;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #f2f2f2;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
section.portfolio.border .image:hover {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
section.portfolio.border .image img {
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
section.portfolio.border .details {
margin-top: 12px;
padding: 0 6px;
}
section.portfolio.block ul li {
border: 1px solid #d9d9d9;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #f2f2f2;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1);
box-shadow: 0px 1px 3px rgba(0,0,0,.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section.portfolio.block ul li .image {
padding: 5px;
}
section.portfolio.block ul li img {
display: block;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
section.portfolio.block .details {
padding: 3px 15px 0 15px;
-webkit-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}
section.portfolio.block .details h2 {
line-height: normal;
margin-top: 0;
}
section.portfolio.block .details .more-button {
margin-bottom: 8px;
}
section.portfolio.title ul li img {
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
section.portfolio.title .details {
-webkit-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}
section.portfolio.title .details,
section.portfolio.title.one-column .details {
position: absolute;
z-index: 5;
width: 100%;
bottom: 0;
opacity: 1;
padding: 8px 0 8px 0;
background: #444;
background: rgba(0, 0, 0, 0.35);
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
section.portfolio.title.one-column .description {
float: left;
width: 230px;
margin-top: 12px;
padding-left: 20px;
}
section.portfolio.title a:hover .details {
opacity: 1;
background: #18a3d3;
background: rgba(24, 163, 211, 0.75);
}
section.portfolio.title .details h2 {
font-size: 16px;
margin: 0 10px;
color: #fff;
}
section.portfolio.title .details .more-button {
margin: 0 10px;
}
section.portfolio.title .description {
margin-top: 10px;
}
section.portfolio.title-bottom ul li {
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
section.portfolio.title-bottom.one-column ul li {
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
section.portfolio.title-bottom ul li img {
-webkit-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}
section.portfolio.title-bottom.one-column img {
-webkit-border-radius: 2px;
border-radius: 2px;
}
section.portfolio.title-bottom.one-column .details {
-webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}
section.portfolio.title-bottom .details {
padding: 8px 10px 2px;
-webkit-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
background: #ffffff;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}
section.portfolio.title-bottom li:hover .details {
background: #18a3d3;
}
section.portfolio.title-bottom li:hover .details h2,
section.portfolio.title-bottom li:hover .details .description {
color: #ffffff;
}
section.portfolio.title-bottom .details .more-button {
margin: 5px 0 5px;
}
section.portfolio.title-bottom .description {
margin-top: 10px;
}
section.portfolio #filters.buttons {
margin: 0 0 18px;
}
section.portfolio #filters.buttons a:first-child {
border-left-width: 1px;
-webkit-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
}
section.portfolio #filters.buttons a:last-child {
border-right-width: 1px;
-webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}
section.portfolio #filters.buttons a {
text-decoration: none;
font-weight: bold;
line-height: normal;
text-align: center;
cursor: pointer;
display: inline-block;
margin: 0 0 5px 0;
padding: 5px 12px 5px;
background-color: #f1f1f1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1);
background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1);
background-image: linear-gradient(to bottom, #fafafa, #f1f1f1);
background-repeat: repeat-x;
color: #444444;
border: 1px solid #cbcbcb;
border-width: 1px 1px 1px 0;
-webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,.25);
box-shadow: inset 0 1px 2px rgba(255,255,255,.25);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
section.portfolio #filters.buttons a:hover {
background-color: #fafafa;
background-position: 0 5px;
}
section.portfolio #filters.buttons a:active,
section.portfolio #filters.buttons a.active {
background-color: #fafafa;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#fafafa));
background-image: -webkit-linear-gradient(top, #f1f1f1, #fafafa);
background-image: -moz-linear-gradient(top, #f1f1f1, #fafafa);
background-image: linear-gradient(to bottom, #f1f1f1, #fafafa);
background-repeat: repeat-x;
background-position: 0 0 !important;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
color: #444444;
}
section.portfolio #filters.borders {
margin: 0 0 18px;
}
section.portfolio #filters.borders a {
text-decoration: none;
font-weight: bold;
line-height: normal;
text-align: center;
cursor: pointer;
display: inline-block;
margin: 0 0 5px 0;
padding: 5px 12px 5px;
color: #444444;
}
section.portfolio #filters.borders a:hover {
color: #18a3d3;
}
section.portfolio #filters.borders a.active {
border-bottom: 3px solid #18a3d3;
color: #444444;
}
section.portfolio.one-column li {
width: 100%;
margin-right: 0;
}
section.portfolio.one-column .image {
float: left;
width: 64%;
}
section.portfolio.one-column .details,
section.portfolio.one-column.title .description {
float: left;
width: 30%;
padding-left: 20px;
}
section.portfolio.one-column.block .details {
padding-top: 20px;
}
section.portfolio.two-columns {
margin-right: -2%;
}
section.portfolio.two-columns li {
width: 47.9%;
margin-right: 2%;
}
section.portfolio.three-columns {
margin-right: -2%;
}
section.portfolio.three-columns li {
width: 31.2%;
margin-right: 2%;
}
section.portfolio.four-columns {
margin-right: -2%;
}
section.portfolio.four-columns li {
width: 22.9%;
margin-right: 2%;
}
section.portfolio.five-columns {
margin-right: -2%;
}
section.portfolio.five-columns li {
width: 17.9%;
margin-right: 2%;
} .portfolio-meta {
margin: 0 0 30px 0;
}
.portfolio-meta ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
.portfolio-meta ul li,
.portfolio-meta p {
margin: 0 0 6px;
}
.portfolio-meta strong {
color: #a2a2a2;
}
.widget {
clear: both;
margin: 0 0 30px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.widget-area > .widget:last-child {
margin-bottom: 0;
}
.widget-title {
font-size: 18px;
font-weight: normal;
line-height: 22px;
margin-bottom: 12px;
color: #777777;
}
.widget-title a {
color: #777777;
}
.widget-title a:hover {
text-decoration: none;
color: #18a3d3;
}
#colophon .widget {
margin-bottom: 20px;
}
#colophon .widget-title,
#colophon .widget-title a,
#colophon .widget-title a:hover {
color: #777777;
}
#colophon .widget-title a:hover {
text-decoration: underline;
}
.widget ul {
list-style: none;
margin: 0;
}
.widget select {
max-width: 100%;
}
.widget ul ul {
margin-top: 0;
margin-left: 1.5em;
}
.widget a {
text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
text-decoration: underline;
}
.widget_subnav ul,
.widget_nav_menu ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_authors ul,
.widget_pages ul,
.widget_links ul,
.widget_categories ul,
.widget_archive ul,
.widget_meta ul,
.widget_rss ul {
margin-top: -8px;
}
.widget_subnav li,
.widget_nav_menu li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_authors li,
.widget_pages li,
.widget_links li,
.widget_categories li,
.widget_archive li,
.widget_meta li,
.widget_rss li,
.posts-list li {
margin: 0;
padding: 4px 0;
}
.posts-list li {
padding: 0 0 15px;
}
.widget_subnav li li,
.widget_nav_menu li li,
.widget_pages li li {
padding: 0;
border-bottom-width: 0;
} .widget_subnav .widget-title {
padding: 6px 12px;
margin-bottom: 1px;
background: #f5f5f5;
}
.widget_subnav ul {
margin-top: 0;
padding: 6px 12px;
background: #fafafa;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.widget_subnav li a {
color: #444444;
}
.widget_subnav li a:hover {
color: #1380a5;
text-decoration: none;
}
.widget_subnav li.current_page_item a,
.widget_subnav li.current_page_item a:hover {
font-weight: bold;
text-decoration: none;
cursor: default;
color: #1380a5;
} .widget_calendar #wp-calendar {
color: #555;
width: 95%;
text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
text-align: center;
padding: 4px 0;
}
.widget_calendar #wp-calendar caption {
font-weight: 500;
padding: 5px 0 3px 0;
}
.widget_calendar #wp-calendar th,
.widget_calendar #wp-calendar tfoot td {
background-color: #f1f1f1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1);
background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1);
background-image: linear-gradient(to bottom, #fafafa, #f1f1f1);
background-repeat: repeat-x;
}
.widget_calendar #wp-calendar th {
font-weight: bold;
}
.widget_calendar #wp-calendar th:first-child,
.widget_calendar #wp-calendar td:first-child {
-webkit-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
}
.widget_calendar #wp-calendar th:last-child,
.widget_calendar #wp-calendar td:last-child {
-webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
} .textwidget ul {
margin-left: 25px;
} .widget_social {
*zoom: 1;
}
.widget_social:before,
.widget_social:after {
display: table;
content: "";
line-height: 0;
}
.widget_social:after {
clear: both;
}
.widget_social a img {
display: block;
opacity: .85;
filter: alpha(opacity=85);
}
.widget_social a:hover img {
opacity: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.widget_social a img {
margin: 0 8px 8px 0;
}
#header-right .widget_social a img,
#footer-right .widget_social a img {
margin: 0 0 0 8px;
}
#header-right .widget_social a img,
#footer-right .widget_social a img {
opacity: .65;
filter: alpha(opacity=65);
-webkit-filter: grayscale(1);
}
#header-right .widget_social a:hover img,
#footer-right .widget_social a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-filter: grayscale(0);
} .widget_social .Entypo a {
display: inline-block;
height: 28px;
text-align: center;
font-size: 12px;
line-height: 28px;
font-weight: bold;
vertical-align: middle;
opacity: .65;
filter: alpha(opacity=50);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
margin: 0 2px 2px 0;
color: #444444;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#colophon .widget_social .Entypo a {
color: #444444;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.widget_social .Entypo a:before {
vertical-align: -1px;
width: 28px;
margin-right: 0;
font-size: 16px;
line-height: 28px;
}
.widget_social .Entypo a.circle:before {
font-size: 24px;
}
.widget_social .Entypo a.label.circle:before {
vertical-align: -4px;
font-size: 24px;
margin-right: 2px;
}
.widget_social .Entypo a:hover {
text-decoration: none;
opacity: .85;
filter: alpha(opacity=75);
} .widget_social .Entypo a.bg {
background: rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.25), inset 0 -1px 1px rgba(255,255,255,.15);
box-shadow: inset 0 1px 1px rgba(0,0,0,.25), inset 0 -1px 1px rgba(255,255,255,.15);
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 0 6px 6px 0;
}
.widget_social .Entypo a.label {
padding-right: 10px;
}
.widget_social .Entypo a.icon.bg:hover {
color: #fff !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65) !important;
}
.widget_social .Entypo a.icon.bg.github:hover {
background: #5590c9;
}
.widget_social .Entypo a.icon.bg.behance:hover {
background: #1d1d1d;
}
.widget_social .Entypo a.icon.bg.pinterest:hover {
background: #cb2027;
}
.widget_social .Entypo a.icon.bg.dribbble:hover {
background: #ea4c89;
}
.widget_social .Entypo a.icon.bg.flickr:hover {
background-color: #ff0084;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0063dc), to(#ff0084));
background-image: -webkit-linear-gradient(top, #0063dc, #ff0084);
background-image: -moz-linear-gradient(top, #0063dc, #ff0084);
background-image: linear-gradient(to bottom, #0063dc, #ff0084);
background-repeat: repeat-x;
}
.widget_social .Entypo a.icon.bg.linkedin:hover {
background: #0073b2;
}
.widget_social .Entypo a.icon.bg.phone:hover {
background: #03af03;
}
.widget_social .Entypo a.icon.bg.rss:hover {
background: #fd8127;
}
.widget_social .Entypo a.icon.bg.tumblr:hover {
background: #2c4762;
}
.widget_social .Entypo a.icon.bg.vimeo:hover {
background: #1ab7ea;
}
.widget_social .Entypo a.icon.bg.vkontakte:hover {
background: #416288;
}
.widget_social .Entypo a.icon.bg.facebook:hover {
background: #3b5998;
}
.widget_social .Entypo a.icon.bg.googleplus:hover,
.widget_social .Entypo a.icon.bg.google-plus:hover {
background: #cf3925;
}
.widget_social .Entypo a.icon.bg.lastfm:hover,
.widget_social .Entypo a.icon.bg.last-fm:hover {
background: #b00;
}
.widget_social .Entypo a.icon.bg.skype:hover {
background: #009fdd;
}
.widget_social .Entypo a.icon.bg.twitter:hover {
background: #00aced;
}
.widget_social .Entypo a.icon.bg.email:hover {
background: #aaa;
}
.widget_social .Entypo a.icon.bg.youtube:hover {
background: #af2b26;
}
.widget_social .Entypo a.icon.hover.github:hover {
color: #5590c9 !important;
}
.widget_social .Entypo a.icon.hover.behance:hover {
color: #1d1d1d !important;
}
.widget_social .Entypo a.icon.hover.pinterest:hover {
color: #cb2027 !important;
}
.widget_social .Entypo a.icon.hover.dribbble:hover {
color: #ea4c89 !important;
}
.widget_social .Entypo a.icon.hover.flickr:hover {
color: #8032b0 !important;
}
.widget_social .Entypo a.icon.hover.linkedin:hover {
color: #0073b2 !important;
}
.widget_social .Entypo a.icon.hover.phone:hover {
color: #03af03 !important;
}
.widget_social .Entypo a.icon.hover.rss:hover {
color: #fd8127 !important;
}
.widget_social .Entypo a.icon.hover.tumblr:hover {
color: #2c4762 !important;
}
.widget_social .Entypo a.icon.hover.vimeo:hover {
color: #1ab7ea !important;
}
.widget_social .Entypo a.icon.hover.vkontakte:hover {
color: #416288 !important;
}
.widget_social .Entypo a.icon.hover.facebook:hover {
color: #3b5998 !important;
}
.widget_social .Entypo a.icon.hover.googleplus:hover,
.widget_social .Entypo a.icon.hover.google-plus:hover {
color: #cf3925 !important;
}
.widget_social .Entypo a.icon.hover.lastfm:hover,
.widget_social .Entypo a.icon.hover.last-fm:hover {
color: #b00 !important;
}
.widget_social .Entypo a.icon.hover.skype:hover {
color: #009fdd !important;
}
.widget_social .Entypo a.icon.hover.twitter:hover {
color: #00aced !important;
}
.widget_social .Entypo a.icon.hover.email:hover {
color: #aaa !important;
}
.widget_social .Entypo a.icon.hover.youtube:hover {
color: #af2b26 !important;
} .widget_twitter a {
font-weight: normal;
}
.widget_twitter .tweet_list li {
word-wrap: break-word;
margin-bottom: 15px;
}
.widget_twitter .tweet_list li:last-child {
margin-bottom: 0;
}
.widget_twitter .tweet_list li img:hover {
opacity: .8;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.widget_twitter .tweet_list .tweet_time,
.twitter-wrap .tweet_list .tweet_time {
display: block;
margin-top: -2px;
}
.widget_twitter .tweet_list .tweet_time a,
.twitter-wrap .tweet_list .tweet_time a {
font-size: 10px;
font-weight: normal;
color: #a2a2a2;
}
#colophon .widget_twitter .tweet_list .tweet_time a {
color: #a2a2a2;
}
.widget_twitter .tweet_list .tweet_time a:hover,
.twitter-wrap .tweet_list .tweet_time a:hover {
color: #444444;
}
#colophon .widget_twitter .tweet_list .tweet_time a:hover {
color: #444444;
}
.widget_twitter .header-follow {
float: right;
margin-top: 4px;
font-weight: bold;
}
.widget_twitter iframe {
margin-top: 15px;
} .twitter-wrap {
margin-bottom: 20px;
}
.twitter-wrap .tweet_list {
list-style: none;
margin: 0;
}
.twitter-wrap .tweet_list li {
line-height: inherit;
word-wrap: break-word;
margin: 0 0 15px;
padding: 0;
}
.twitter-wrap .tweet_list a.tweet_avatar,
.widget_twitter .tweet_list a.tweet_avatar {
float: left;
margin-right: 10px;
}
.tweet_avatar img {
display: block;
max-width: none;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
} .flickr-wrap {
position: relative;
margin-right: -15px;
margin-bottom: -8px;
}
.flickr-wrap .flickr_badge_image {
float: left;
margin: 0 8px 8px 0;
}
.flickr-wrap .flickr_badge_image img {
display: block;
width: 75px;
height: 75px;
max-width: none;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.flickr-wrap .flickr_badge_image img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
footer .flickr-wrap {
margin-right: -9px;
}
footer .flickr_badge_image {
margin: 0 8px 8px 0;
}
footer .one-third .flickr-wrap img {
width: 56px !important;
height: 56px !important;
}
footer .one-fourth .flickr-wrap img {
width: 50px !important;
height: 50px !important;
}
footer .one-fifth .flickr-wrap img {
width: 52px !important;
height: 52px !important;
}
footer .one-sixth .flickr-wrap img {
width: 40px !important;
height: 40px !important;
}
footer .one-half .one-half .flickr-wrap img {
width: 70px !important;
height: 70px !important;
}
footer .one-half .one-third .flickr-wrap img {
width: 40px !important;
height: 40px !important;
}
footer .two-third .one-third .flickr-wrap img {
width: 60px !important;
height: 60px !important;
}
footer .two-third .one-fourth .flickr-wrap img {
width: 40px !important;
height: 40px !important;
} .widget_advertisement a {
display: block;
margin: 0 10px 10px 0;
float: left;
}
.widget_advertisement .aligncenter a {
text-align: center;
display: block;
margin: 0 0 10px 0;
float: none;
}
.widget_advertisement a:hover img {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
} .widget_search input#s,
.widget_mo_search input#s {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 30px;
background-image: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/search.png);
background-repeat: no-repeat;
background-position: 5px 5px;
}
.widget_search input#s {
padding-left: 28px;
}
.widget_mo_search input#s {
width: 67%;
height: 29px;
background-image: none;
vertical-align: bottom;
}
.widget_mo_search input#s:-moz-placeholder {
line-height: 20px;
}
.widget_mo_search input#s:-ms-input-placeholder {
line-height: 20px;
}
.widget_mo_search input#s::-webkit-input-placeholder {
line-height: 20px;
}
.widget_mo_search button {
vertical-align: bottom;
} .widget_contact_info p,
.contact-info p {
margin-bottom: 2px;
}
.widget_contact_info .contact-zip {
padding-left: 5px;
} .contact-info {
margin-bottom: 10px;
}  .widget_contact_form .contact-form textarea {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.widget_contact_form .contact-form .contact-form-name .required,
.widget_contact_form .contact-form .contact-form-email .required {
font-size: 16px;
left: 74%;
}
.widget_contact_form .contact-form input[type='text'],
.widget_contact_form .contact-form input[type='email'] {
width: 75%;
} .widget_gmap .gmap {
height: 240px;
color: #555;
}
.gmap.shadow {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
} ul.list,
ul.list ul {
list-style: none outside none;
padding: 0;
}
ul.list {
margin-left: 0;
} .list-sitemap li {
margin-left: 0;
list-style-type: none;
}
.list-sitemap li:before {
font-family: FontAwesome;
font-weight: normal;
font-size: inherit;
font-style: normal;
display: inline-block;
text-decoration: inherit;
text-indent: -2em;
text-align: center;
content: "\f054";
color: #a2a2a2;
} #author-info {
font-size: 12px;
overflow: hidden;
}
.singular #author-info,
.archive #author-info {
background: #fafafa;
border: 1px solid #d9d9d9;
border-width: 1px 0;
margin: 30px 0 0 0;
padding: 20px 20px;
}
.archive #author-info {
margin: 0 0 30px 0;
}
#author-avatar {
float: left;
margin-right: -78px;
}
#author-avatar img {
padding: 3px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #fff;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
#author-description {
float: left;
margin-left: 98px;
}
#author-description h2 {
font-size: 24px;
font-weight: bold;
margin: 10px 0 10px;
}  .posts-list {
list-style: none;
margin: 0;
}
.posts-list li:last-child {
padding-bottom: 0;
}
.posts-list p {
margin: 0;
}
.posts-list .post-extra-info p {
font-size: 13px;
line-height: 18px;
}
.posts-list .thumbnail {
display: block;
float: left;
margin: 0 8px 0 0;
}
.posts-list .thumbnail img {
display: block;
height: 34px;
width: 34px;
max-width: none;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.posts-list li:hover .thumbnail img {
opacity: .8;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.posts-list time {
margin-top: -4px;
font-size: 11px;
display: block;
color: #a2a2a2;
}
#colophon .posts-list time {
color: #a2a2a2;
}
#related-popular {
font-size: 12px;
}
.singular #related-popular {
margin: 30px 0 0;
}
.singular #related-popular .inner {
border-top: 1px solid #d9d9d9;
padding: 20px 0 0px;
overflow: hidden;
}
#related-popular h3 {
font-size: 18px;
line-height: 22px;
padding: 0 0 12px;
color: #555;
}
#related-popular ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#related-popular ul li {
clear: both;
}
#related-popular ul li .thumbnail {
margin: 0 10px 0 0;
}
#related-popular img {
float: left;
}
#related-popular time {
display: block;
font-size: 11px;
} .contact-form {
margin-bottom: 20px;
position: relative;
}
.contact-form input[type='text'],
.contact-form input[type='email'],
.contact-form textarea {
position: relative;
}
.contact-form .contact-form-name,
.contact-form .contact-form-first-name,
.contact-form .contact-form-last-name,
.contact-form .contact-form-email,
.contact-form .contact-form-subject,
.contact-form .contact-form-comment {
position: relative;
}
.contact-form .contact-form-name label,
.contact-form .contact-form-first-name label,
.contact-form .contact-form-last-name label,
.contact-form .contact-form-email label,
.contact-form .contact-form-subject label,
.contact-form .contact-form-comment label {
position: absolute;
display: inline-block;
font-size: 12px;
left: 2px;
min-width: 60px;
padding: 3px 6px;
top: 1px;
z-index: 1;
cursor: text;
color: #a2a2a2;
}
.contact-form textarea {
display: block;
resize: vertical;
width: 98%;
}
.contact-form .contact-form-name .required,
.contact-form .contact-form-email .required,
.contact-form .contact-form-subject .required {
color: #bd3500;
font-size: 20px;
left: 74%;
position: absolute;
top: 4px;
z-index: 1;
}
.contact-form p {
font-size: 12px;
margin: 0 0 10px;
padding: 0;
}
.contact-form p.form-submit {
margin-bottom: 0;
}
.contact-form input[type='text'],
.contact-form input[type='email'] {
display: block;
width: 75%;
} #feature .layer-contact-form {
width: 300px;
padding: 25px 30px;
background: rgba(0, 0, 0, 0.5);
}
#feature .contact-form input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#feature .contact-form label {
text-shadow: none;
}
#feature .contact-form-first-name,
#feature .contact-form-last-name {
float: left;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#feature .contact-form-first-name {
padding-right: 5px;
}
#feature .contact-form-last-name {
padding-left: 5px;
}
#feature .contact-form-email {
clear: left;
}
#feature .contact-form label {
padding: 3px 6px;
}
#feature .contact-form-last-name label {
margin-left: 5px;
}
#feature .contact-form input[type='text'],
#feature .contact-form input[type='email'] {
padding: 5px 5px 4px;
height: 27px;
display: block;
width: 100%;
}
#feature .contact-form input[type='submit'] {
display: block;
padding-bottom: 1px;
width: 100%;
padding: 4px 12px 3px;
} .box {
border: 1px solid #d9d9d9;
margin-bottom: 20px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.box-2 {
border-width: 0;
border-left: 3px solid #18a3d3;
background-color: #fafafa;
-webkit-box-shadow: none;
box-shadow: none;
}
.box.box-2,
.box.box-2 .box-content {
-webkit-border-radius: 0;
border-radius: 0;
}
.box-3 {
border-width: 0;
background-color: #fafafa;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}
.box-content {
padding: 15px 20px;
}
.box,
.box .box-content {
-webkit-border-radius: 3px;
border-radius: 3px;
}
.box.center {
text-align: center;
}
.icon.box {
border-width: 0;
margin-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.box.black {
border-color: #333 !important;
}
.box.gray {
border-color: #999 !important;
}
.box.white {
border-color: #fff !important;
}
.box.red {
border-color: #d14836 !important;
}
.box.orange {
border-color: #f77e05 !important;
}
.box.yellow {
border-color: #f7bb05 !important;
}
.box.green {
border-color: #53af4e !important;
}
.box.cyan {
border-color: #21bbbd !important;
}
.box.dark-blue {
border-color: #0066cc !important;
}
.box.blue {
border-color: #0199cc !important;
}
.box.light-blue {
border-color: #4787ed !important;
}
.box.magenta {
border-color: #c72ecc !important;
}
.box.pink {
border-color: #ed174f !important;
}
.box p:last-child {
margin-bottom: 0;
} .alert-box {
padding: 8px 14px 8px;
margin-bottom: 18px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #f8f2d3;
border: 1px solid #f6e4c1;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.alert-box a {
text-decoration: underline;
}
.alert-box,
.alert-box a,
.alert-box a:hover {
text-decoration: none;
color: #b38432;
}
.alert-box a {
text-decoration: underline;
}
.alert-box .close {
text-decoration: none;
float: right;
opacity: .5;
filter: alpha(opacity=50);
}
.alert-box .close:before {
line-height: 11px;
vertical-align: middle;
}
.alert-box .close:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.alert-box.success {
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-box.success,
.alert-box.success a {
color: #468847;
}
.alert-box.error {
background-color: #f2dede;
border-color: #eed3d7;
}
.alert-box.error,
.alert-box.error a {
color: #b94a48;
}
.alert-box.info {
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-box.info,
.alert-box.info a {
color: #3a87ad;
} .alert-box.dark {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
border-color: #de7104;
background-color: #f77e05;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fa9f1e), to(#f77e05));
background-image: -webkit-linear-gradient(top, #fa9f1e, #f77e05);
background-image: -moz-linear-gradient(top, #fa9f1e, #f77e05);
background-image: linear-gradient(to bottom, #fa9f1e, #f77e05);
background-repeat: repeat-x;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(237, 166, 25, .65);
box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(237, 166, 25, .65);
}
.alert-box.dark,
.alert-box.dark a,
.alert-box.success.dark,
.alert-box.success.dark a,
.alert-box.error.dark,
.alert-box.error.dark a,
.alert-box.info.dark,
.alert-box.info.dark a {
color: #fff;
}
.alert-box.success.dark {
border-color: #32a132;
background-color: #38b438;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#58c044), to(#38b438));
background-image: -webkit-linear-gradient(top, #58c044, #38b438);
background-image: -moz-linear-gradient(top, #58c044, #38b438);
background-image: linear-gradient(to bottom, #58c044, #38b438);
background-repeat: repeat-x;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(72, 168, 72, .65);
box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(72, 168, 72, .65);
}
.alert-box.error.dark {
border-color: #c13e2c;
background-color: #d14836;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d95f4f), to(#d14836));
background-image: -webkit-linear-gradient(top, #d95f4f, #d14836);
background-image: -moz-linear-gradient(top, #d95f4f, #d14836);
background-image: linear-gradient(to bottom, #d95f4f, #d14836);
background-repeat: repeat-x;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(201, 29, 20, .65);
box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(201, 29, 20, .65);
}
.alert-box.info.dark {
border-color: #3078eb;
background-color: #4787ed;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
background-image: linear-gradient(to bottom, #4d90fe, #4787ed);
background-repeat: repeat-x;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(0, 68, 204, .65);
box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(0, 68, 204, .65);
} .note-box {
margin-bottom: 20px;
padding: 10px 20px 15px 20px;
border: 1px solid #ddd;
border-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fbf478;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfbb6), to(#fbf478));
background-image: -webkit-linear-gradient(top, #fcfbb6, #fbf478);
background-image: -moz-linear-gradient(top, #fcfbb6, #fbf478);
background-image: linear-gradient(to bottom, #fcfbb6, #fbf478);
background-repeat: repeat-x;
color: #444;
-webkit-box-shadow: 0 2px 12px rgba(0,0,0,.15);
box-shadow: 0 2px 12px rgba(0,0,0,.15);
}
.note-box h4.note-title {
margin: 5px 0 0;
letter-spacing: normal;
text-transform: none;
color: #444;
}
.note-content {
margin-top: 8px;
}
.note-box.alignleft {
margin: 2px 15px 15px 2px !important;
}
.note-box.alignright {
margin: 2px 2px 15px 15px !important;
} .divider {
position: relative;
display: block;
clear: both;
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d9d9d9;
}
.divider.top a {
font-size: 10px;
text-decoration: none;
text-align: right;
position: absolute;
top: 0;
right: 0;
width: 30px;
padding: 0 2px;
background-color: #fff;
color: #d9d9d9;
}
.divider.top a:hover {
color: #d9d9d9;
}
.space {
position: relative;
display: block;
clear: both;
padding-top: 30px;
}
.shadow-top {
margin: 0 -40px;
padding-top: 30px !important;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/content-shadow-top.png) no-repeat 50% 100%;
}
.shadow-bottom {
margin: 0 -40px;
padding-top: 30px !important;
background: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/content-shadow-bottom.png) no-repeat 50% 0;
} .tabs-container {
margin-bottom: 20px;
}
.tabs-container .tabs:before,
.tabs-container .tabs:after {
display: table;
content: "";
}
.tabs-container .tabs:after {
clear: both;
}
.tabs-container .tabs {
border-bottom: 1px solid #d9d9d9;
list-style: none;
margin: 0;
padding: 0;
}
.tabs-container .tabs > li {
float: left;
margin: 0 2px 0 0;
}
.tabs-container .tabs > li > a {
line-height: 16px;
padding: 9px 12px 6px;
margin-bottom: 3px;
display: block;
} .tabs-container.tabs-left .tabs {
border-width: 0;
float: left;
width: 16%;
border-right: 1px solid #d9d9d9;
}
.tabs-container.tabs-left .tabs > li {
display: block;
float: none;
margin: 0 -1px 3px 0;
padding: 0;
}
.tabs-container.tabs-left .tabs > li > a {
border-bottom-width: 0px !important;
padding-left: 0;
margin-bottom: 0;
}
.tabs-container.tabs-left .tabs > li > a.current,
.tabs-container.tabs-left .tabs > li > a.current:hover {
padding-right: 9px;
margin-bottom: 0;
border-right: 3px solid #18a3d3;
}
.tabs-container.tabs-left .panes {
float: left;
width: 83%;
margin: 0;
padding: 0;
border-width: 0;
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.tabs-container.tabs-left .panes > div {
padding: 4px 0 15px 30px;
} .tabs-container.pills .tabs {
border-bottom-width: 0;
}
.tabs-container.pills .tabs > li > a {
margin-top: 2px;
margin-bottom: 2px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #d9d9d9 !important;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #f1f1f1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1);
background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1);
background-image: linear-gradient(to bottom, #fafafa, #f1f1f1);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}
.tabs-container.pills .tabs > li > a:active,
.tabs-container.pills .tabs > li > a.current,
.tabs-container.pills .tabs > li > a.current:hover {
padding-bottom: 6px;
background: #f1f1f1;
outline: 0;
-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.15);
box-shadow: inset 0 1px 4px rgba(0,0,0,0.15);
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.tabs-container .panes {
margin-top: 20px;
border-top-width: 0;
}
.tabs-container .panes > div {
position: relative;
display: none;
} .accordion {
margin-bottom: 20px;
}
.accordion .tab {
border-bottom: 1px solid #d9d9d9;
margin: 0 0 4px;
padding: 6px 12px;
line-height: 16px;
cursor: pointer;
}
.accordion .tab.current {
margin-bottom: 0;
}
.accordion .pane {
display: none;
padding: 10px 12px;
margin: 0 0 2px;
overflow: hidden;
} .tabs-container .tabs > li > a,
.accordion .tab {
color: #777777;
}
.tabs-container .tabs > li > a:hover,
.tabs-container.tabs-left .tabs > li > a:hover,
.accordion .tab:hover {
text-decoration: none;
color: #18a3d3;
}
.tabs-container.tabs-left .tabs > li > a:hover {
border-bottom-width: 0;
}
.tabs-container .tabs > li > a:active,
.tabs-container.pills .tabs > li > a:active,
.accordion .tab:active {
outline: 0;
}
.tabs-container .tabs > li > a.current,
.tabs-container .tabs > li > a.current:hover,
.accordion .tab.current,
.accordion .tab.current:hover {
cursor: default;
border-bottom: 3px solid #18a3d3;
margin-bottom: 0;
color: #444444;
} .tooltip-shortcode {
display: inline-block;
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 11px;
line-height: 1.4;
filter: alpha(opacity=@opacity * 100);
opacity: 0;
}
.tooltip.in {
filter: alpha(opacity=@opacity * 100);
opacity: 80;
-webkit-transition: margin 0.2s linear;
-moz-transition: margin 0.2s linear;
-o-transition: margin 0.2s linear;
transition: margin 0.2s linear;
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 4px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #333;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #333;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #333;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #333;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #333;
} .toggle {
position: relative;
margin-bottom: 10px;
}
.toggle-title {
font-weight: bold;
text-decoration: none;
line-height: 18px;
margin: 0;
cursor: pointer;
color: #444444;
}
.toggle-title:hover {
text-decoration: none;
color: #5e5e5e;
}
.toggle-title:before {
display: inline-block;
font-family: FontAwesome;
font-size: 10px;
line-height: 18px;
text-align: center;
vertical-align: 1px;
text-decoration: none;
width: 15px;
height: 16px;
padding-left: 1px;
margin-right: 6px;
content: "\f067";
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #e4e4e4;
background-color: #f1f1f1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1);
background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1);
background-image: linear-gradient(to bottom, #fafafa, #f1f1f1);
background-repeat: repeat-x;
color: #444444;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
}
.toggle-title:hover:before {
opacity: 1;
text-decoration: none;
background-color: #f1f1f1;
background-position: 0 -10px;
color: #5e5e5e;
}
.toggle-active .toggle-title:before,
.toggle-title:active:before {
background: #f1f1f1;
outline: 0;
-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.15);
box-shadow: inset 0 1px 4px rgba(0,0,0,0.15);
}
.toggle-active .toggle-title:before {
content: "\f068";
}
.toggle-content {
display: none;
margin: 10px 0 30px;
} .image-frame {
display: inline-block;
position: relative;
margin-bottom: 15px;
}
.image-frame.alignleft {
margin-top: 15px;
margin-right: 20px;
}
.image-frame.alignright {
margin-top: 15px;
margin-left: 20px;
}
.image-frame img {
display: block;
}
.ie8 .image-frame img {
width: auto;
} .image-frame.border {
border: 1px solid #d9d9d9;
padding: 4px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #f2f2f2;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1);
box-shadow: 0px 1px 3px rgba(0,0,0,.1);
}
.image-frame.border img {
-webkit-border-radius: 2px;
border-radius: 2px;
} .image-frame.shadow img {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.image-frame.nomargin {
margin-bottom: 0;
} .dropcap,
.dropcap2,
.dropcap3,
.dropcap4 {
float: left;
text-align: center;
overflow: hidden;
}
.dropcap,
.dropcap2,
.dropcap3 {
font-size: 22px;
line-height: 34px;
width: 36px;
height: 36px;
margin: 0 8px -4px 0;
background: #eee;
text-shadow: 0 1px 0 #fff;
}
.dropcap.inverted,
.dropcap2.inverted,
.dropcap3.inverted {
background: #555;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.dropcap {
-webkit-border-radius: 18px;
border-radius: 18px;
-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.35);
box-shadow: inset 0 1px 4px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.35);
}
.dropcap2 {
-webkit-border-radius: 18px;
border-radius: 18px;
-webkit-box-shadow: inset 0 1px 4px rgba(255,255,255,.75), inset 0 -1px 4px rgba(0,0,0,.25);
box-shadow: inset 0 1px 4px rgba(255,255,255,.75), inset 0 -1px 4px rgba(0,0,0,.25);
}
.dropcap3 {
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.35);
box-shadow: inset 0 1px 4px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.35);
}
.dropcap4 {
font-size: 34px;
font-weight: bold;
text-align: left;
line-height: 34px;
margin: 0 8px 0 0;
} .icon-text {
padding: 0 0 0 17px;
}
.icon-text.icon-large {
padding-left: 25px;
}
.icon-text.icon-huge {
padding-left: 49px;
}
.icon-text:before {
text-decoration: none !important;
}
.btn .icon-text {
padding-left: 13px;
} .heading.background {
margin-bottom: 10px;
}
.heading i {
float: left;
}
.heading.aligncenter {
text-align: center;
}
.heading.iconontop {
margin-bottom: 0;
}
.heading.iconontop i {
float: none;
margin-bottom: 0 !important;
}
.heading.iconontop h1,
.heading.iconontop h2,
.heading.iconontop h3,
.heading.iconontop h4,
.heading.iconontop h5 {
padding-left: 0 !important;
}
.heading h1 {
line-height: 34px;
padding: 5px 0 0 62px;
}
.heading h2 {
line-height: 28px;
padding: 4px 0 0 48px;
}
.heading h3 {
line-height: 24px;
padding: 3px 0 0 40px;
}
.heading h4 {
line-height: 22px;
padding: 1px 0 0 30px;
}
.heading h5 {
line-height: 18px;
padding: 0 0 0 22px;
}
.heading.background h1,
.heading.iconontop h1 {
padding: 11px 0 0 74px;
}
.heading.background h2,
.heading.iconontop h2 {
padding: 9px 0 0 62px;
}
.heading.background h3,
.heading.iconontop h3 {
padding: 7px 0 0 52px;
}
.heading.background h4,
.heading.iconontop h4 {
padding: 4px 0 0 42px;
}
.heading.background h5,
.heading.iconontop h5 {
padding: 2px 0 0 32px;
}
.heading .icon:before {
text-align: left;
color: #18a3d3;
}
.heading .icon.background {
display: inline-block;
padding: 0;
margin-bottom: 5px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #fafafa;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#fafafa));
background-image: -webkit-linear-gradient(top, #f1f1f1, #fafafa);
background-image: -moz-linear-gradient(top, #f1f1f1, #fafafa);
background-image: linear-gradient(to bottom, #f1f1f1, #fafafa);
background-repeat: repeat-x;
color: #444444;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.heading .icon.background:before,
.heading.aligncenter .icon:before {
text-align: center;
}
.heading .icon.h1 {
width: 48px;
}
.heading .icon.background.h1 {
width: 60px;
height: 60px;
}
.heading .icon.h1:before {
font-size: 54px;
width: 60px;
line-height: 48px;
}
.heading .icon.h2 {
width: 36px;
}
.heading .icon.background.h2 {
width: 48px;
height: 48px;
}
.heading .icon.h2:before {
font-size: 40px;
width: 48px;
line-height: 36px;
}
.heading .icon.h3 {
width: 31px;
}
.heading .icon.background.h3 {
width: 40px;
height: 40px;
}
.heading .icon.h3:before {
font-size: 35px;
width: 40px;
line-height: 31px;
}
.heading .icon.h4 {
width: 24px;
}
.heading .icon.background.h4 {
width: 32px;
height: 32px;
}
.heading .icon.h4:before {
font-size: 26px;
width: 32px;
line-height: 24px;
}
.heading .icon.h5 {
width: 19px;
}
.heading .icon.background.h5 {
width: 24px;
height: 24px;
}
.heading .icon.h5:before {
font-size: 20px;
width: 24px;
line-height: 19px;
}
.heading .icon.h1.background:before {
font-size: 42px;
line-height: 60px !important;
}
.heading .icon.h2.background:before {
font-size: 32px;
line-height: 48px !important;
}
.heading .icon.h3.background:before {
font-size: 24px;
line-height: 40px !important;
}
.heading .icon.h4.background:before {
font-size: 22px;
line-height: 32px !important;
}
.heading .icon.h5.background:before {
font-size: 16px;
line-height: 24px !important;
}
.heading .icon.background.rounded {
-webkit-border-radius: 32px;
border-radius: 32px;
}
.heading .icon.background.h1[class*=" icon-"]:before {
line-height: 62px !important;
}
.heading .icon.background.h2[class*=" icon-"]:before {
line-height: 50px !important;
}
.heading .icon.background.h3[class*=" icon-"]:before {
line-height: 42px !important;
}
.heading .icon.background.h4[class*=" icon-"]:before {
line-height: 34px !important;
}
.heading .icon.background.h5[class*=" icon-"]:before {
line-height: 26px !important;
}
.heading .icon.background.inverted {
background-color: #1e1e1e;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#1e1e1e));
background-image: -webkit-linear-gradient(top, #444444, #1e1e1e);
background-image: -moz-linear-gradient(top, #444444, #1e1e1e);
background-image: linear-gradient(to bottom, #444444, #1e1e1e);
background-repeat: repeat-x;
color: #ffffff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.2), inset 0 -1px 1px rgba(0,0,0,.2);
box-shadow: inset 0 1px 1px rgba(255,255,255,.2), inset 0 -1px 1px rgba(0,0,0,.2);
}
.heading .icon.background.inverted {
background-color: #106e8e;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#18a3d3), to(#106e8e));
background-image: -webkit-linear-gradient(top, #18a3d3, #106e8e);
background-image: -moz-linear-gradient(top, #18a3d3, #106e8e);
background-image: linear-gradient(to bottom, #18a3d3, #106e8e);
background-repeat: repeat-x;
color: #fff;
text-shadow: none;
}
.heading .icon.background.inverted:before {
color: #fff;
text-shadow: 0 1px rgba(0, 0, 0, 0.25);
} .list-icon li {
margin-bottom: 4px;
}
.list-icon li[class^="icon-"]:before,
.contact-info .icon-text:before,
.contact-info-wrap .icon-text:before {
color: #999;
}
.icon-black:before,
.icon.black:before,
.text-black {
color: #333 !important;
}
.icon-gray:before,
.icon.gray:before,
.text-gray {
color: #999 !important;
}
.icon-white:before,
.icon.white:before,
.text-white {
color: #fff !important;
}
.icon-red:before,
.icon.red:before,
.text-red {
color: #d14836 !important;
}
.icon-orange:before,
.icon.orange:before,
.text-orange {
color: #f77e05 !important;
}
.icon-yellow:before,
.icon.yellow:before,
.text-yellow {
color: #f7bb05 !important;
}
.icon-green:before,
.icon.green:before,
.text-green {
color: #53af4e !important;
}
.icon-cyan:before,
.icon.cyan:before,
.text-cyan {
color: #21bbbd !important;
}
.icon-dark-blue:before,
.icon.dark-blue:before,
.text-dark-blue {
color: #0066cc !important;
}
.icon-blue:before,
.icon.blue:before,
.text-blue {
color: #0199cc !important;
}
.icon-light-blue:before,
.icon.light-blue:before,
.text-light-blue {
color: #4787ed !important;
}
.icon-magenta:before,
.icon.magenta:before,
.text-magenta {
color: #c72ecc !important;
}
.icon-pink:before,
.icon.pink:before,
.text-pink {
color: #ed174f !important;
} .content-block {
margin: 30px 0 30px;
border: 1px solid #d9d9d9;
border-width: 1px 0;
padding: 30px 0;
background-color: #ffffff;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ffffff));
background-image: -webkit-linear-gradient(top, #fafafa, #ffffff);
background-image: -moz-linear-gradient(top, #fafafa, #ffffff);
background-image: linear-gradient(to bottom, #fafafa, #ffffff);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
}
.content-block.red,
.content-block.orange,
.content-block.yellow,
.content-block.green,
.content-block.cyan,
.content-block.dark-blue,
.content-block.blue,
.content-block.light-blue,
.content-block.magenta,
.content-block.pink {
color: #fff;
border-width: 0;
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25);
}
.content-block.red a,
.content-block.orange a,
.content-block.yellow a,
.content-block.green a,
.content-block.cyan a,
.content-block.dark-blue a,
.content-block.blue a,
.content-block.light-blue a,
.content-block.magenta a,
.content-block.pink a {
text-decoration: underline;
color: #fff;
}
.content-block.red {
background-color: #d95f4f;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d14836), to(#d95f4f));
background-image: -webkit-linear-gradient(top, #d14836, #d95f4f);
background-image: -moz-linear-gradient(top, #d14836, #d95f4f);
background-image: linear-gradient(to bottom, #d14836, #d95f4f);
background-repeat: repeat-x;
}
.content-block.red h1,
.content-block.red h2,
.content-block.red h3,
.content-block.red h4,
.content-block.red h5,
.content-block.red h6 {
color: #f4cfca;
}
.content-block.orange {
background-color: #fa9f1e;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f77e05), to(#fa9f1e));
background-image: -webkit-linear-gradient(top, #f77e05, #fa9f1e);
background-image: -moz-linear-gradient(top, #f77e05, #fa9f1e);
background-image: linear-gradient(to bottom, #f77e05, #fa9f1e);
background-repeat: repeat-x;
}
.content-block.orange h1,
.content-block.orange h2,
.content-block.orange h3,
.content-block.orange h4,
.content-block.orange h5,
.content-block.orange h6 {
color: #fee2bc;
}
.content-block.yellow {
background-color: #f7d52a;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7bb05), to(#f7d52a));
background-image: -webkit-linear-gradient(top, #f7bb05, #f7d52a);
background-image: -moz-linear-gradient(top, #f7bb05, #f7d52a);
background-image: linear-gradient(to bottom, #f7bb05, #f7d52a);
background-repeat: repeat-x;
color: #444;
}
.content-block.yellow h1,
.content-block.yellow h2,
.content-block.yellow h3,
.content-block.yellow h4,
.content-block.yellow h5,
.content-block.yellow h6 {
color: #7a703c;
}
.content-block.green {
background-color: #6cb858;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#53af4e), to(#6cb858));
background-image: -webkit-linear-gradient(top, #53af4e, #6cb858);
background-image: -moz-linear-gradient(top, #53af4e, #6cb858);
background-image: linear-gradient(to bottom, #53af4e, #6cb858);
background-repeat: repeat-x;
}
.content-block.green h1,
.content-block.green h2,
.content-block.green h3,
.content-block.green h4,
.content-block.green h5,
.content-block.green h6 {
color: #d3eacd;
}
.content-block.cyan {
background-color: #2cc9cb;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#21bbbd), to(#2cc9cb));
background-image: -webkit-linear-gradient(top, #21bbbd, #2cc9cb);
background-image: -moz-linear-gradient(top, #21bbbd, #2cc9cb);
background-image: linear-gradient(to bottom, #21bbbd, #2cc9cb);
background-repeat: repeat-x;
}
.content-block.cyan h1,
.content-block.cyan h2,
.content-block.cyan h3,
.content-block.cyan h4,
.content-block.cyan h5,
.content-block.cyan h6 {
color: #c0efef;
}
.content-block.dark-blue {
background-color: #0088cc;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0066cc), to(#0088cc));
background-image: -webkit-linear-gradient(top, #0066cc, #0088cc);
background-image: -moz-linear-gradient(top, #0066cc, #0088cc);
background-image: linear-gradient(to bottom, #0066cc, #0088cc);
background-repeat: repeat-x;
}
.content-block.dark-blue h1,
.content-block.dark-blue h2,
.content-block.dark-blue h3,
.content-block.dark-blue h4,
.content-block.dark-blue h5,
.content-block.dark-blue h6 {
color: #b3dbf0;
}
.content-block.blue {
background-color: #2eaddb;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0199cc), to(#2eaddb));
background-image: -webkit-linear-gradient(top, #0199cc, #2eaddb);
background-image: -moz-linear-gradient(top, #0199cc, #2eaddb);
background-image: linear-gradient(to bottom, #0199cc, #2eaddb);
background-repeat: repeat-x;
}
.content-block.blue h1,
.content-block.blue h2,
.content-block.blue h3,
.content-block.blue h4,
.content-block.blue h5,
.content-block.blue h6 {
color: #d5eff8;
}
.content-block.light-blue {
background-color: #4d90fe;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4787ed), to(#4d90fe));
background-image: -webkit-linear-gradient(top, #4787ed, #4d90fe);
background-image: -moz-linear-gradient(top, #4787ed, #4d90fe);
background-image: linear-gradient(to bottom, #4787ed, #4d90fe);
background-repeat: repeat-x;
}
.content-block.light-blue h1,
.content-block.light-blue h2,
.content-block.light-blue h3,
.content-block.light-blue h4,
.content-block.light-blue h5,
.content-block.light-blue h6 {
color: #cadeff;
}
.content-block.magenta {
background-color: #ca4ccf;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c72ecc), to(#ca4ccf));
background-image: -webkit-linear-gradient(top, #c72ecc, #ca4ccf);
background-image: -moz-linear-gradient(top, #c72ecc, #ca4ccf);
background-image: linear-gradient(to bottom, #c72ecc, #ca4ccf);
background-repeat: repeat-x;
}
.content-block.magenta h1,
.content-block.magenta h2,
.content-block.magenta h3,
.content-block.magenta h4,
.content-block.magenta h5,
.content-block.magenta h6 {
color: #efc9f1;
}
.content-block.pink {
background-color: #fb6089;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ed174f), to(#fb6089));
background-image: -webkit-linear-gradient(top, #ed174f, #fb6089);
background-image: -moz-linear-gradient(top, #ed174f, #fb6089);
background-image: linear-gradient(to bottom, #ed174f, #fb6089);
background-repeat: repeat-x;
}
.content-block.pink h1,
.content-block.pink h2,
.content-block.pink h3,
.content-block.pink h4,
.content-block.pink h5,
.content-block.pink h6 {
color: #fecfdc;
}
.content-block.dark {
border-width: 0;
background-color: #444444;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#444444));
background-image: -webkit-linear-gradient(top, #333333, #444444);
background-image: -moz-linear-gradient(top, #333333, #444444);
background-image: linear-gradient(to bottom, #333333, #444444);
background-repeat: repeat-x;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25);
}
.content-block.dark h1,
.content-block.dark h2,
.content-block.dark h3,
.content-block.dark h4,
.content-block.dark h5,
.content-block.dark h6 {
color: #fff;
}
.content-block.light {
border-width: 0;
background: #fff;
color: #333;
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25);
}
.content-block.light h1,
.content-block.light h2,
.content-block.light h3,
.content-block.light h4,
.content-block.light h5,
.content-block.light h6 {
color: #333;
}
.content-block.no-padding {
padding: 0;
}
.content-block.full-width .inner {
max-width: none;
overflow: hidden;
margin: 0 !important;
}
.content-block-inner > p:last-child {
margin-bottom: 0;
}
.left-sidebar .content-block,
.right-sidebar .content-block {
margin: 20px 0;
padding: 20px 0;
border-width: 1px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.left-sidebar .content-block .inner,
.right-sidebar .content-block .inner {
padding-left: 20px;
padding-right: 20px;
}
.content-block-inner > article:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border-bottom-width: 0 !important;
} .pricing-table {
padding-top: 20px;
margin-bottom: 20px;
}
.pricing-table .plan {
float: left;
}
.pricing-table.col-1 .plan {
width: 100%;
}
.pricing-table.col-2 .plan {
width: 50%;
}
.pricing-table.col-3 .plan {
width: 33%;
}
.pricing-table.col-4 .plan {
width: 25%;
}
.pricing-table.col-5 .plan {
width: 20%;
}
.plan {
text-align: center;
border: 1px solid #d9d9d9;
margin-right: -1px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.pricing-table .featured {
font-weight: bold;
font-size: 13px;
line-height: 30px;
height: 30px;
margin: -30px -1px 0 -1px;
position: relative;
z-index: 10;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
background: #333333;
color: #ffffff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.pricing-table .gray .featured {
background: #888;
}
.pricing-table .black .featured {
background: #111;
}
.pricing-table .red .featured {
background: #d14836;
}
.pricing-table .orange .featured {
background: #f77e05;
}
.pricing-table .yellow .featured {
background: #f7bb05;
color: #444;
text-shadow: none;
}
.pricing-table .green .featured {
background: #53af4e;
}
.pricing-table .cyan .featured {
background: #21bbbd;
}
.pricing-table .dark-blue .featured {
background: #0066cc;
}
.pricing-table .blue .featured {
background: #0199cc;
}
.pricing-table .light-blue .featured {
background: #4787ed;
}
.pricing-table .magenta .featured {
background: #c72ecc;
}
.pricing-table .pink .featured {
background: #ed174f;
}
.plan .header {
padding: 15px 0;
border-bottom: 1px solid #d9d9d9;
background-color: #f1f1f1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1);
background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1);
background-image: linear-gradient(to bottom, #fafafa, #f1f1f1);
background-repeat: repeat-x;
}
.plan .header h3 {
font-size: 20px;
line-height: 22px;
margin-bottom: 5px;
}
.plan .price {
font-size: 36px;
line-height: 38px;
font-weight: 400;
}
.plan .price span {
display: block;
font-weight: normal;
font-size: 11px;
margin: 5px 0 0 0;
color: #a2a2a2;
line-height: 11px;
}
.plan .signup {
padding: 15px 0;
text-align: center;
border-top: 1px solid #d9d9d9;
background: #f1f1f1;
}
.plan .signup .btn {
padding-left: 20px;
padding-right: 20px;
font-weight: bold;
}
.plan ul {
margin: 0;
padding: 0;
list-style: none;
}
.plan li {
font-size: 12px;
padding: 8px 0;
text-align: center;
}
.plan li:nth-child(even) {
background-color: #fbfbfb;
}
.plan li:last-child {
border-width: 0;
}
.plan p {
margin-bottom: 0;
} #to-top {
position: fixed;
display: none;
bottom: 30px;
right: 30px;
width: 32px;
height: 32px;
padding: 0;
opacity: .7;
}
#to-top:hover {
opacity: 1;
}
#to-top:before {
font-family: FontAwesome;
font-size: 28px;
line-height: 32px;
text-align: center;
text-shadow: 0 1px #fff;
width: 32px;
height: 32px;
display: inline-block;
content: "\f106";
}
#comments {
margin-top: 30px;
}
#comments > .inner {
padding-top: 30px;
border-top: 1px solid #d9d9d9;
}
#comments-title {
font-size: 22px;
margin: 0 0 20px;
}
.nopassword,
.nocomments {
color: #a2a2a2;
font-size: 26px;
font-weight: normal;
margin: 40px 0;
text-align: center;
}
.commentlist {
list-style: none;
margin: 0;
padding: 0;
}
.comments-area article {
margin: 0 0 20px;
padding-bottom: 15px;
position: relative;
border-bottom: 1px solid #d9d9d9;
}
.comments-area article header {
font-size: 12px;
line-height: 20px;
margin-bottom: 15px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #f1f1f1;
color: #a2a2a2;
}
.comments-area article header img {
display: block;
float: left;
margin-right: 15px;
padding: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #fff;
}
.comments-area article header .comment-author-inner {
padding-top: 12px;
}
.comments-area article header .edit-link a {
margin: 11px 10px 0;
}
.comments-area article header .fn {
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #444444;
}
.comments-area article header a {
color: #444444;
}
.comments-area article header a:hover {
text-decoration: underline;
}
.comments-area .comment-content p {
margin-bottom: 8px;
}
.comments-area .pingback {
margin: 0 0 20px;
}
.comments-area .children {
list-style: none;
margin: 0;
}
.comments-area .children li.comment {
margin-top: 20px;
padding: 0 0 0 30px;
}
.comments-area li.bypostauthor > article header {
background: #dcf1f8;
}
a.comment-reply-link .icon:before {
vertical-align: 0;
font-size: 14px;
}
.format-status img.avatar {
float: left;
width: auto;
height: auto;
margin: 0 20px 20px 0;
} #respond {
margin-bottom: 20px;
position: relative;
}
#respond input[type='text'],
#respond textarea {
position: relative;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
position: absolute;
display: inline-block;
left: 2px;
min-width: 60px;
padding: 5px 6px;
top: 0;
z-index: 1;
cursor: text;
color: #a2a2a2;
}
#respond textarea {
display: block;
resize: vertical;
width: 98%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
color: #bd3500;
}
#respond .comment-notes,
#respond .logged-in-as {
font-size: 12px;
color: #a2a2a2;
}
#respond p {
font-size: 12px;
margin: 0 0 10px;
padding: 0;
}
#respond #cancel-comment-reply-link {
color: #444444;
font-family: Tahoma, sans-serif;
margin-left: 10px;
text-decoration: none;
}
#respond #cancel-comment-reply-link:before {
font-family: Entypo;
font-weight: normal;
font-style: normal;
font-size: 16px;
line-height: 11px;
display: inline-block;
vertical-align: -2px;
content: "\2715";
padding-right: 4px;
max-width: 10px;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
text-decoration: underline;
}
#respond input[type=text] {
display: block;
width: 75%;
}
.commentlist #respond {
width: auto;
margin: 20px 0 20px;
padding-bottom: 15px;
border-bottom: 1px solid #d9d9d9;
}
#reply-title {
font-size: 21px;
margin-bottom: 5px;
}
#cancel-comment-reply-link {
font-size: 11px;
font-weight: normal;
line-height: 2.2em;
text-decoration: none;
display: block;
position: absolute;
top: 0px;
right: 2px;
color: #a2a2a2;
}
p.comment-form-comment {
margin: 0;
}
.comment-awaiting-moderation {
display: block;
margin-bottom: 10px;
}
.form-allowed-tags {
display: none;
}
#colophon {
font-size: 13px;
line-height: 19px;
padding: 30px 0;
border-top: 1px solid #f2f2f2;
background: #f7f7f7;
color: #444444;
}
#colophon input,
#colophon button,
#colophon select,
#colophon textarea {
font-size: 13px;
line-height: 19px;
} #colophon a {
color: #18a3d3;
}
#colophon a:hover,
a:active {
color: #1380a5;
} #sub-footer {
padding: 15px 0;
border-top: 1px solid #e5e5e5;
background: #f0f0f0;
color: #666666;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#copyright {
font-size: 11px;
float: left;
}
#copyright a:hover {
text-decoration: underline;
}
#footer-right {
font-size: 11px;
float: right;
}
#footer-menu {
text-align: right;
float: right;
}
#footer-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer-menu li {
display: inline;
font-weight: normal;
}
#footer-menu a {
padding: 0 5px;
}
#footer-right .widget {
margin: 0;
}
#sub-footer a {
color: #747474;
}
#sub-footer a:hover {
color: #18a3d3;
}@media screen and (max-width: 1180px) {
.flex-direction-nav li .flex-next, .nivo-nextNav { right: -10px !important; }
.flex-direction-nav li .flex-prev, .nivo-prevNav { left: -10px !important; }
.full-width .flex-direction-nav li .flex-next, .full-width .nivo-nextNav { right: 15px !important; }
.full-width .flex-direction-nav li .flex-prev, .full-width .nivo-prevNav { left: 15px !important; }
.boxed .wrapper {
margin-left: 20px !important;
margin-right: 20px !important;
}
.entry-title .icon {
position: static;
left: 0;
}
}
@media screen and (max-width: 1120px) {
.boxed .inner, .boxed .left-sidebar, .boxed .right-sidebar {
margin: 0 20px;
}
.boxed .left-sidebar .inner, .boxed .right-sidebar .inner {
margin: 0;
}
}
@media screen and (max-width: 1080px) {
.wide .inner, .wide .left-sidebar, .wide .right-sidebar {
margin: 0 20px;
}
.wide .left-sidebar .inner, .wide .right-sidebar .inner {
margin: 0;
}
.shadow-top, .shadow-bottom {
margin: 0 -20px;
}
#content .flex-direction-nav .flex-next, #content .nivo-nextNav {
right: -22px !important;
}
#content .flex-direction-nav .flex-prev, #content .nivo-prevNav {
left: -22px !important;
}
}
@media screen and (max-width: 768px) {
#feature, #main {
margin-top: 15px;
}
#main {
margin-bottom: 15px;
}
#breadcrumbs {
margin-top: 0;
} .entry-content, .entry-summary {
padding: 15px 0 15px;
}
.hentry, .singular .hentry .hentry {
margin: 0 0 30px;
}
.hentry footer .inner, .singular .hentry .hentry footer .inner {
padding: 0 0 35px;
} .left-sidebar #primary, .left-sidebar #content,
.right-sidebar #primary, .right-sidebar #content {
margin-left: 0; margin-right: 0;
float: none;
}
.right-sidebar #secondary, .left-sidebar #secondary {
float: none; clear: both; width: auto;
}
#secondary {
margin: 20px 0 0 0;
padding: 0 !important;
background: none !important;
} .content-block {
margin: 20px 0;
padding: 20px 0;
}
.space {
padding-top: 20px;
}
.divider {
padding-top: 20px;
margin-top: 20px;
}
#to-top {
display: none !important;
}
.flexslider .sidebar-content {
padding: 15px 20px 20px;
}
#feature .btn {
font-size: 10px;
padding: 5px 8px;
}
}
@media screen and (min-width: 641px) {
.responsive-menu {
display: none !important;
}
}
@media screen and (max-width: 640px) {
.boxed .wrapper {
margin-right: 10px !important;
margin-left: 10px !important;
} .entry-content, .entry-summary {
padding: 10px 0 10px;
}
.hentry, .singular .hentry .hentry {
margin: 0 0 20px;
}
.hentry footer .inner, .singular .hentry .hentry footer .inner {
padding: 0 0 25px;		
}
.entry-content h1, .comment-content h1, #feature h1 { margin-bottom: 12px; }
.entry-content h2, .comment-content h2, #feature h2 { margin-bottom: 10px; }
.entry-content h2.widgettitle { margin-bottom: 7px; }
.entry-content h3, .comment-content h3, #feature h3 { margin-bottom: 7px; }
.entry-content h4, .comment-content h4, #feature h4 { margin-bottom: 6px; }
.entry-content h5, .comment-content h5, #feature h5 { margin-bottom: 6px; }
.entry-content h6, .comment-content h6, #feature h6 { margin-bottom: 6px; } #branding {
position: relative;
min-height: 47px;
}
.buttons-menu #access, #access {
position: absolute;
top: 8px; right: 20px;
}
.logo-on-top #branding hgroup,
#branding hgroup {
float: left;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 100px;
}
#branding .inner {
padding: 8px 0;
}
#branding #searchform {
margin-top: 0 !important;
}
#access .menu-main-container {
display: none;
}
#responsive-menu-switcher {
display: block;
}
#top-bar .left, #top-bar .right, #top-bar .widget {
text-align: left;
float: none;
}
#top-bar .left {
text-align: center;
line-height: 16px;
margin-top: 4px;
margin-bottom: 4px;
}
#top-bar .widget_social {
text-align: center;
} section.portfolio {
margin-right: 0 !important;
}
section.portfolio li,
.blog-columns article {
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}
section.portfolio.title-bottom li {
width: auto !important;
}
section.portfolio .image img {
display: inline-block !important;
width: auto;
vertical-align: top;
}
.portfolio.one-column .image,
.portfolio.one-column .details {
float: none !important;
width: auto !important;
}
.portfolio.one-column .details {
padding-left: 0 !important;
padding-top: 10px !important;
}
.portfolio .image {
display: inline-block;
max-width: 100%;
} .widget {
margin-bottom: 20px !important;
}
#top-bar .widget {
margin-bottom: 0 !important;
} .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
float: none !important;
margin-right: 0 !important;
width: auto !important;
} #colophon {
padding: 15px 0 5px;
}
#supplementary > div,
.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
float: none;
width: auto !important;
margin: 0 0 20px !important;
}
#supplementary > div, .widget-area {
margin: 0 !important;
}
#copyright,
#footer-right,
#footer-menu {
text-align: center;
float: none;
}
#footer-right {
margin-top: 5px;
} .pricing-table {
padding-top: 0;
}
.pricing-table .plan {
float: none;
width: auto !important;
margin-bottom: 20px;
}
.pricing-table .plan:last-child {
margin-bottom: 0;
}
.pricing-table .featured {
margin: 0 -1px 0 -1px;
position: static;
} .space {
padding-top: 20px;
}
.divider {
padding-top: 20px;
margin-top: 20px;
}
#feature .btn {
font-size: 8px;
padding: 3px 6px;
} .tabs-container.tabs-left .tabs {
border-bottom-width: 1px !important;
float: none;
width: auto;
border-right-width: 0;
}
.tabs-container.tabs-left .tabs > li {
float: left;
margin: 0 2px 0 0;
}
.tabs-container.tabs-left .tabs > li > a {
padding: 9px 12px 6px;
margin-bottom: 3px;
}
.tabs-container.tabs-left .tabs > li > a.current,
.tabs-container.tabs-left .tabs > li > a.current:hover {
padding-right: 12px;
margin-bottom: 0;
border-right-width: 0;
border-bottom-width: 3px !important;
}
.tabs-container.tabs-left .panes {
float: none;
width: auto;
margin: 0;
margin-top: 20px;
padding: 0;
border-width: 0;
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.tabs-container.tabs-left .panes > div {
padding: 0;
}
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
.flex-direction-nav a, .flex-control-paging li a, .nivo-directionNav a, .nivo-controlNav a,
.tp-bullets.simplebullets.round .bullet, .tp-leftarrow.default, .tp-rightarrow.default {
background-image: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/sliders-sprite@2.png);
}
.entry-meta .tag-links a, .tagcloud a,
.entry-meta .tag-links a:before, .entry-meta .tag-links a:after, .tagcloud a:before, .tagcloud a:after {
background-image: url(//www.faarvent.com.mx/wp-content/themes/souffle/images/tags-bg@2.png);
}
}