11837 lines
336 KiB
CSS
11837 lines
336 KiB
CSS
|
/*
|
||
|
|
|-------------------------------------------------------------------------
|
||
|
|
| Be
|
||
|
|
| Global style
|
||
|
|
| version 3.8
|
||
|
|
| http://BeantownThemes.com
|
||
|
|
| http://themeforest.net/user/BeantownThemes
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 1.0 Base
|
||
|
|
| 2.0 Buttons
|
||
|
|
| 3.0 Mfn-icons
|
||
|
|
| 4.0 Shortcodes
|
||
|
|
| 5.0 Variables
|
||
|
|
| 6.0 Animation
|
||
|
|
| 7.0 jQuery ui
|
||
|
|
| 8.0 jPlayer
|
||
|
|
| 9.0 Prrettyphoto
|
||
|
|
| 10. simple style
|
||
|
|
| 11. Bootstrap elements
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 1.0 Base
|
||
|
|
|
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
|
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/* #Reset & Basics (Inspired by E. Meyers)
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
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, tt, var, b, u, i, center, 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;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
line-height: 1;
|
||
|
|
}
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Basic Styles
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
html {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
/* Fix for webkit rendering */
|
||
|
|
-webkit-text-size-adjust: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Typography
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
|
||
|
|
font-weight: inherit;
|
||
|
|
}
|
||
|
|
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
h2 {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
h3 {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
h4 {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
h5 {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
h6 {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
margin: 0 0 15px;
|
||
|
|
}
|
||
|
|
em, i {
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
b, strong {
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
big, .big {
|
||
|
|
font-size: 110%;
|
||
|
|
line-height: 180%;
|
||
|
|
}
|
||
|
|
dt {
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Links
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
a, a:visited, a:focus {
|
||
|
|
text-decoration: none;
|
||
|
|
outline: 0;
|
||
|
|
}
|
||
|
|
a:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
p a, p a:visited {
|
||
|
|
line-height: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Images
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
img.scale-with-grid, #Content img {
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.google-map img {
|
||
|
|
max-width: none !important;
|
||
|
|
}
|
||
|
|
iframe {
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Sizes ----------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
/* .mcb-wrap */
|
||
|
|
|
||
|
|
.one-sixth.mcb-wrap {
|
||
|
|
width: 16.666%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/6 */
|
||
|
|
|
||
|
|
.one-fifth.mcb-wrap {
|
||
|
|
width: 20%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/5 */
|
||
|
|
|
||
|
|
.one-fourth.mcb-wrap {
|
||
|
|
width: 25%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/4 */
|
||
|
|
|
||
|
|
.one-third.mcb-wrap {
|
||
|
|
width: 33.333%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/3 */
|
||
|
|
|
||
|
|
.two-fifth.mcb-wrap {
|
||
|
|
width: 40%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 2/5 */
|
||
|
|
|
||
|
|
.one-second.mcb-wrap {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/2 */
|
||
|
|
|
||
|
|
.three-fifth.mcb-wrap {
|
||
|
|
width: 60%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 3/5 */
|
||
|
|
|
||
|
|
.two-third.mcb-wrap {
|
||
|
|
width: 66.666%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 2/3 */
|
||
|
|
|
||
|
|
.three-fourth.mcb-wrap {
|
||
|
|
width: 75%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 3/4 */
|
||
|
|
|
||
|
|
.four-fifth.mcb-wrap {
|
||
|
|
width: 80%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 4/5 */
|
||
|
|
|
||
|
|
.five-sixth.mcb-wrap {
|
||
|
|
width: 83.333%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 5/6 */
|
||
|
|
|
||
|
|
.one.mcb-wrap {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/1 */
|
||
|
|
|
||
|
|
|
||
|
|
/* .column */
|
||
|
|
|
||
|
|
.one-sixth.column {
|
||
|
|
width: 14.666%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/6 */
|
||
|
|
|
||
|
|
.one-fifth.column {
|
||
|
|
width: 18%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/5 */
|
||
|
|
|
||
|
|
.one-fourth.column, .four.columns {
|
||
|
|
width: 23%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/4 */
|
||
|
|
|
||
|
|
.one-third.column {
|
||
|
|
width: 31.333%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/3 */
|
||
|
|
|
||
|
|
.two-fifth.column {
|
||
|
|
width: 38%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 2/5 */
|
||
|
|
|
||
|
|
.one-second.column {
|
||
|
|
width: 48%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/2 */
|
||
|
|
|
||
|
|
.three-fifth.column {
|
||
|
|
width: 58%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 3/5 */
|
||
|
|
|
||
|
|
.two-third.column {
|
||
|
|
width: 64.666%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 2/3 */
|
||
|
|
|
||
|
|
.three-fourth.column {
|
||
|
|
width: 73%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 3/4 */
|
||
|
|
|
||
|
|
.four-fifth.column {
|
||
|
|
width: 78%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 4/5 */
|
||
|
|
|
||
|
|
.five-sixth.column {
|
||
|
|
width: 81.333%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 5/6 */
|
||
|
|
|
||
|
|
.one.column {
|
||
|
|
width: 98%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/1 */
|
||
|
|
|
||
|
|
.section.full-width>.one.column, .section.full-width>.section_wrapper>.one.column, .section.full-width .one.wrap .one.column {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* .Sidebar | .with_aside */
|
||
|
|
|
||
|
|
.with_aside .content_wrapper {
|
||
|
|
max-width: 1240px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
.with_aside .sections_group {
|
||
|
|
width: 75%;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.with_aside .section_wrapper {
|
||
|
|
max-width: 98%;
|
||
|
|
max-width: calc( 100% - 20px);
|
||
|
|
}
|
||
|
|
.with_aside .four.columns {
|
||
|
|
float: right;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.aside_left .sections_group {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.aside_left .four.columns {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Sidebar - Both | .aside_both */
|
||
|
|
|
||
|
|
.aside_both .sections_group {
|
||
|
|
width: 60%;
|
||
|
|
margin-left: 20%;
|
||
|
|
}
|
||
|
|
.aside_both .sidebar.columns {
|
||
|
|
width: 18%;
|
||
|
|
}
|
||
|
|
.aside_both .sidebar-1 {
|
||
|
|
float: left !important;
|
||
|
|
margin-left: -79%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Column ---------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
/* Column | Margin - Horizontal */
|
||
|
|
|
||
|
|
.no-margin-h .column {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.no-margin-h .one-sixth.column {
|
||
|
|
width: 16.666%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/6 */
|
||
|
|
|
||
|
|
.no-margin-h .one-fifth.column {
|
||
|
|
width: 20%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/5 */
|
||
|
|
|
||
|
|
.no-margin-h .one-fourth.column {
|
||
|
|
width: 25%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/4 */
|
||
|
|
|
||
|
|
.no-margin-h .one-third.column {
|
||
|
|
width: 33.333%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/3 */
|
||
|
|
|
||
|
|
.no-margin-h .one-second.column {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/2 */
|
||
|
|
|
||
|
|
.no-margin-h .two-third.column {
|
||
|
|
width: 66.666%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 2/3 */
|
||
|
|
|
||
|
|
.no-margin-h .three-fourth.column {
|
||
|
|
width: 75%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 3/4 */
|
||
|
|
|
||
|
|
.no-margin-h .one.column {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/1 */
|
||
|
|
|
||
|
|
|
||
|
|
/* Column | Margin - Bottom */
|
||
|
|
|
||
|
|
|
||
|
|
/* set in section options */
|
||
|
|
|
||
|
|
.column.column_divider {
|
||
|
|
margin-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
.column-margin-0px .column {
|
||
|
|
margin-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
.column-margin-10px .column {
|
||
|
|
margin-bottom: 10px !important;
|
||
|
|
}
|
||
|
|
.column-margin-20px .column {
|
||
|
|
margin-bottom: 20px !important;
|
||
|
|
}
|
||
|
|
.column-margin-30px .column {
|
||
|
|
margin-bottom: 30px !important;
|
||
|
|
}
|
||
|
|
.column-margin-40px .column {
|
||
|
|
margin-bottom: 40px !important;
|
||
|
|
}
|
||
|
|
.column-margin-50px .column {
|
||
|
|
margin-bottom: 50px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* set in item options */
|
||
|
|
|
||
|
|
.column-margin-0px.column {
|
||
|
|
margin-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
.column-margin-10px.column {
|
||
|
|
margin-bottom: 10px !important;
|
||
|
|
}
|
||
|
|
.column-margin-20px.column {
|
||
|
|
margin-bottom: 20px !important;
|
||
|
|
}
|
||
|
|
.column-margin-30px.column {
|
||
|
|
margin-bottom: 30px !important;
|
||
|
|
}
|
||
|
|
.column-margin-40px.column {
|
||
|
|
margin-bottom: 40px !important;
|
||
|
|
}
|
||
|
|
.column-margin-50px.column {
|
||
|
|
margin-bottom: 50px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Column | Equal Height */
|
||
|
|
|
||
|
|
.equal-height .column .column_attr {
|
||
|
|
height: 100%;
|
||
|
|
box-sizing: border-box
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Column | Align */
|
||
|
|
|
||
|
|
.column_attr.align_left {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
.column_attr.align_right {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
.column_attr.align_center {
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.column_attr.align_justify {
|
||
|
|
text-align: justify
|
||
|
|
}
|
||
|
|
.mcb-wrap {
|
||
|
|
float: left;
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.mcb-wrap.divider {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Buttons
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
a.tp-button {
|
||
|
|
background: none;
|
||
|
|
font-family: inherit !important;
|
||
|
|
height: auto !important;
|
||
|
|
line-height: inherit !important;
|
||
|
|
border-radius: 0;
|
||
|
|
-moz-border-radius: 0;
|
||
|
|
-webkit-border-radius: 0;
|
||
|
|
letter-spacing: 0 !important;
|
||
|
|
text-shadow: 0 0 0 !important;
|
||
|
|
box-shadow: 0 0 0 !important;
|
||
|
|
font-weight: 400 !important;
|
||
|
|
border-width: 1px !important;
|
||
|
|
}
|
||
|
|
a.button, a.tp-button, button, input[type="submit"], input[type="reset"], input[type="button"] {
|
||
|
|
display: inline-block;
|
||
|
|
padding: 11px 20px;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
cursor: pointer;
|
||
|
|
margin-right: 7px;
|
||
|
|
border: 0;
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
border-radius: 5px;
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
|
||
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
|
||
|
|
background-image: url(../images/box_shadow_button.png);
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
}
|
||
|
|
a.button_js {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
a.button.button_large, a.tp-button.button_large, button.button_large, input[type="submit"].button_large, input[type="reset"].button_large, input[type="button"].button_large {
|
||
|
|
font-size: 110%;
|
||
|
|
line-height: 110%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Button label & icon */
|
||
|
|
|
||
|
|
a.button .button_label {
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
a.button .button_icon {
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
background: rgba(0, 0, 0, .05);
|
||
|
|
}
|
||
|
|
a.button .button_icon i {
|
||
|
|
color: rgba(0, 0, 0, .5);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Button icon left */
|
||
|
|
|
||
|
|
a.button.button_left .button_icon, a.tp-button.button_left .button_icon {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
a.button.button_right .button_icon, a.tp-button.button_right .button_icon {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Paddings */
|
||
|
|
|
||
|
|
a.button .button_label {
|
||
|
|
padding: 11px 20px;
|
||
|
|
}
|
||
|
|
a.button .button_icon {
|
||
|
|
padding: 11px 13px;
|
||
|
|
}
|
||
|
|
a.button_large .button_label {
|
||
|
|
padding: 15px 30px;
|
||
|
|
}
|
||
|
|
a.button_large .button_icon {
|
||
|
|
padding: 15px 13px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Hover */
|
||
|
|
|
||
|
|
@media only screen and (min-width: 768px) {
|
||
|
|
a.button:after, a.tp-button:after, button:after, input[type="submit"]:after, input[type="reset"]:after, input[type="button"]:after {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
height: 100%;
|
||
|
|
width: 0;
|
||
|
|
z-index: 1;
|
||
|
|
-webkit-transition: all .3s;
|
||
|
|
-moz-transition: all .3s;
|
||
|
|
transition: all .3s;
|
||
|
|
background: rgba(0, 0, 0, .05);
|
||
|
|
}
|
||
|
|
a:hover.button, a:hover.tp-button {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
a.button:hover:after, a.tp-button:hover:after, button:hover:after, input[type="submit"]:hover:after, input[type="reset"]:hover:after, input[type="button"]:hover:after {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Buttons stroke
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
.button-stroke a.button, .button-stroke a.tp-button, .button-stroke button, .button-stroke input[type="submit"], .button-stroke input[type="reset"], .button-stroke input[type="button"] {
|
||
|
|
border-width: 2px;
|
||
|
|
border-style: solid;
|
||
|
|
-webkit-border-radius: 3px;
|
||
|
|
border-radius: 3px;
|
||
|
|
background-color: transparent !important;
|
||
|
|
-webkit-box-shadow: inset 0 0 0 0;
|
||
|
|
box-shadow: inset 0 0 0 0;
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.button-stroke a.button:after, .button-stroke a.tp-button:after, .button-stroke button:after, .button-stroke input[type="submit"]:after, .button-stroke input[type="reset"]:after, .button-stroke input[type="button"]:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.button-stroke a:hover.button, .button-stroke a:hover.tp-button, .button-stroke button:hover, .button-stroke input[type="submit"]:hover, .button-stroke input[type="reset"]:hover, .button-stroke input[type="button"]:hover {
|
||
|
|
-webkit-transition: all .3s;
|
||
|
|
-moz-transition: all .3s;
|
||
|
|
transition: all .3s;
|
||
|
|
background-color: #828282;
|
||
|
|
}
|
||
|
|
.button-stroke a:hover.button.button_stroke_custom, .button-stroke a:hover.tp-button.button_stroke_custom {
|
||
|
|
background-color: rgba(0, 0, 0, .05) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Button icon */
|
||
|
|
|
||
|
|
.button-stroke a.button .button_icon {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.button-stroke a:hover.button .button_icon i, .button-stroke a.button.button_theme:hover .button_icon i {
|
||
|
|
color: rgba(0, 0, 0, .5) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Paddings */
|
||
|
|
|
||
|
|
.button-stroke a.button_left.button .button_label, .button-stroke a.button_left.button_large .button_label {
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
.button-stroke a.button_right.button .button_label, .button-stroke a.button_right.button_large .button_label {
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
.button-stroke a.button_left.button_large .button_icon {
|
||
|
|
padding-left: 27px;
|
||
|
|
}
|
||
|
|
.button-stroke a.button_right.button_large .button_icon {
|
||
|
|
padding-right: 27px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Fix for odd Mozilla border & padding issues */
|
||
|
|
|
||
|
|
button::-moz-focus-inner, input::-moz-focus-inner {
|
||
|
|
border: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 2.0 Buttons
|
||
|
|
|
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
|
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/* Red */
|
||
|
|
|
||
|
|
a.button.button_red, a.tp-button.red {
|
||
|
|
background-color: #e7432b;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.button-stroke a.button.button_red, .button-stroke a.button.button_red .button_icon i, .button-stroke a.tp-button.red {
|
||
|
|
color: #e7432b;
|
||
|
|
border-color: #e7432b;
|
||
|
|
}
|
||
|
|
.button-stroke a:hover.button.button_red, .button-stroke a:hover.tp-button.red {
|
||
|
|
background-color: #e7432b !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Blue */
|
||
|
|
|
||
|
|
a.button.button_blue, a.tp-button.blue {
|
||
|
|
background-color: #2e96db;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.button-stroke a.button.button_blue, .button-stroke a.button.button_blue .button_icon i, .button-stroke a.tp-button.blue {
|
||
|
|
color: #2e96db;
|
||
|
|
border-color: #2e96db;
|
||
|
|
}
|
||
|
|
.button-stroke a:hover.button.button_blue, .button-stroke a:hover.tp-button.blue {
|
||
|
|
background-color: #2e96db !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Turquoise */
|
||
|
|
|
||
|
|
a.button.button_turquoise, a.tp-button.turquoise {
|
||
|
|
background-color: #22e387;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.button-stroke a.button.button_turquoise, .button-stroke a.button.button_turquoise .button_icon i, .button-stroke a.tp-button.turquoise {
|
||
|
|
color: #22e387;
|
||
|
|
border-color: #22e387;
|
||
|
|
}
|
||
|
|
.button-stroke a:hover.button.button_turquoise, .button-stroke a:hover.tp-button.turquoise {
|
||
|
|
background-color: #22e387 !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Yellow */
|
||
|
|
|
||
|
|
a.button.button_yellow, a.tp-button.yellow {
|
||
|
|
background-color: #face43;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.button-stroke a.button.button_yellow, .button-stroke a.button.button_yellow .button_icon i, .button-stroke a.tp-button.yellow {
|
||
|
|
color: #face43;
|
||
|
|
border-color: #face43;
|
||
|
|
}
|
||
|
|
.button-stroke a:hover.button.button_yellow, .button-stroke a:hover.tp-button.yellow {
|
||
|
|
background-color: #face43 !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Grey */
|
||
|
|
|
||
|
|
a.button.button_grey, a.tp-button.grey {
|
||
|
|
background-color: #8f8f8f;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.button-stroke a.button.button_grey, .button-stroke a.button.button_grey .button_icon i, .button-stroke a.tp-button.grey {
|
||
|
|
color: #8f8f8f;
|
||
|
|
border-color: #8f8f8f;
|
||
|
|
}
|
||
|
|
.button-stroke a:hover.button.button_grey, .button-stroke a:hover.tp-button.grey {
|
||
|
|
background-color: #8f8f8f !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Navy */
|
||
|
|
|
||
|
|
a.button.button_navy, a.tp-button.navy {
|
||
|
|
background-color: #3b5982;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.button-stroke a.button.button_navy, .button-stroke a.button.button_navy .button_icon i, .button-stroke a.tp-button.navy {
|
||
|
|
color: #3b5982;
|
||
|
|
border-color: #3b5982;
|
||
|
|
}
|
||
|
|
.button-stroke a:hover.button.button_navy, .button-stroke a:hover.tp-button.navy {
|
||
|
|
background-color: #3b5982 !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Orange */
|
||
|
|
|
||
|
|
a.button.button_orange, a.tp-button.orange {
|
||
|
|
background-color: #ff8125;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.button-stroke a.button.button_orange, .button-stroke a.button.button_orange .button_icon i, .button-stroke a.tp-button.orange {
|
||
|
|
color: #ff8125;
|
||
|
|
border-color: #ff8125;
|
||
|
|
}
|
||
|
|
.button-stroke a:hover.button.button_orange, .button-stroke a:hover.tp-button.orange {
|
||
|
|
background-color: #ff8125 !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Green */
|
||
|
|
|
||
|
|
a.button.button_green, a.tp-button.green {
|
||
|
|
background-color: #88be4c;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.button-stroke a.button.button_green, .button-stroke a.button.button_green .button_icon i, .button-stroke a.tp-button.green {
|
||
|
|
color: #88be4c;
|
||
|
|
border-color: #88be4c;
|
||
|
|
}
|
||
|
|
.button-stroke a:hover.button.button_green, .button-stroke a:hover.tp-button.green {
|
||
|
|
background-color: #88be4c !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/****************************************************/
|
||
|
|
|
||
|
|
|
||
|
|
/* Button darkgrey */
|
||
|
|
|
||
|
|
a.tp-button.darkgrey {
|
||
|
|
background-color: transparent;
|
||
|
|
color: #545454 !important;
|
||
|
|
border-color: #545454;
|
||
|
|
}
|
||
|
|
a:hover.tp-button.darkgrey {
|
||
|
|
background-color: #545454;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Button lightgrey */
|
||
|
|
|
||
|
|
a.tp-button.lightgrey {
|
||
|
|
background-color: transparent;
|
||
|
|
color: #fff;
|
||
|
|
border-color: #fff;
|
||
|
|
}
|
||
|
|
a:hover.tp-button.lightgrey {
|
||
|
|
background-color: #fff;
|
||
|
|
color: #545454 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 3.0 Mfn-icons
|
||
|
|
|
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
|
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'mfn-icons';
|
||
|
|
src: url(fonts/mfn-icons.eot);
|
||
|
|
src: url(fonts/mfn-icons.eot) format("embedded-opentype"), url(fonts/mfn-icons.woff) format("woff"), url(fonts/mfn-icons.ttf) format("truetype"), url(fonts/mfn-icons.svg) format("svg");
|
||
|
|
font-weight: 400;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
|
||
|
|
|
||
|
|
|
||
|
|
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||
|
|
@font-face {
|
||
|
|
font-family: 'mfn-icons';
|
||
|
|
src: url('fonts/../font/mfn-icons.svg?3416171#mfn-icons') format('svg');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||
|
|
font-family: "mfn-icons";
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 400;
|
||
|
|
speak: none;
|
||
|
|
display: inline-block;
|
||
|
|
text-decoration: none !important;
|
||
|
|
width: 1em;
|
||
|
|
margin-right: .2em;
|
||
|
|
text-align: center;
|
||
|
|
/* opacity: .8; */
|
||
|
|
/* For safety - reset parent styles, that can break glyph codes*/
|
||
|
|
font-variant: normal;
|
||
|
|
text-transform: none;
|
||
|
|
/* fix buttons height, for twitter bootstrap */
|
||
|
|
line-height: 1em;
|
||
|
|
/* Animation center compensation - margins should be symmetric */
|
||
|
|
/* remove if not needed */
|
||
|
|
margin-left: .2em;
|
||
|
|
/* you can be more comfortable with increased icons size */
|
||
|
|
/* font-size: 120%; */
|
||
|
|
/* Uncomment for 3D effect */
|
||
|
|
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
||
|
|
}
|
||
|
|
.icon-acrobat:before {
|
||
|
|
content: '\e800'
|
||
|
|
}
|
||
|
|
.icon-address:before {
|
||
|
|
content: '\e801'
|
||
|
|
}
|
||
|
|
.icon-adjust:before {
|
||
|
|
content: '\e802'
|
||
|
|
}
|
||
|
|
.icon-aim:before {
|
||
|
|
content: '\e803'
|
||
|
|
}
|
||
|
|
.icon-air:before {
|
||
|
|
content: '\e804'
|
||
|
|
}
|
||
|
|
.icon-alert:before {
|
||
|
|
content: '\e805'
|
||
|
|
}
|
||
|
|
.icon-amazon:before {
|
||
|
|
content: '\e806'
|
||
|
|
}
|
||
|
|
.icon-android:before {
|
||
|
|
content: '\e807'
|
||
|
|
}
|
||
|
|
.icon-angellist:before {
|
||
|
|
content: '\e808'
|
||
|
|
}
|
||
|
|
.icon-appnet:before {
|
||
|
|
content: '\e809'
|
||
|
|
}
|
||
|
|
.icon-appstore:before {
|
||
|
|
content: '\e80a'
|
||
|
|
}
|
||
|
|
.icon-archive:before {
|
||
|
|
content: '\e80b'
|
||
|
|
}
|
||
|
|
.icon-arrow-combo:before {
|
||
|
|
content: '\e80c'
|
||
|
|
}
|
||
|
|
.icon-arrows-ccw:before {
|
||
|
|
content: '\e80d'
|
||
|
|
}
|
||
|
|
.icon-attach:before {
|
||
|
|
content: '\e80e'
|
||
|
|
}
|
||
|
|
.icon-attach-line:before {
|
||
|
|
content: '\e80f'
|
||
|
|
}
|
||
|
|
.icon-attention:before {
|
||
|
|
content: '\e810'
|
||
|
|
}
|
||
|
|
.icon-back:before {
|
||
|
|
content: '\e811'
|
||
|
|
}
|
||
|
|
.icon-back-in-time:before {
|
||
|
|
content: '\e812'
|
||
|
|
}
|
||
|
|
.icon-bag:before {
|
||
|
|
content: '\e813'
|
||
|
|
}
|
||
|
|
.icon-basket:before {
|
||
|
|
content: '\e814'
|
||
|
|
}
|
||
|
|
.icon-battery:before {
|
||
|
|
content: '\e815'
|
||
|
|
}
|
||
|
|
.icon-beaker-line:before {
|
||
|
|
content: '\e816'
|
||
|
|
}
|
||
|
|
.icon-bell:before {
|
||
|
|
content: '\e817'
|
||
|
|
}
|
||
|
|
.icon-bitbucket:before {
|
||
|
|
content: '\e818'
|
||
|
|
}
|
||
|
|
.icon-bitcoin:before {
|
||
|
|
content: '\e819'
|
||
|
|
}
|
||
|
|
.icon-block:before {
|
||
|
|
content: '\e81a'
|
||
|
|
}
|
||
|
|
.icon-blogger:before {
|
||
|
|
content: '\e81b'
|
||
|
|
}
|
||
|
|
.icon-book:before {
|
||
|
|
content: '\e81c'
|
||
|
|
}
|
||
|
|
.icon-book-open:before {
|
||
|
|
content: '\e81d'
|
||
|
|
}
|
||
|
|
.icon-bookmark:before {
|
||
|
|
content: '\e81e'
|
||
|
|
}
|
||
|
|
.icon-bookmarks:before {
|
||
|
|
content: '\e81f'
|
||
|
|
}
|
||
|
|
.icon-box:before {
|
||
|
|
content: '\e820'
|
||
|
|
}
|
||
|
|
.icon-briefcase:before {
|
||
|
|
content: '\e821'
|
||
|
|
}
|
||
|
|
.icon-brush:before {
|
||
|
|
content: '\e822'
|
||
|
|
}
|
||
|
|
.icon-bucket:before {
|
||
|
|
content: '\e823'
|
||
|
|
}
|
||
|
|
.icon-buffer:before {
|
||
|
|
content: '\e824'
|
||
|
|
}
|
||
|
|
.icon-calendar:before {
|
||
|
|
content: '\e825'
|
||
|
|
}
|
||
|
|
.icon-calendar-line:before {
|
||
|
|
content: '\e826'
|
||
|
|
}
|
||
|
|
.icon-call:before {
|
||
|
|
content: '\e827'
|
||
|
|
}
|
||
|
|
.icon-camera:before {
|
||
|
|
content: '\e828'
|
||
|
|
}
|
||
|
|
.icon-camera-line:before {
|
||
|
|
content: '\e829'
|
||
|
|
}
|
||
|
|
.icon-cancel:before {
|
||
|
|
content: '\e82a'
|
||
|
|
}
|
||
|
|
.icon-cancel-circled:before {
|
||
|
|
content: '\e82b'
|
||
|
|
}
|
||
|
|
.icon-cancel-squared:before {
|
||
|
|
content: '\e82c'
|
||
|
|
}
|
||
|
|
.icon-cart:before {
|
||
|
|
content: '\e82d'
|
||
|
|
}
|
||
|
|
.icon-cc:before {
|
||
|
|
content: '\e82e'
|
||
|
|
}
|
||
|
|
.icon-cc-by:before {
|
||
|
|
content: '\e82f'
|
||
|
|
}
|
||
|
|
.icon-cc-nc:before {
|
||
|
|
content: '\e830'
|
||
|
|
}
|
||
|
|
.icon-cc-nc-eu:before {
|
||
|
|
content: '\e831'
|
||
|
|
}
|
||
|
|
.icon-cc-nc-jp:before {
|
||
|
|
content: '\e832'
|
||
|
|
}
|
||
|
|
.icon-cc-nd:before {
|
||
|
|
content: '\e833'
|
||
|
|
}
|
||
|
|
.icon-cc-pd:before {
|
||
|
|
content: '\e834'
|
||
|
|
}
|
||
|
|
.icon-cc-remix:before {
|
||
|
|
content: '\e835'
|
||
|
|
}
|
||
|
|
.icon-cc-sa:before {
|
||
|
|
content: '\e836'
|
||
|
|
}
|
||
|
|
.icon-cc-share:before {
|
||
|
|
content: '\e837'
|
||
|
|
}
|
||
|
|
.icon-cc-zero:before {
|
||
|
|
content: '\e838'
|
||
|
|
}
|
||
|
|
.icon-ccw:before {
|
||
|
|
content: '\e839'
|
||
|
|
}
|
||
|
|
.icon-cd:before {
|
||
|
|
content: '\e83a'
|
||
|
|
}
|
||
|
|
.icon-cd-line:before {
|
||
|
|
content: '\e83b'
|
||
|
|
}
|
||
|
|
.icon-chart-area:before {
|
||
|
|
content: '\e83c'
|
||
|
|
}
|
||
|
|
.icon-chart-bar:before {
|
||
|
|
content: '\e83d'
|
||
|
|
}
|
||
|
|
.icon-chart-line:before {
|
||
|
|
content: '\e83e'
|
||
|
|
}
|
||
|
|
.icon-chart-pie:before {
|
||
|
|
content: '\e83f'
|
||
|
|
}
|
||
|
|
.icon-chat:before {
|
||
|
|
content: '\e840'
|
||
|
|
}
|
||
|
|
.icon-check:before {
|
||
|
|
content: '\e841'
|
||
|
|
}
|
||
|
|
.icon-clipboard:before {
|
||
|
|
content: '\e842'
|
||
|
|
}
|
||
|
|
.icon-clock:before {
|
||
|
|
content: '\e843'
|
||
|
|
}
|
||
|
|
.icon-clock-line:before {
|
||
|
|
content: '\e844'
|
||
|
|
}
|
||
|
|
.icon-cloud:before {
|
||
|
|
content: '\e845'
|
||
|
|
}
|
||
|
|
.icon-cloud-line:before {
|
||
|
|
content: '\e846'
|
||
|
|
}
|
||
|
|
.icon-cloud-thunder:before {
|
||
|
|
content: '\e847'
|
||
|
|
}
|
||
|
|
.icon-cloudapp:before {
|
||
|
|
content: '\e848'
|
||
|
|
}
|
||
|
|
.icon-code:before {
|
||
|
|
content: '\e849'
|
||
|
|
}
|
||
|
|
.icon-cog:before {
|
||
|
|
content: '\e84a'
|
||
|
|
}
|
||
|
|
.icon-cog-line:before {
|
||
|
|
content: '\e84b'
|
||
|
|
}
|
||
|
|
.icon-comment-fa:before {
|
||
|
|
content: '\e84c'
|
||
|
|
}
|
||
|
|
.icon-comment-line:before {
|
||
|
|
content: '\e84d'
|
||
|
|
}
|
||
|
|
.icon-compass:before {
|
||
|
|
content: '\e84e'
|
||
|
|
}
|
||
|
|
.icon-credit-card:before {
|
||
|
|
content: '\e84f'
|
||
|
|
}
|
||
|
|
.icon-cup:before {
|
||
|
|
content: '\e850'
|
||
|
|
}
|
||
|
|
.icon-cup-line:before {
|
||
|
|
content: '\e851'
|
||
|
|
}
|
||
|
|
.icon-cw:before {
|
||
|
|
content: '\e852'
|
||
|
|
}
|
||
|
|
.icon-database-line:before {
|
||
|
|
content: '\e853'
|
||
|
|
}
|
||
|
|
.icon-delicious:before {
|
||
|
|
content: '\e854'
|
||
|
|
}
|
||
|
|
.icon-desktop-line:before {
|
||
|
|
content: '\e855'
|
||
|
|
}
|
||
|
|
.icon-diamond-line:before {
|
||
|
|
content: '\e856'
|
||
|
|
}
|
||
|
|
.icon-digg:before {
|
||
|
|
content: '\e857'
|
||
|
|
}
|
||
|
|
.icon-direction:before {
|
||
|
|
content: '\e858'
|
||
|
|
}
|
||
|
|
.icon-disqus:before {
|
||
|
|
content: '\e859'
|
||
|
|
}
|
||
|
|
.icon-doc:before {
|
||
|
|
content: '\e85a'
|
||
|
|
}
|
||
|
|
.icon-doc-landscape:before {
|
||
|
|
content: '\e85b'
|
||
|
|
}
|
||
|
|
.icon-doc-line:before {
|
||
|
|
content: '\e85c'
|
||
|
|
}
|
||
|
|
.icon-doc-text:before {
|
||
|
|
content: '\e85d'
|
||
|
|
}
|
||
|
|
.icon-doc-text-inv:before {
|
||
|
|
content: '\e85e'
|
||
|
|
}
|
||
|
|
.icon-docs:before {
|
||
|
|
content: '\e85f'
|
||
|
|
}
|
||
|
|
.icon-dot:before {
|
||
|
|
content: '\e860'
|
||
|
|
}
|
||
|
|
.icon-dot-2:before {
|
||
|
|
content: '\e861'
|
||
|
|
}
|
||
|
|
.icon-dot-3:before {
|
||
|
|
content: '\e862'
|
||
|
|
}
|
||
|
|
.icon-down:before {
|
||
|
|
content: '\e863'
|
||
|
|
}
|
||
|
|
.icon-down-bold:before {
|
||
|
|
content: '\e864'
|
||
|
|
}
|
||
|
|
.icon-down-circled:before {
|
||
|
|
content: '\e865'
|
||
|
|
}
|
||
|
|
.icon-down-dir:before {
|
||
|
|
content: '\e866'
|
||
|
|
}
|
||
|
|
.icon-down-open:before {
|
||
|
|
content: '\e867'
|
||
|
|
}
|
||
|
|
.icon-down-open-big:before {
|
||
|
|
content: '\e868'
|
||
|
|
}
|
||
|
|
.icon-down-open-mini:before {
|
||
|
|
content: '\e869'
|
||
|
|
}
|
||
|
|
.icon-down-thin:before {
|
||
|
|
content: '\e86a'
|
||
|
|
}
|
||
|
|
.icon-download:before {
|
||
|
|
content: '\e86b'
|
||
|
|
}
|
||
|
|
.icon-drive:before {
|
||
|
|
content: '\e86c'
|
||
|
|
}
|
||
|
|
.icon-droplet:before {
|
||
|
|
content: '\e86d'
|
||
|
|
}
|
||
|
|
.icon-drupal:before {
|
||
|
|
content: '\e86e'
|
||
|
|
}
|
||
|
|
.icon-duckduckgo:before {
|
||
|
|
content: '\e86f'
|
||
|
|
}
|
||
|
|
.icon-dwolla:before {
|
||
|
|
content: '\e870'
|
||
|
|
}
|
||
|
|
.icon-ebay:before {
|
||
|
|
content: '\e871'
|
||
|
|
}
|
||
|
|
.icon-email:before {
|
||
|
|
content: '\e872'
|
||
|
|
}
|
||
|
|
.icon-erase:before {
|
||
|
|
content: '\e873'
|
||
|
|
}
|
||
|
|
.icon-eventasaurus:before {
|
||
|
|
content: '\e874'
|
||
|
|
}
|
||
|
|
.icon-eventbrite:before {
|
||
|
|
content: '\e875'
|
||
|
|
}
|
||
|
|
.icon-eventful:before {
|
||
|
|
content: '\e876'
|
||
|
|
}
|
||
|
|
.icon-export:before {
|
||
|
|
content: '\e877'
|
||
|
|
}
|
||
|
|
.icon-eye:before {
|
||
|
|
content: '\e878'
|
||
|
|
}
|
||
|
|
.icon-eye-line:before {
|
||
|
|
content: '\e879'
|
||
|
|
}
|
||
|
|
.icon-fast-backward:before {
|
||
|
|
content: '\e87a'
|
||
|
|
}
|
||
|
|
.icon-fast-forward:before {
|
||
|
|
content: '\e87b'
|
||
|
|
}
|
||
|
|
.icon-feather:before {
|
||
|
|
content: '\e87c'
|
||
|
|
}
|
||
|
|
.icon-fire-line:before {
|
||
|
|
content: '\e87d'
|
||
|
|
}
|
||
|
|
.icon-fivehundredpx:before {
|
||
|
|
content: '\e87e'
|
||
|
|
}
|
||
|
|
.icon-flag:before {
|
||
|
|
content: '\e87f'
|
||
|
|
}
|
||
|
|
.icon-flash:before {
|
||
|
|
content: '\e880'
|
||
|
|
}
|
||
|
|
.icon-flashlight:before {
|
||
|
|
content: '\e881'
|
||
|
|
}
|
||
|
|
.icon-flight:before {
|
||
|
|
content: '\e882'
|
||
|
|
}
|
||
|
|
.icon-floppy:before {
|
||
|
|
content: '\e883'
|
||
|
|
}
|
||
|
|
.icon-flow-branch:before {
|
||
|
|
content: '\e884'
|
||
|
|
}
|
||
|
|
.icon-flow-cascade:before {
|
||
|
|
content: '\e885'
|
||
|
|
}
|
||
|
|
.icon-flow-line:before {
|
||
|
|
content: '\e886'
|
||
|
|
}
|
||
|
|
.icon-flow-parallel:before {
|
||
|
|
content: '\e887'
|
||
|
|
}
|
||
|
|
.icon-flow-tree:before {
|
||
|
|
content: '\e888'
|
||
|
|
}
|
||
|
|
.icon-folder:before {
|
||
|
|
content: '\e889'
|
||
|
|
}
|
||
|
|
.icon-food-line:before {
|
||
|
|
content: '\e88a'
|
||
|
|
}
|
||
|
|
.icon-forrst:before {
|
||
|
|
content: '\e88b'
|
||
|
|
}
|
||
|
|
.icon-forward:before {
|
||
|
|
content: '\e88c'
|
||
|
|
}
|
||
|
|
.icon-gauge:before {
|
||
|
|
content: '\e88d'
|
||
|
|
}
|
||
|
|
.icon-globe:before {
|
||
|
|
content: '\e88e'
|
||
|
|
}
|
||
|
|
.icon-globe-line:before {
|
||
|
|
content: '\e88f'
|
||
|
|
}
|
||
|
|
.icon-gmail:before {
|
||
|
|
content: '\e890'
|
||
|
|
}
|
||
|
|
.icon-googleplay:before {
|
||
|
|
content: '\e891'
|
||
|
|
}
|
||
|
|
.icon-gowalla:before {
|
||
|
|
content: '\e892'
|
||
|
|
}
|
||
|
|
.icon-graduation-cap:before {
|
||
|
|
content: '\e893'
|
||
|
|
}
|
||
|
|
.icon-graduation-cap-line:before {
|
||
|
|
content: '\e894'
|
||
|
|
}
|
||
|
|
.icon-grooveshark:before {
|
||
|
|
content: '\e895'
|
||
|
|
}
|
||
|
|
.icon-guest:before {
|
||
|
|
content: '\e896'
|
||
|
|
}
|
||
|
|
.icon-hackernews:before {
|
||
|
|
content: '\e897'
|
||
|
|
}
|
||
|
|
.icon-heart-empty-fa:before {
|
||
|
|
content: '\e898'
|
||
|
|
}
|
||
|
|
.icon-heart-fa:before {
|
||
|
|
content: '\e899'
|
||
|
|
}
|
||
|
|
.icon-heart-line:before {
|
||
|
|
content: '\e89a'
|
||
|
|
}
|
||
|
|
.icon-help:before {
|
||
|
|
content: '\e89b'
|
||
|
|
}
|
||
|
|
.icon-help-circled:before {
|
||
|
|
content: '\e89c'
|
||
|
|
}
|
||
|
|
.icon-home:before {
|
||
|
|
content: '\e89d'
|
||
|
|
}
|
||
|
|
.icon-hourglass:before {
|
||
|
|
content: '\e89e'
|
||
|
|
}
|
||
|
|
.icon-html5:before {
|
||
|
|
content: '\e89f'
|
||
|
|
}
|
||
|
|
.icon-ie:before {
|
||
|
|
content: '\e8a0'
|
||
|
|
}
|
||
|
|
.icon-inbox:before {
|
||
|
|
content: '\e8a1'
|
||
|
|
}
|
||
|
|
.icon-inbox-line:before {
|
||
|
|
content: '\e8a2'
|
||
|
|
}
|
||
|
|
.icon-infinity:before {
|
||
|
|
content: '\e8a3'
|
||
|
|
}
|
||
|
|
.icon-info:before {
|
||
|
|
content: '\e8a4'
|
||
|
|
}
|
||
|
|
.icon-info-circled:before {
|
||
|
|
content: '\e8a5'
|
||
|
|
}
|
||
|
|
.icon-install:before {
|
||
|
|
content: '\e8a6'
|
||
|
|
}
|
||
|
|
.icon-instapaper:before {
|
||
|
|
content: '\e8a7'
|
||
|
|
}
|
||
|
|
.icon-intensedebate:before {
|
||
|
|
content: '\e8a8'
|
||
|
|
}
|
||
|
|
.icon-itunes:before {
|
||
|
|
content: '\e8a9'
|
||
|
|
}
|
||
|
|
.icon-key:before {
|
||
|
|
content: '\e8aa'
|
||
|
|
}
|
||
|
|
.icon-key-line:before {
|
||
|
|
content: '\e8ab'
|
||
|
|
}
|
||
|
|
.icon-keyboard:before {
|
||
|
|
content: '\e8ac'
|
||
|
|
}
|
||
|
|
.icon-klout:before {
|
||
|
|
content: '\e8ad'
|
||
|
|
}
|
||
|
|
.icon-lamp:before {
|
||
|
|
content: '\e8ae'
|
||
|
|
}
|
||
|
|
.icon-language:before {
|
||
|
|
content: '\e8af'
|
||
|
|
}
|
||
|
|
.icon-lanyrd:before {
|
||
|
|
content: '\e8b0'
|
||
|
|
}
|
||
|
|
.icon-layout:before {
|
||
|
|
content: '\e8b1'
|
||
|
|
}
|
||
|
|
.icon-leaf:before {
|
||
|
|
content: '\e8b2'
|
||
|
|
}
|
||
|
|
.icon-left:before {
|
||
|
|
content: '\e8b3'
|
||
|
|
}
|
||
|
|
.icon-left-bold:before {
|
||
|
|
content: '\e8b4'
|
||
|
|
}
|
||
|
|
.icon-left-circled:before {
|
||
|
|
content: '\e8b5'
|
||
|
|
}
|
||
|
|
.icon-left-dir:before {
|
||
|
|
content: '\e8b6'
|
||
|
|
}
|
||
|
|
.icon-left-open:before {
|
||
|
|
content: '\e8b7'
|
||
|
|
}
|
||
|
|
.icon-left-open-big:before {
|
||
|
|
content: '\e8b8'
|
||
|
|
}
|
||
|
|
.icon-left-open-mini:before {
|
||
|
|
content: '\e8b9'
|
||
|
|
}
|
||
|
|
.icon-left-thin:before {
|
||
|
|
content: '\e8ba'
|
||
|
|
}
|
||
|
|
.icon-lego:before {
|
||
|
|
content: '\e8bb'
|
||
|
|
}
|
||
|
|
.icon-level-down:before {
|
||
|
|
content: '\e8bc'
|
||
|
|
}
|
||
|
|
.icon-level-up:before {
|
||
|
|
content: '\e8bd'
|
||
|
|
}
|
||
|
|
.icon-lifebuoy:before {
|
||
|
|
content: '\e8be'
|
||
|
|
}
|
||
|
|
.icon-light-down:before {
|
||
|
|
content: '\e8bf'
|
||
|
|
}
|
||
|
|
.icon-light-up:before {
|
||
|
|
content: '\e8c0'
|
||
|
|
}
|
||
|
|
.icon-lightbulb-line:before {
|
||
|
|
content: '\e8c1'
|
||
|
|
}
|
||
|
|
.icon-link:before {
|
||
|
|
content: '\e8c2'
|
||
|
|
}
|
||
|
|
.icon-list:before {
|
||
|
|
content: '\e8c3'
|
||
|
|
}
|
||
|
|
.icon-list-add:before {
|
||
|
|
content: '\e8c4'
|
||
|
|
}
|
||
|
|
.icon-lkdto:before {
|
||
|
|
content: '\e8c5'
|
||
|
|
}
|
||
|
|
.icon-location:before {
|
||
|
|
content: '\e8c6'
|
||
|
|
}
|
||
|
|
.icon-location-line:before {
|
||
|
|
content: '\e8c7'
|
||
|
|
}
|
||
|
|
.icon-lock:before {
|
||
|
|
content: '\e8c8'
|
||
|
|
}
|
||
|
|
.icon-lock-line:before {
|
||
|
|
content: '\e8c9'
|
||
|
|
}
|
||
|
|
.icon-lock-open:before {
|
||
|
|
content: '\e8ca'
|
||
|
|
}
|
||
|
|
.icon-login:before {
|
||
|
|
content: '\e8cb'
|
||
|
|
}
|
||
|
|
.icon-logout:before {
|
||
|
|
content: '\e8cc'
|
||
|
|
}
|
||
|
|
.icon-loop:before {
|
||
|
|
content: '\e8cd'
|
||
|
|
}
|
||
|
|
.icon-macstore:before {
|
||
|
|
content: '\e8ce'
|
||
|
|
}
|
||
|
|
.icon-magnet:before {
|
||
|
|
content: '\e8cf'
|
||
|
|
}
|
||
|
|
.icon-mail:before {
|
||
|
|
content: '\e8d0'
|
||
|
|
}
|
||
|
|
.icon-mail-line:before {
|
||
|
|
content: '\e8d1'
|
||
|
|
}
|
||
|
|
.icon-map:before {
|
||
|
|
content: '\e8d2'
|
||
|
|
}
|
||
|
|
.icon-meetup:before {
|
||
|
|
content: '\e8d3'
|
||
|
|
}
|
||
|
|
.icon-megaphone:before {
|
||
|
|
content: '\e8d4'
|
||
|
|
}
|
||
|
|
.icon-megaphone-line:before {
|
||
|
|
content: '\e8d5'
|
||
|
|
}
|
||
|
|
.icon-menu:before {
|
||
|
|
content: '\e8d6'
|
||
|
|
}
|
||
|
|
.icon-mic:before {
|
||
|
|
content: '\e8d7'
|
||
|
|
}
|
||
|
|
.icon-minus:before {
|
||
|
|
content: '\e8d8'
|
||
|
|
}
|
||
|
|
.icon-minus-circled:before {
|
||
|
|
content: '\e8d9'
|
||
|
|
}
|
||
|
|
.icon-minus-squared:before {
|
||
|
|
content: '\e8da'
|
||
|
|
}
|
||
|
|
.icon-mobile:before {
|
||
|
|
content: '\e8db'
|
||
|
|
}
|
||
|
|
.icon-mobile-line:before {
|
||
|
|
content: '\e8dc'
|
||
|
|
}
|
||
|
|
.icon-money-line:before {
|
||
|
|
content: '\e8dd'
|
||
|
|
}
|
||
|
|
.icon-monitor:before {
|
||
|
|
content: '\e8de'
|
||
|
|
}
|
||
|
|
.icon-moon:before {
|
||
|
|
content: '\e8df'
|
||
|
|
}
|
||
|
|
.icon-mouse:before {
|
||
|
|
content: '\e8e0'
|
||
|
|
}
|
||
|
|
.icon-music:before {
|
||
|
|
content: '\e8e1'
|
||
|
|
}
|
||
|
|
.icon-music-line:before {
|
||
|
|
content: '\e8e2'
|
||
|
|
}
|
||
|
|
.icon-mute:before {
|
||
|
|
content: '\e8e3'
|
||
|
|
}
|
||
|
|
.icon-myspace:before {
|
||
|
|
content: '\e8e4'
|
||
|
|
}
|
||
|
|
.icon-network:before {
|
||
|
|
content: '\e8e5'
|
||
|
|
}
|
||
|
|
.icon-newspaper:before {
|
||
|
|
content: '\e8e6'
|
||
|
|
}
|
||
|
|
.icon-ninetyninedesigns:before {
|
||
|
|
content: '\e8e7'
|
||
|
|
}
|
||
|
|
.icon-note:before {
|
||
|
|
content: '\e8e8'
|
||
|
|
}
|
||
|
|
.icon-note-beamed:before {
|
||
|
|
content: '\e8e9'
|
||
|
|
}
|
||
|
|
.icon-note-line:before {
|
||
|
|
content: '\e8ea'
|
||
|
|
}
|
||
|
|
.icon-openid:before {
|
||
|
|
content: '\e8eb'
|
||
|
|
}
|
||
|
|
.icon-opentable:before {
|
||
|
|
content: '\e8ec'
|
||
|
|
}
|
||
|
|
.icon-palette:before {
|
||
|
|
content: '\e8ed'
|
||
|
|
}
|
||
|
|
.icon-paper-plane:before {
|
||
|
|
content: '\e8ee'
|
||
|
|
}
|
||
|
|
.icon-paper-plane-line:before {
|
||
|
|
content: '\e8ef'
|
||
|
|
}
|
||
|
|
.icon-params-line:before {
|
||
|
|
content: '\e8f0'
|
||
|
|
}
|
||
|
|
.icon-pause:before {
|
||
|
|
content: '\e8f1'
|
||
|
|
}
|
||
|
|
.icon-pencil:before {
|
||
|
|
content: '\e8f2'
|
||
|
|
}
|
||
|
|
.icon-pencil-line:before {
|
||
|
|
content: '\e8f3'
|
||
|
|
}
|
||
|
|
.icon-phone:before {
|
||
|
|
content: '\e8f4'
|
||
|
|
}
|
||
|
|
.icon-photo-line:before {
|
||
|
|
content: '\e8f5'
|
||
|
|
}
|
||
|
|
.icon-picture:before {
|
||
|
|
content: '\e8f6'
|
||
|
|
}
|
||
|
|
.icon-pinboard:before {
|
||
|
|
content: '\e8f7'
|
||
|
|
}
|
||
|
|
.icon-plancast:before {
|
||
|
|
content: '\e8f8'
|
||
|
|
}
|
||
|
|
.icon-play:before {
|
||
|
|
content: '\e8f9'
|
||
|
|
}
|
||
|
|
.icon-plurk:before {
|
||
|
|
content: '\e8fa'
|
||
|
|
}
|
||
|
|
.icon-plus:before {
|
||
|
|
content: '\e8fb'
|
||
|
|
}
|
||
|
|
.icon-plus-circled:before {
|
||
|
|
content: '\e8fc'
|
||
|
|
}
|
||
|
|
.icon-plus-squared:before {
|
||
|
|
content: '\e8fd'
|
||
|
|
}
|
||
|
|
.icon-pocket:before {
|
||
|
|
content: '\e8fe'
|
||
|
|
}
|
||
|
|
.icon-podcast:before {
|
||
|
|
content: '\e8ff'
|
||
|
|
}
|
||
|
|
.icon-popup:before {
|
||
|
|
content: '\e900'
|
||
|
|
}
|
||
|
|
.icon-posterous:before {
|
||
|
|
content: '\e901'
|
||
|
|
}
|
||
|
|
.icon-print:before {
|
||
|
|
content: '\e902'
|
||
|
|
}
|
||
|
|
.icon-progress-0:before {
|
||
|
|
content: '\e903'
|
||
|
|
}
|
||
|
|
.icon-progress-1:before {
|
||
|
|
content: '\e904'
|
||
|
|
}
|
||
|
|
.icon-progress-2:before {
|
||
|
|
content: '\e905'
|
||
|
|
}
|
||
|
|
.icon-progress-3:before {
|
||
|
|
content: '\e906'
|
||
|
|
}
|
||
|
|
.icon-publish:before {
|
||
|
|
content: '\e907'
|
||
|
|
}
|
||
|
|
.icon-quora:before {
|
||
|
|
content: '\e908'
|
||
|
|
}
|
||
|
|
.icon-quote:before {
|
||
|
|
content: '\e909'
|
||
|
|
}
|
||
|
|
.icon-record:before {
|
||
|
|
content: '\e90a'
|
||
|
|
}
|
||
|
|
.icon-reddit:before {
|
||
|
|
content: '\e90b'
|
||
|
|
}
|
||
|
|
.icon-reply:before {
|
||
|
|
content: '\e90c'
|
||
|
|
}
|
||
|
|
.icon-reply-all:before {
|
||
|
|
content: '\e90d'
|
||
|
|
}
|
||
|
|
.icon-resize-full:before {
|
||
|
|
content: '\e90e'
|
||
|
|
}
|
||
|
|
.icon-resize-small:before {
|
||
|
|
content: '\e90f'
|
||
|
|
}
|
||
|
|
.icon-retweet:before {
|
||
|
|
content: '\e910'
|
||
|
|
}
|
||
|
|
.icon-right:before {
|
||
|
|
content: '\e911'
|
||
|
|
}
|
||
|
|
.icon-right-bold:before {
|
||
|
|
content: '\e912'
|
||
|
|
}
|
||
|
|
.icon-right-circled:before {
|
||
|
|
content: '\e913'
|
||
|
|
}
|
||
|
|
.icon-right-dir:before {
|
||
|
|
content: '\e914'
|
||
|
|
}
|
||
|
|
.icon-right-open:before {
|
||
|
|
content: '\e915'
|
||
|
|
}
|
||
|
|
.icon-right-open-big:before {
|
||
|
|
content: '\e916'
|
||
|
|
}
|
||
|
|
.icon-right-open-mini:before {
|
||
|
|
content: '\e917'
|
||
|
|
}
|
||
|
|
.icon-right-thin:before {
|
||
|
|
content: '\e918'
|
||
|
|
}
|
||
|
|
.icon-rocket:before {
|
||
|
|
content: '\e919'
|
||
|
|
}
|
||
|
|
.icon-rss:before {
|
||
|
|
content: '\e91a'
|
||
|
|
}
|
||
|
|
.icon-search:before {
|
||
|
|
content: '\e91b'
|
||
|
|
}
|
||
|
|
.icon-search-line:before {
|
||
|
|
content: '\e91c'
|
||
|
|
}
|
||
|
|
.icon-share:before {
|
||
|
|
content: '\e91d'
|
||
|
|
}
|
||
|
|
.icon-shareable:before {
|
||
|
|
content: '\e91e'
|
||
|
|
}
|
||
|
|
.icon-shop-line:before {
|
||
|
|
content: '\e91f'
|
||
|
|
}
|
||
|
|
.icon-shuffle:before {
|
||
|
|
content: '\e920'
|
||
|
|
}
|
||
|
|
.icon-signal:before {
|
||
|
|
content: '\e921'
|
||
|
|
}
|
||
|
|
.icon-smashmag:before {
|
||
|
|
content: '\e922'
|
||
|
|
}
|
||
|
|
.icon-songkick:before {
|
||
|
|
content: '\e923'
|
||
|
|
}
|
||
|
|
.icon-sound:before {
|
||
|
|
content: '\e924'
|
||
|
|
}
|
||
|
|
.icon-sound-line:before {
|
||
|
|
content: '\e925'
|
||
|
|
}
|
||
|
|
.icon-stackoverflow:before {
|
||
|
|
content: '\e926'
|
||
|
|
}
|
||
|
|
.icon-star:before {
|
||
|
|
content: '\e927'
|
||
|
|
}
|
||
|
|
.icon-star-empty:before {
|
||
|
|
content: '\e928'
|
||
|
|
}
|
||
|
|
.icon-star-line:before {
|
||
|
|
content: '\e929'
|
||
|
|
}
|
||
|
|
.icon-statusnet:before {
|
||
|
|
content: '\e92a'
|
||
|
|
}
|
||
|
|
.icon-stop:before {
|
||
|
|
content: '\e92b'
|
||
|
|
}
|
||
|
|
.icon-suitcase:before {
|
||
|
|
content: '\e92c'
|
||
|
|
}
|
||
|
|
.icon-switch:before {
|
||
|
|
content: '\e92d'
|
||
|
|
}
|
||
|
|
.icon-t-shirt-line:before {
|
||
|
|
content: '\e92e'
|
||
|
|
}
|
||
|
|
.icon-tag:before {
|
||
|
|
content: '\e92f'
|
||
|
|
}
|
||
|
|
.icon-tag-line:before {
|
||
|
|
content: '\e930'
|
||
|
|
}
|
||
|
|
.icon-tape:before {
|
||
|
|
content: '\e931'
|
||
|
|
}
|
||
|
|
.icon-target:before {
|
||
|
|
content: '\e932'
|
||
|
|
}
|
||
|
|
.icon-thermometer:before {
|
||
|
|
content: '\e933'
|
||
|
|
}
|
||
|
|
.icon-thumbs-up:before {
|
||
|
|
content: '\e934'
|
||
|
|
}
|
||
|
|
.icon-thumbs-down:before {
|
||
|
|
content: '\e935'
|
||
|
|
}
|
||
|
|
.icon-thumbs-up-line:before {
|
||
|
|
content: '\e936'
|
||
|
|
}
|
||
|
|
.icon-ticket:before {
|
||
|
|
content: '\e937'
|
||
|
|
}
|
||
|
|
.icon-to-end:before {
|
||
|
|
content: '\e938'
|
||
|
|
}
|
||
|
|
.icon-to-start:before {
|
||
|
|
content: '\e939'
|
||
|
|
}
|
||
|
|
.icon-tools:before {
|
||
|
|
content: '\e93a'
|
||
|
|
}
|
||
|
|
.icon-traffic-cone:before {
|
||
|
|
content: '\e93b'
|
||
|
|
}
|
||
|
|
.icon-trash:before {
|
||
|
|
content: '\e93c'
|
||
|
|
}
|
||
|
|
.icon-trash-line:before {
|
||
|
|
content: '\e93d'
|
||
|
|
}
|
||
|
|
.icon-trophy:before {
|
||
|
|
content: '\e93e'
|
||
|
|
}
|
||
|
|
.icon-truck-line:before {
|
||
|
|
content: '\e93f'
|
||
|
|
}
|
||
|
|
.icon-tv-line:before {
|
||
|
|
content: '\e940'
|
||
|
|
}
|
||
|
|
.icon-up:before {
|
||
|
|
content: '\e941'
|
||
|
|
}
|
||
|
|
.icon-up-bold:before {
|
||
|
|
content: '\e942'
|
||
|
|
}
|
||
|
|
.icon-up-circled:before {
|
||
|
|
content: '\e943'
|
||
|
|
}
|
||
|
|
.icon-up-dir:before {
|
||
|
|
content: '\e944'
|
||
|
|
}
|
||
|
|
.icon-up-open:before {
|
||
|
|
content: '\e945'
|
||
|
|
}
|
||
|
|
.icon-up-open-big:before {
|
||
|
|
content: '\e946'
|
||
|
|
}
|
||
|
|
.icon-up-open-mini:before {
|
||
|
|
content: '\e947'
|
||
|
|
}
|
||
|
|
.icon-up-thin:before {
|
||
|
|
content: '\e948'
|
||
|
|
}
|
||
|
|
.icon-upload:before {
|
||
|
|
content: '\e949'
|
||
|
|
}
|
||
|
|
.icon-upload-cloud:before {
|
||
|
|
content: '\e94a'
|
||
|
|
}
|
||
|
|
.icon-user:before {
|
||
|
|
content: '\e94b'
|
||
|
|
}
|
||
|
|
.icon-user-add:before {
|
||
|
|
content: '\e94c'
|
||
|
|
}
|
||
|
|
.icon-user-line:before {
|
||
|
|
content: '\e94d'
|
||
|
|
}
|
||
|
|
.icon-users:before {
|
||
|
|
content: '\e94e'
|
||
|
|
}
|
||
|
|
.icon-vcard:before {
|
||
|
|
content: '\e94f'
|
||
|
|
}
|
||
|
|
.icon-viadeo:before {
|
||
|
|
content: '\e950'
|
||
|
|
}
|
||
|
|
.icon-video:before {
|
||
|
|
content: '\e951'
|
||
|
|
}
|
||
|
|
.icon-videocam-line:before {
|
||
|
|
content: '\e952'
|
||
|
|
}
|
||
|
|
.icon-vk:before {
|
||
|
|
content: '\e953'
|
||
|
|
}
|
||
|
|
.icon-volume:before {
|
||
|
|
content: '\e954'
|
||
|
|
}
|
||
|
|
.icon-w3c:before {
|
||
|
|
content: '\e955'
|
||
|
|
}
|
||
|
|
.icon-wallet-line:before {
|
||
|
|
content: '\e956'
|
||
|
|
}
|
||
|
|
.icon-water:before {
|
||
|
|
content: '\e957'
|
||
|
|
}
|
||
|
|
.icon-weibo:before {
|
||
|
|
content: '\e958'
|
||
|
|
}
|
||
|
|
.icon-wikipedia:before {
|
||
|
|
content: '\e959'
|
||
|
|
}
|
||
|
|
.icon-window:before {
|
||
|
|
content: '\e95a'
|
||
|
|
}
|
||
|
|
.icon-wordpress:before {
|
||
|
|
content: '\e95b'
|
||
|
|
}
|
||
|
|
.icon-xing:before {
|
||
|
|
content: '\e95c'
|
||
|
|
}
|
||
|
|
.icon-yahoo:before {
|
||
|
|
content: '\e95d'
|
||
|
|
}
|
||
|
|
.icon-yelp:before {
|
||
|
|
content: '\e95e'
|
||
|
|
}
|
||
|
|
.icon-youtube:before {
|
||
|
|
content: '\e95f'
|
||
|
|
}
|
||
|
|
.icon-menu-fine:before {
|
||
|
|
content: '\e960'
|
||
|
|
}
|
||
|
|
.icon-bag-fine:before {
|
||
|
|
content: '\e961'
|
||
|
|
}
|
||
|
|
.icon-search-fine:before {
|
||
|
|
content: '\e962'
|
||
|
|
}
|
||
|
|
.icon-cancel-fine:before {
|
||
|
|
content: '\e963'
|
||
|
|
}
|
||
|
|
.icon-plus-fine:before {
|
||
|
|
content: '\e964'
|
||
|
|
}
|
||
|
|
.icon-minus-fine:before {
|
||
|
|
content: '\e965'
|
||
|
|
}
|
||
|
|
.icon-gplus-circled:before {
|
||
|
|
content: '\f059'
|
||
|
|
}
|
||
|
|
.icon-github-circled:before {
|
||
|
|
content: '\f09b'
|
||
|
|
}
|
||
|
|
.icon-gplus:before {
|
||
|
|
content: '\f0d5'
|
||
|
|
}
|
||
|
|
.icon-comment-empty-fa:before {
|
||
|
|
content: '\f0e5'
|
||
|
|
}
|
||
|
|
.icon-instagram:before {
|
||
|
|
content: '\f16d'
|
||
|
|
}
|
||
|
|
.icon-tumblr:before {
|
||
|
|
content: '\f173'
|
||
|
|
}
|
||
|
|
.icon-windows:before {
|
||
|
|
content: '\f17a'
|
||
|
|
}
|
||
|
|
.icon-foursquare:before {
|
||
|
|
content: '\f180'
|
||
|
|
}
|
||
|
|
.icon-google:before {
|
||
|
|
content: '\f1a0'
|
||
|
|
}
|
||
|
|
.icon-behance:before {
|
||
|
|
content: '\f1b4'
|
||
|
|
}
|
||
|
|
.icon-steam:before {
|
||
|
|
content: '\f1b6'
|
||
|
|
}
|
||
|
|
.icon-spotify:before {
|
||
|
|
content: '\f1bc'
|
||
|
|
}
|
||
|
|
.icon-database:before {
|
||
|
|
content: '\f1c0'
|
||
|
|
}
|
||
|
|
.icon-qq:before {
|
||
|
|
content: '\f1d6'
|
||
|
|
}
|
||
|
|
.icon-paypal:before {
|
||
|
|
content: '\f1ed'
|
||
|
|
}
|
||
|
|
.icon-stripe:before {
|
||
|
|
content: '\f1f5'
|
||
|
|
}
|
||
|
|
.icon-chrome:before {
|
||
|
|
content: '\f268'
|
||
|
|
}
|
||
|
|
.icon-scribd:before {
|
||
|
|
content: '\f28a'
|
||
|
|
}
|
||
|
|
.icon-github:before {
|
||
|
|
content: '\f300'
|
||
|
|
}
|
||
|
|
.icon-flickr:before {
|
||
|
|
content: '\f303'
|
||
|
|
}
|
||
|
|
.icon-flickr-circled:before {
|
||
|
|
content: '\f304'
|
||
|
|
}
|
||
|
|
.icon-vimeo:before {
|
||
|
|
content: '\f306'
|
||
|
|
}
|
||
|
|
.icon-vimeo-circled:before {
|
||
|
|
content: '\f307'
|
||
|
|
}
|
||
|
|
.icon-twitter:before {
|
||
|
|
content: '\f309'
|
||
|
|
}
|
||
|
|
.icon-twitter-circled:before {
|
||
|
|
content: '\f30a'
|
||
|
|
}
|
||
|
|
.icon-facebook:before {
|
||
|
|
content: '\f30c'
|
||
|
|
}
|
||
|
|
.icon-facebook-circled:before {
|
||
|
|
content: '\f30d'
|
||
|
|
}
|
||
|
|
.icon-facebook-squared:before {
|
||
|
|
content: '\f30e'
|
||
|
|
}
|
||
|
|
.icon-pinterest:before {
|
||
|
|
content: '\f312'
|
||
|
|
}
|
||
|
|
.icon-pinterest-circled:before {
|
||
|
|
content: '\f313'
|
||
|
|
}
|
||
|
|
.icon-tumblr-circled:before {
|
||
|
|
content: '\f316'
|
||
|
|
}
|
||
|
|
.icon-linkedin:before {
|
||
|
|
content: '\f318'
|
||
|
|
}
|
||
|
|
.icon-linkedin-circled:before {
|
||
|
|
content: '\f319'
|
||
|
|
}
|
||
|
|
.icon-dribbble:before {
|
||
|
|
content: '\f31b'
|
||
|
|
}
|
||
|
|
.icon-dribbble-circled:before {
|
||
|
|
content: '\f31c'
|
||
|
|
}
|
||
|
|
.icon-stumbleupon:before {
|
||
|
|
content: '\f31e'
|
||
|
|
}
|
||
|
|
.icon-stumbleupon-circled:before {
|
||
|
|
content: '\f31f'
|
||
|
|
}
|
||
|
|
.icon-lastfm:before {
|
||
|
|
content: '\f321'
|
||
|
|
}
|
||
|
|
.icon-lastfm-circled:before {
|
||
|
|
content: '\f322'
|
||
|
|
}
|
||
|
|
.icon-rdio:before {
|
||
|
|
content: '\f324'
|
||
|
|
}
|
||
|
|
.icon-rdio-circled:before {
|
||
|
|
content: '\f325'
|
||
|
|
}
|
||
|
|
.icon-spotify-circled:before {
|
||
|
|
content: '\f328'
|
||
|
|
}
|
||
|
|
.icon-dropbox:before {
|
||
|
|
content: '\f330'
|
||
|
|
}
|
||
|
|
.icon-evernote:before {
|
||
|
|
content: '\f333'
|
||
|
|
}
|
||
|
|
.icon-flattr:before {
|
||
|
|
content: '\f336'
|
||
|
|
}
|
||
|
|
.icon-skype:before {
|
||
|
|
content: '\f339'
|
||
|
|
}
|
||
|
|
.icon-skype-circled:before {
|
||
|
|
content: '\f33a'
|
||
|
|
}
|
||
|
|
.icon-renren:before {
|
||
|
|
content: '\f33c'
|
||
|
|
}
|
||
|
|
.icon-sina-weibo:before {
|
||
|
|
content: '\f33f'
|
||
|
|
}
|
||
|
|
.icon-picasa:before {
|
||
|
|
content: '\f345'
|
||
|
|
}
|
||
|
|
.icon-soundcloud:before {
|
||
|
|
content: '\f348'
|
||
|
|
}
|
||
|
|
.icon-mixi:before {
|
||
|
|
content: '\f34b'
|
||
|
|
}
|
||
|
|
.icon-google-circles: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'
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 4.0 Shortcodes
|
||
|
|
|
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
|
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
/* Dropcaps -------------------------------------------------------------------------- */
|
||
|
|
.dropcap{display:inline-block;float:left;width:35px;height:35px;line-height:35px;font-size:20px;margin:0 10px 5px 0;text-align:center;-webkit-border-radius:5px;border-radius:5px;background-image:url(../images/stripes/stripes_10_w.png)}
|
||
|
|
.dropcap_circle{-webkit-border-radius:100%;border-radius:100%}
|
||
|
|
.dropcap.transparent{background:none!important}
|
||
|
|
.dropcap.size-2{width:50px;height:50px;line-height:50px;font-size:35px}
|
||
|
|
.dropcap.size-3{width:60px;height:60px;line-height:60px;font-size:40px}
|
||
|
|
|
||
|
|
/* Highlight ------------------------------------------------------------------------- */
|
||
|
|
.highlight{padding:1px 7px;-webkit-border-radius:3px;border-radius:3px;background-image:url(../images/stripes/stripes_10_w.png)}
|
||
|
|
.highlight.highlight_image{padding:0 2px 7px}
|
||
|
|
|
||
|
|
/* Tooltip --------------------------------------------------------------------------- */
|
||
|
|
.tooltip{display:inline;position:relative;cursor:help;border-bottom-width:1px;border-style:dotted}
|
||
|
|
.tooltip:hover:after,.tooltip.hover:after{content:attr(data-tooltip);font-size:13px;line-height:18px;text-align:center;-webkit-border-radius:5px;border-radius:5px;padding:5px 15px;width:140px;position:absolute;left:50%;bottom:110%;z-index:98;margin-left:-85px;background-image:url(../images/stripes/stripes_10_w.png)}
|
||
|
|
.tooltip.tooltip-img:after{display:none}
|
||
|
|
.tooltip.tooltip-img .tooltip-content{display:none;font-size:13px;line-height:18px;text-align:center;-webkit-border-radius:5px;border-radius:5px;padding:5px 15px;width:300px;position:absolute;left:50%;bottom:110%;z-index:98;margin-left:-165px;background-image:url(../images/stripes/stripes_10_w.png)}
|
||
|
|
.tooltip.tooltip-img:hover .tooltip-content,.tooltip.tooltip-img.hover .tooltip-content{display:block}
|
||
|
|
.wpml-languages .tooltip:hover:after,.wpml-languages .tooltip.hover:after{top:40px;bottom:auto}
|
||
|
|
.wpml-languages:not(.disabled) .tooltip{cursor:default}
|
||
|
|
.wpml-languages:not(.disabled) .tooltip:hover:after,.wpml-languages:not(.disabled) .tooltip.hover:after{display:none!important}
|
||
|
|
|
||
|
|
/* Blockquote ------------------------------------------------------------------------ */
|
||
|
|
blockquote{font-size:17px;line-height:31px;display:block;height:auto;margin:0 0 35px 25px;top:15px;position:relative;background:url(../images/stripes/textline.png) repeat-y}
|
||
|
|
blockquote:before{content:""}
|
||
|
|
blockquote:after{content:"";width:55px;height:40px;background:url(../images/blockquote.png);position:absolute;left:-25px;top:-15px}
|
||
|
|
.blockquote{margin-bottom:20px}
|
||
|
|
.blockquote blockquote{margin-bottom:25px}
|
||
|
|
.blockquote p.author{margin-left:25px}
|
||
|
|
.blockquote p.author i{margin-right:5px}
|
||
|
|
|
||
|
|
/* Button Item ----------------------------------------------------------------------- */
|
||
|
|
.column_button .button{margin:0!important;vertical-align:middle}
|
||
|
|
.button_align.align_center{text-align:center}
|
||
|
|
.button_align.align_right{text-align:right}
|
||
|
|
|
||
|
|
/* Image frames ---------------------------------------------------------------------- */
|
||
|
|
.column_image{line-height:0}
|
||
|
|
|
||
|
|
.image_frame,.wp-caption{display:block;margin:0;border-width:8px;border-style:solid;max-width:100%;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
/* .image_frame.inline-block{display:inline-block;max-width:100%} */ /* deprecated since 13.1 */
|
||
|
|
.image_frame .image_wrapper,.wp-caption img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.image_frame a,.wp-caption a{display:block}
|
||
|
|
|
||
|
|
.wp-caption-text{display:block;text-align:center;margin:0;padding:10px 0 5px;line-height:normal}
|
||
|
|
.wp-caption-text.hide{display:none}
|
||
|
|
|
||
|
|
.if-caption-on .image_frame{position:relative}
|
||
|
|
.if-caption-on .wp-caption-text{position:absolute;bottom:15px;left:15px;padding:5px 10px!important;width:calc(100% - 30px);box-sizing:border-box;background:rgba(0,0,0,.5);color:rgba(255,255,255,.7);border-radius:3px;}
|
||
|
|
|
||
|
|
.image_frame.no_border .wp-caption-text,.if-zoom .image_frame:not(.has_border) .wp-caption-text{padding:10px 0;}
|
||
|
|
.the_content_wrapper .image_frame,.the_content_wrapper .wp-caption{margin-bottom:20px}
|
||
|
|
.the_content_wrapper .wp-caption.alignnone,.the_content_wrapper .wp-caption.aligncenter{clear:both}
|
||
|
|
|
||
|
|
.image_frame .image_wrapper{position:relative;overflow:hidden}
|
||
|
|
.image_frame .image_wrapper .mask{position:absolute;left:0;width:100%;height:100%;z-index:2}
|
||
|
|
.image_frame .image_wrapper img:not(.ls-l){position:relative;top:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
|
||
|
|
.image_frame:not(.no_link) .image_wrapper img:not(.ls-l){margin-bottom:-15px!important}
|
||
|
|
.masonry-flat .image_frame:not(.no_link) .image_wrapper img:not(.ls-l){margin-bottom:0!important}
|
||
|
|
.image_frame:hover .image_wrapper img,.image_frame.hover .image_wrapper img{top:-15px}
|
||
|
|
.image_frame:hover .image_wrapper .ls-container img,.image_frame.no_link:hover .image_wrapper img{top:0}
|
||
|
|
.image_frame .image_wrapper .mask:after{content:"";display:block;position:absolute;left:0;width:100%;height:100%;z-index:3;filter:alpha(opacity=0);opacity:0}
|
||
|
|
.image_frame:hover .image_wrapper .mask:after,.image_frame.hover .image_wrapper .mask:after{filter:alpha(opacity=100);opacity:1}
|
||
|
|
.image_frame.no_link:hover .image_wrapper .mask:after{filter:alpha(opacity=0);opacity:0}
|
||
|
|
.image_frame .image_wrapper .image_links{width:100%;height:60px;position:absolute;left:0;bottom:-60px;z-index:4;overflow:hidden}
|
||
|
|
.image_frame:hover .image_wrapper .image_links,.image_frame.hover .image_wrapper .image_links{bottom:0}
|
||
|
|
.image_frame .image_wrapper .image_links a{display:block;font-size:25px;line-height:60px;width:100%;text-align:center}
|
||
|
|
.image_frame .image_wrapper .image_links.double a{width:50%;display:block;float:left}
|
||
|
|
.image_frame .image_wrapper .image_links.double a:first-child{-webkit-box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2);box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2)}
|
||
|
|
.image_frame .image_wrapper .image_links.triple a{width:33%;display:block;float:left;-webkit-box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2);box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2)}
|
||
|
|
.image_frame .image_wrapper .image_links.triple a:last-child{-webkit-box-shadow:0 0 0;box-shadow:0 0 0;width:34%}
|
||
|
|
.image_frame .image_wrapper .image_links.hover-title a{font-size:15px;text-decoration:none}
|
||
|
|
.image_frame.no_border{border-width:0}
|
||
|
|
|
||
|
|
/* Alignments ------------------------------------------------------------------------ */
|
||
|
|
.alignleft{float:left;margin:15px 15px 15px 0}
|
||
|
|
.alignright{float:right;margin:15px 0 15px 15px}
|
||
|
|
.aligncenter{text-align:center;margin:0 auto;display:block}
|
||
|
|
.aligncenter img{display:inline}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
.image_frame .image_wrapper img,
|
||
|
|
.image_frame .image_wrapper .mask:after,
|
||
|
|
.image_frame .image_wrapper .image_links{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
.image_frame .image_wrapper .image_links a{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
|
||
|
|
|
||
|
|
/* Greyscale */
|
||
|
|
.greyscale .image_wrapper img{top:0!important;margin-bottom:0!important}
|
||
|
|
.greyscale .image_wrapper img.BWFilter{opacity:1;z-index:2}
|
||
|
|
.greyscale .image_wrapper img:not(.BWFilter){opacity:0}
|
||
|
|
.greyscale .image_wrapper:hover img.BWFilter{opacity:0!important}
|
||
|
|
.greyscale .image_wrapper:hover img:not(.BWFilter){opacity:1!important}
|
||
|
|
.greyscale:not(.no_link) .image_wrapper img:not(.ls-l){margin-bottom:0!important}
|
||
|
|
.greyscale .image_wrapper .mask{display:none}
|
||
|
|
|
||
|
|
.greyscale .image_frame .image_wrapper img{-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}
|
||
|
|
|
||
|
|
.greyscale.tiles .post-item .image_wrapper_tiles img.BWFilter{opacity:1;z-index:2}
|
||
|
|
.greyscale.tiles .post-item .image_wrapper_tiles img:not(.BWFilter){opacity:0}
|
||
|
|
.greyscale.tiles .post-item:hover .image_wrapper_tiles img.BWFilter{opacity:0!important}
|
||
|
|
.greyscale.tiles .post-item:hover .image_wrapper_tiles img:not(.BWFilter){opacity:1!important}
|
||
|
|
|
||
|
|
/* Style | Overlay */
|
||
|
|
.if-overlay .image_frame .image_wrapper .image_links{opacity:0;width:60px;height:60px;bottom:auto;top:50%;left:50%;z-index:4;margin-top:-30px;margin-left:-30px;-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0)}
|
||
|
|
.if-overlay .image_frame .image_wrapper .image_links.double{width:120px;margin-left:-60px}
|
||
|
|
.if-overlay .image_frame .image_wrapper .image_links.triple{width:180px;margin-left:-90px}
|
||
|
|
.if-overlay .image_frame .image_wrapper .image_links.hover-title{width:100%;left:0;margin-left:0}
|
||
|
|
.if-overlay li.product .product-loading-icon,.if-overlay li.product .added-cart{border-radius:0!important;width:60px!important;height:60px!important;margin:-30px 0 0 -30px !important}
|
||
|
|
.if-overlay li.product.adding-to-cart .added-cart,.if-overlay li.product.added-to-cart .added-cart{z-index:5!important}
|
||
|
|
.if-overlay .image_frame:not(.no_link) .image_wrapper img:not(.ls-l){margin-bottom:0}
|
||
|
|
.if-overlay .image_frame:hover .image_wrapper .image_links,.if-overlay .image_frame.hover .image_wrapper .image_links{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)}
|
||
|
|
.if-overlay .image_frame:hover .image_wrapper img,.if-overlay .image_frame.hover .image_wrapper img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);top:0}
|
||
|
|
.if-overlay .image_item:hover .image_wrapper img,.if-overlay .image_item.hover .image_wrapper img{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)}
|
||
|
|
|
||
|
|
/* Style | Zoom */
|
||
|
|
.if-zoom {}
|
||
|
|
.if-zoom .image_frame .image_wrapper .image_links { display: none; }
|
||
|
|
.if-zoom .image_frame:not(.no_link) .image_wrapper img:not(.ls-l){margin-bottom:0!important}
|
||
|
|
.if-zoom .image_frame:hover .image_wrapper img,.if-zoom .image_frame.hover .image_wrapper img{top:0}
|
||
|
|
.if-zoom .image_frame .image_wrapper .mask { display: none; }
|
||
|
|
.if-zoom .image_frame:hover .image_wrapper img,.if-zoom .image_frame.hover .image_wrapper img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
|
||
|
|
.if-zoom .image_frame.no_link:hover .image_wrapper img,.if-zoom image_frame.no_link.hover .image_wrapper img{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)}
|
||
|
|
|
||
|
|
/* Hide border */
|
||
|
|
.if-border-hide .image_frame:not(.has_border) { border-width: 0; }
|
||
|
|
|
||
|
|
/* Hover Disable */
|
||
|
|
.image_frame.hover-disable .image_wrapper .image_links{display:none}
|
||
|
|
.image_frame.hover-disable .image_wrapper .mask{display:none!important}
|
||
|
|
.image_frame.hover-disable .image_wrapper img{margin-bottom:0!important;top:0!important;-moz-transform:scale(1)!important;-webkit-transform:scale(1)!important;-o-transform:scale(1)!important}
|
||
|
|
.image_frame.hover-disable:not(.no_link) .image_wrapper img:not(.ls-l){margin-bottom:0!important}
|
||
|
|
|
||
|
|
/* Video ----------------------------------------------------------------------------- */
|
||
|
|
/* In this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75%. */
|
||
|
|
.content_video.iframe.auto-wh{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
|
||
|
|
.content_video.iframe.auto-wh iframe{position:absolute;top:0;left:0;width:100%;height:100%}
|
||
|
|
|
||
|
|
.post-photo-wrapper.embed .image_wrapper,
|
||
|
|
.single-photo-wrapper.embed .image_wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
|
||
|
|
.post-photo-wrapper.embed .image_wrapper iframe,
|
||
|
|
.single-photo-wrapper.embed .image_wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
|
||
|
|
|
||
|
|
.post-photo-wrapper.html5 .jp-jplayer,
|
||
|
|
.single-photo-wrapper.html5 .jp-jplayer{position:relative;padding-bottom:56.25%;height:0!important;overflow:hidden}
|
||
|
|
.post-photo-wrapper.html5 .jp-jplayer img,
|
||
|
|
.single-photo-wrapper.html5 .jp-jplayer img{position:absolute;}
|
||
|
|
.post-photo-wrapper.html5 .jp-jplayer video,
|
||
|
|
.single-photo-wrapper.html5 .jp-jplayer video{position:absolute;top:0;left:0;width:100%;height:100%}
|
||
|
|
|
||
|
|
/* Gallery --------------------------------------------------------------------------- */
|
||
|
|
.gallery .gallery-item{overflow:hidden;margin:0 0 10px!important}
|
||
|
|
.gallery .gallery-item .gallery-icon{border:0;width:95%;overflow:hidden;line-height:0;margin-right:2.5%!important;margin-left:2.5%!important;padding:0!important;position:relative}
|
||
|
|
.gallery .gallery-item img{border:0!important;line-height:0;display:block}
|
||
|
|
/*
|
||
|
|
.gallery-columns-2 .gallery-item:nth-child(2n+1){clear:both}
|
||
|
|
.gallery-columns-3 .gallery-item:nth-child(3n+1){clear:both}
|
||
|
|
.gallery-columns-4 .gallery-item:nth-child(4n+1){clear:both}
|
||
|
|
.gallery-columns-5 .gallery-item:nth-child(5n+1){clear:both}
|
||
|
|
.gallery-columns-6 .gallery-item:nth-child(6n+1){clear:both}
|
||
|
|
.gallery-columns-7 .gallery-item:nth-child(7n+1){clear:both}
|
||
|
|
.gallery-columns-8 .gallery-item:nth-child(8n+1){clear:both}
|
||
|
|
.gallery-columns-9 .gallery-item:nth-child(9n+1){clear:both}
|
||
|
|
*/
|
||
|
|
/* Gallery | Flat */
|
||
|
|
.gallery.flat .gallery-item{margin:0!important}
|
||
|
|
.gallery.flat .gallery-item .gallery-icon{margin:0!important;width:100%}
|
||
|
|
.gallery.flat .gallery-item .gallery-icon .image_frame{border-width:0;margin-bottom:0}
|
||
|
|
|
||
|
|
/* Gallery | Fancy */
|
||
|
|
.gallery.fancy .gallery-item:nth-child(2n+1){transform:rotate(-2deg)}
|
||
|
|
.gallery.fancy .gallery-item:nth-child(2n){transform:rotate(2deg)}
|
||
|
|
.gallery.fancy .gallery-item .image_frame{margin:7%}
|
||
|
|
|
||
|
|
/* Gallery | Masonry */
|
||
|
|
.gallery.masonry .gallery-item{margin:0!important}
|
||
|
|
.gallery.masonry .gallery-item .gallery-icon{margin:0!important;width:100%}
|
||
|
|
.gallery.masonry .gallery-item .image_frame{margin-bottom:0}
|
||
|
|
|
||
|
|
/* Divider --------------------------------------------------------------------------- */
|
||
|
|
hr{display:block;border:none;outline:none;height:1px;width:100%;margin:0 auto 15px;clear:both}
|
||
|
|
hr,.hr_wide,.hr_zigzag,.hr_dots{margin:0 auto 15px;clear:both}
|
||
|
|
hr.hr_narrow{width:7%}
|
||
|
|
hr.no_line{background:none;color:transparent;}
|
||
|
|
.hr_wide{position:relative;height:1px}
|
||
|
|
.hr_wide hr{position:absolute;left:-1000px;top:0;width:3000px}
|
||
|
|
.aside_left .hr_wide hr{left:0}
|
||
|
|
.aside_right .hr_wide hr{right:0;left:auto}
|
||
|
|
.hr_zigzag{text-align:center;margin-bottom:10px}
|
||
|
|
.hr_zigzag i{font-size:25px;line-height:25px;margin:0 -11px;display:inline-block}
|
||
|
|
.hr_dots{text-align:center;line-height:0}
|
||
|
|
.hr_dots span{display:inline-block;width:5px;height:5px;overflow:hidden;margin:0 5px;-webkit-border-radius:5px;border-radius:5px}
|
||
|
|
.column_divider hr,.column_divider .hr_wide,.column_divider .hr_zigzag,.column_divider .hr_dots{margin-bottom:0}
|
||
|
|
|
||
|
|
/* Divider | Fancy */
|
||
|
|
.fancy-divider svg{display:block}
|
||
|
|
.fancy-divider svg:not(:root){overflow:hidden}
|
||
|
|
|
||
|
|
/* Decoration SVG */
|
||
|
|
.section .section-divider{display:block;width:50px;height:50px;position:absolute;left:50%;margin-left:-25px;background-color:inherit;z-index:1}
|
||
|
|
.section-divider.triangle.up,.section-divider.triangle.down{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
|
||
|
|
.section-divider.triangle.up{top:-25px}
|
||
|
|
.section-divider.triangle.down{bottom:-25px}
|
||
|
|
.section-divider.triple-triangle:after,.section-divider.triple-triangle:before{content:"";display:block;width:50px;height:50px;position:absolute;background-color:inherit;z-index:1}
|
||
|
|
.section-divider.triple-triangle.up:after{left:-36px;top:50px}
|
||
|
|
.section-divider.triple-triangle.up:before{right:-50px;top:-36px}
|
||
|
|
.section-divider.triple-triangle.down:after{left:-51px;top:35px}
|
||
|
|
.section-divider.triple-triangle.down:before{right:-35px;top:-50px}
|
||
|
|
.section-divider.triple-triangle.up,.section-divider.triple-triangle.down{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
|
||
|
|
.section-divider.triple-triangle.up{top:-25px}
|
||
|
|
.section-divider.triple-triangle.down{bottom:-25px}
|
||
|
|
.section-divider.square.up,.section-divider.square.down{width:70px;height:70px;margin-left:-35px}
|
||
|
|
.section-divider.square.up{top:-25px}
|
||
|
|
.section-divider.square.down{bottom:-25px}
|
||
|
|
.section-divider.circle.up,.section-divider.circle.down{width:70px;height:70px;margin-left:-35px;-webkit-border-radius:100%;border-radius:100%}
|
||
|
|
.section-divider.circle.up{top:-25px}
|
||
|
|
.section-divider.circle.down{bottom:-25px}
|
||
|
|
|
||
|
|
/* Decoration Image | height:100px - fallback */
|
||
|
|
.section .section-decoration{width:100%;height:100px;position:absolute;left:0;background-repeat:repeat-x;z-index:1;}
|
||
|
|
.section .section-decoration.top{top:0;background-position:center top;}
|
||
|
|
.section .section-decoration.bottom{bottom:0;background-position:center bottom;}
|
||
|
|
|
||
|
|
/* Idea box -------------------------------------------------------------------------- */
|
||
|
|
.idea_box{padding:25px 25px 25px 70px;position:relative;border-top-width:1px;border-style:solid;background:rgba(0,0,0,.02);clear:both}
|
||
|
|
.idea_box .icon{font-size:30px;line-height:30px;position:absolute;left:15px;top:50%;margin-top:-15px;color:rgba(0,0,0,.15)}
|
||
|
|
|
||
|
|
/* Google font ----------------------------------------------------------------------- */
|
||
|
|
.google_font{margin-bottom:15px;}
|
||
|
|
|
||
|
|
/* Popup | .popup-content ------------------------------------------------------------ */
|
||
|
|
.popup-content{display:none;}
|
||
|
|
|
||
|
|
/* Single icon ----------------------------------------------------------------------- */
|
||
|
|
.single_icon{display:block;margin:0 auto 15px}
|
||
|
|
.single_icon.icon_left{text-align:left}
|
||
|
|
.single_icon.icon_right{text-align:right}
|
||
|
|
.single_icon.icon_center{text-align:center}
|
||
|
|
|
||
|
|
/* Forms ----------------------------------------------------------------------------- */
|
||
|
|
form,fieldset{margin-bottom:0}
|
||
|
|
textarea{min-height:60px}
|
||
|
|
label,legend{display:block;margin-bottom:5px;font-weight:700}
|
||
|
|
input[type="checkbox"]{display:inline}
|
||
|
|
input[type="date"],input[type="email"],
|
||
|
|
input[type="number"],
|
||
|
|
input[type="password"],
|
||
|
|
input[type="search"],
|
||
|
|
input[type="tel"],
|
||
|
|
input[type="text"],
|
||
|
|
input[type="url"],
|
||
|
|
select,textarea{padding:10px;outline:none;margin:0;width:230px;max-width:100%;display:block;margin-bottom:20px;font-size:13px;border-width:1px;border-style:solid;border-radius:0;box-sizing:border-box;-webkit-appearance:none}
|
||
|
|
|
||
|
|
/* Lists ----------------------------------------------------------------------------- */
|
||
|
|
ul{list-style:none outside}
|
||
|
|
ol{list-style:decimal}
|
||
|
|
|
||
|
|
.column_column ul,.column_column ol,.column_helper ul,.column_helper ol,.column_visual ul,.column_visual ol,.mfn-acc ul,.mfn-acc ol,.ui-tabs-panel ul,.ui-tabs-panel ol,.the_content_wrapper ul,.the_content_wrapper ol,.post-excerpt ul,.post-excerpt ol{margin:0 0 15px 30px}
|
||
|
|
.column_column ul li,.column_helper ul li,.column_visual ul li,.mfn-acc ul li,.ui-tabs-panel ul li,.the_content_wrapper ul li,.post-excerpt ul li{list-style:disc outside}
|
||
|
|
.column_column ul li,.column_column ol li,.column_helper ul li,.column_helper ol li,.column_visual ul li,.column_visual ol li,.mfn-acc ul li,.mfn-acc ol li,.ui-tabs-panel ul li,.ui-tabs-panel ol li,.the_content_wrapper ul li,.the_content_wrapper ol li,.post-excerpt ul li,.post-excerpt ol li{margin-bottom:10px}
|
||
|
|
.column_column ul li ul,.column_column ol li ol,.column_helper ul li ul,.column_helper ol li ol,.column_visual ul li ul,.column_visual ol li ol,.mfn-acc ul li ul,.mfn-acc ol li ol,.ui-tabs-panel ul li ul,.ui-tabs-panel ol li ol,.the_content_wrapper ul li ul,.the_content_wrapper ol li ol,.post-excerpt ul li ul,.post-excerpt ol li ol{margin-top:10px;margin-bottom:0}
|
||
|
|
|
||
|
|
ul.list_mixed,ul.list_check,ul.list_star,ul.list_idea{margin-left:0}
|
||
|
|
ul.list_mixed li,ul.list_check li,ul.list_star li,ul.list_idea li{margin-bottom:20px;position:relative;list-style:none;padding-left:50px;margin-left:0}
|
||
|
|
ul.list_mixed li:after,ul.list_check li:after,ul.list_star li:after,ul.list_idea li:after{content:"";width:70px;height:1px;overflow:hidden;background:rgba(0,0,0,.08);position:absolute;left:0;bottom:-11px}
|
||
|
|
ul.list_mixed li:last-child:after,ul.list_check li:last-child:after,ul.list_star li:last-child:after,ul.list_idea li:last-child:after{display:none}
|
||
|
|
ul.list_check li,li.list_check{background:url(../images/icons/list_check.png) no-repeat 20px 5px}
|
||
|
|
ul.list_star li,li.list_star{background:url(../images/icons/list_star.png) no-repeat 20px 5px}
|
||
|
|
ul.list_idea li,li.list_idea{background:url(../images/icons/list_idea.png) no-repeat 20px 6px}
|
||
|
|
|
||
|
|
dl{margin:0 0 30px}
|
||
|
|
dl > dt,dl > dd{border-width:1px 0 0;border-style:solid;padding:10px 0;margin:0}
|
||
|
|
dl > dt{display:block;float:left;width:100px;font-weight:700}
|
||
|
|
dl > dd{margin-left:110px}
|
||
|
|
dl > dd:after{content:"";clear:both;display:block}
|
||
|
|
|
||
|
|
/* Alerts ---------------------------------------------------------------------------- */
|
||
|
|
.alert{margin-bottom:30px;padding:20px 55px 20px 90px;position:relative;-webkit-border-radius:5px;border-radius:5px}
|
||
|
|
.alert .alert_icon{width:60px;height:60px;font-size:30px;line-height:60px;color:rgba(0,0,0,.4);position:absolute;left:10px;top:10px;text-align:center;-webkit-border-radius:5px;border-radius:5px}
|
||
|
|
.alert a.close{position:absolute;right:15px;top:20px;font-size:20px;line-height:20px}
|
||
|
|
.alert a.close i{margin:0!important;color:rgba(0,0,0,.6)}
|
||
|
|
.alert a:hover.close i{color:rgba(0,0,0,.8)}
|
||
|
|
|
||
|
|
.alert_warning{background:#ffe38b;color:#9b812e}
|
||
|
|
.alert_warning .alert_icon{background:#fbda72}
|
||
|
|
.alert_warning a,.alert_warning a:hover{color:#645012}
|
||
|
|
|
||
|
|
.alert_error{background:#fb5455;color:#fff}
|
||
|
|
.alert_error .alert_icon{background:#f24143}
|
||
|
|
.alert_error a,.alert_error a:hover{color:#9f2e2e}
|
||
|
|
|
||
|
|
.alert_info{background:#3097db;color:#fff}
|
||
|
|
.alert_info .alert_icon{background:#1c81c4}
|
||
|
|
.alert_info a,.alert_info a:hover{color:#b1e0ff}
|
||
|
|
|
||
|
|
.alert_success{background:#a5de5c;color:#fff}
|
||
|
|
.alert_success .alert_icon{background:#8fc944}
|
||
|
|
.alert_success a,.alert_success a:hover{color:#5d9514}
|
||
|
|
|
||
|
|
/* Muffin link ----------------------------------------------------------------------- */
|
||
|
|
a.mfn-link{position:relative;display:inline-block;margin:15px 25px;font-size:15px;text-shadow:0 0 1px rgba(255,255,255,0.3);text-decoration:none;outline:none;white-space:nowrap}
|
||
|
|
a:hover.mfn-link{text-decoration:none}
|
||
|
|
|
||
|
|
/* Effect 1: Brackets */
|
||
|
|
a.mfn-link-1:before,a.mfn-link-1:after{display:inline-block;opacity:0;-webkit-transition:-webkit-transform 0.3s,opacity .2s;-moz-transition:-moz-transform 0.3s,opacity .2s;transition:transform 0.3s,opacity .2s}
|
||
|
|
a.mfn-link-1:before{margin-right:10px;content:'[';-webkit-transform:translateX(20px);-moz-transform:translateX(20px);transform:translateX(20px)}
|
||
|
|
a.mfn-link-1:after{margin-left:10px;content:']';-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);transform:translateX(-20px)}
|
||
|
|
a:hover.mfn-link-1:before,a:hover.mfn-link-1:after,a.hover.mfn-link-1:before,a.hover.mfn-link-1:after{opacity:1;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}
|
||
|
|
|
||
|
|
/* Effect 2: 3D rolling links */
|
||
|
|
a.mfn-link-2{line-height:44px;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}
|
||
|
|
a.mfn-link-2 span{position:relative;display:inline-block;padding:0 14px;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
|
||
|
|
a.mfn-link-2 span:before{position:absolute;top:100%;left:0;width:100%;height:100%;content:attr(data-hover);-webkit-transition:background .3s;-moz-transition:background .3s;transition:background .3s;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;text-align:center}
|
||
|
|
a:hover.mfn-link-2 span,a.hover.mfn-link-2 span{-webkit-transform:rotateX(90deg) translateY(-22px);-moz-transform:rotateX(90deg) translateY(-22px);transform:rotateX(90deg) translateY(-22px)}
|
||
|
|
|
||
|
|
/* Effect 3: bottom line */
|
||
|
|
a.mfn-link-3{padding:8px 0}
|
||
|
|
a.mfn-link-3:after{position:absolute;top:100%;left:0;width:100%;height:3px;content:'';opacity:0;-webkit-transition:opacity 0.3s,-webkit-transform .3s;-moz-transition:opacity 0.3s,-moz-transform .3s;transition:opacity 0.3s,transform .3s;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}
|
||
|
|
a:hover.mfn-link-3:after,a.hover.mfn-link-3:after{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px)}
|
||
|
|
|
||
|
|
/* Effect 4: second border slides up */
|
||
|
|
a.mfn-link-4{padding:12px 10px 10px;text-shadow:none;font-weight:700}
|
||
|
|
a.mfn-link-4:before,a.mfn-link-4::after{position:absolute;top:100%;left:0;width:100%;height:3px;content:'';-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;-webkit-transform:scale(0.85);-moz-transform:scale(0.85);transform:scale(0.85)}
|
||
|
|
a.mfn-link-4:after{opacity:0;-webkit-transition:top 0.3s,opacity 0.3s,-webkit-transform .3s;-moz-transition:top 0.3s,opacity 0.3s,-moz-transform .3s;transition:top 0.3s,opacity 0.3s,transform .3s}
|
||
|
|
a:hover.mfn-link-4:before,a:hover.mfn-link-4:after,a.hover.mfn-link-4:before,a.hover.mfn-link-4:after{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
|
||
|
|
a:hover.mfn-link-4:after,a.hover.mfn-link-4:after{top:0;opacity:1}
|
||
|
|
|
||
|
|
/* Effect 5: reveal, push out */
|
||
|
|
a.mfn-link-5{overflow:hidden;margin:0 15px;position:relative;z-index:1}
|
||
|
|
a.mfn-link-5 span{display:block;padding:10px 20px;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}
|
||
|
|
a.mfn-link-5:before{position:absolute;top:0;left:0;text-align:left;z-index:-1;padding:10px 20px;width:100%;height:100%;content:attr(data-hover);-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;-webkit-transform:translateX(-25%);-moz-transform:translateX(-25%);transform:translateX(-25%)}
|
||
|
|
a:hover.mfn-link-5 span,a.hover.mfn-link-5 span{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}
|
||
|
|
a:hover.mfn-link-5:before,a.hover.mfn-link-5:before{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);transform:translateX(0%)}
|
||
|
|
|
||
|
|
/* Effect 6: text fill*/
|
||
|
|
a.mfn-link-6{padding:10px 0;text-shadow:none}
|
||
|
|
a.mfn-link-6:before{position:absolute;top:0;left:0;overflow:hidden;padding:10px 0;max-width:0;border-bottom:2px solid;content:attr(data-hover);-webkit-transition:max-width .5s;-moz-transition:max-width .5s;transition:max-width .5s}
|
||
|
|
a:hover.mfn-link-6:before,a.hover.mfn-link-6:before{max-width:100%}
|
||
|
|
|
||
|
|
/* Effect 7: border switch */
|
||
|
|
a.mfn-link-7{padding:0 20px;height:45px;line-height:45px}
|
||
|
|
a.mfn-link-7:before,a.mfn-link-7:after{position:absolute;width:45px;height:2px;content:'';opacity:.2;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;pointer-events:none}
|
||
|
|
a.mfn-link-7:before{top:0;left:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0}
|
||
|
|
a.mfn-link-7:after{right:0;bottom:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;transform-origin:100% 0}
|
||
|
|
a:hover.mfn-link-7:before,a:hover.mfn-link-7:after,a.hover.mfn-link-7:before,a.hover.mfn-link-7:after{opacity:1}
|
||
|
|
a:hover.mfn-link-7:before,a.hover.mfn-link-7:before{left:50%;-webkit-transform:rotate(0deg) translateX(-50%);-moz-transform:rotate(0deg) translateX(-50%);transform:rotate(0deg) translateX(-50%)}
|
||
|
|
a:hover.mfn-link-7:after,a.hover.mfn-link-7:after{right:50%;-webkit-transform:rotate(0deg) translateX(50%);-moz-transform:rotate(0deg) translateX(50%);transform:rotate(0deg) translateX(50%)}
|
||
|
|
|
||
|
|
/* Effect 8: cross */
|
||
|
|
a.mfn-link-8{padding:0 5px;font-weight:700;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s;position:relative;z-index:1}
|
||
|
|
a.mfn-link-8:before,a.mfn-link-8:after{position:absolute;width:100%;left:0;top:50%;height:2px;margin-top:-1px;content:'';z-index:-1;-webkit-transition:-webkit-transform 0.3s,opacity .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .3s;pointer-events:none}
|
||
|
|
a.mfn-link-8:before{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);transform:translateY(-20px)}
|
||
|
|
a.mfn-link-8:after{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);transform:translateY(20px)}
|
||
|
|
a:hover.mfn-link-8:before,a:hover.mfn-link-8:after,a.hover.mfn-link-8:before,a.hover.mfn-link-8:after{opacity:.7}
|
||
|
|
a:hover.mfn-link-8:before,a.hover.mfn-link-8:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
|
||
|
|
a:hover.mfn-link-8:after,a.hover.mfn-link-8:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
|
||
|
|
|
||
|
|
/* variables */
|
||
|
|
a.mfn-link-4:before,a.mfn-link-4:after,a.mfn-link-3:after,a:hover.mfn-link-8:after,a:hover.mfn-link-8:before,a.hover.mfn-link-8:after,a.hover.mfn-link-8:before{background:rgba(0,0,0,0.1)}
|
||
|
|
a.mfn-link-6{border-top:2px solid rgba(0,0,0,.05)}
|
||
|
|
a.mfn-link.mfn-link-6{color:rgba(0,0,0,.25)}
|
||
|
|
a.mfn-link-2 span,a:hover.mfn-link-2 span:before,a.hover.mfn-link-2 span:before,a.mfn-link-5 span,a.mfn-link-5:before{color:#fff}
|
||
|
|
|
||
|
|
/* Accordion ------------------------------------------------------------------------- */
|
||
|
|
.accordion .question{margin-bottom:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;border-width:1px;border-style:solid}
|
||
|
|
.accordion .question:last-child{margin-bottom:0}
|
||
|
|
.accordion .question .title{padding:14px 14px 14px 60px;font-size:13px;font-weight:700;position:relative;border-width:0;border-style:solid;cursor:pointer;background-image:url(../images/bg_panel.png);background-repeat:repeat-x;background-position:left top}
|
||
|
|
.accordion .question .title:before{content:"";width:49px;height:100%;border-width:0 1px 0 0;border-style:solid;position:absolute;left:0;top:0;z-index:1}
|
||
|
|
.accordion .question .title > .acc-icon-plus,.accordion .question .title > .acc-icon-minus{font-size:17px;line-height:17px;display:block;position:absolute;left:15px;top:16px;width:20px;height:20px;text-align:center;color:rgba(0,0,0,.25)}
|
||
|
|
.accordion .question .title > .acc-icon-plus:before,.accordion .question .title > .acc-icon-minus:before{margin:0!important}
|
||
|
|
.accordion .question .title > .acc-icon-plus{display:block}
|
||
|
|
.accordion .question .title > .acc-icon-minus{display:none}
|
||
|
|
.accordion .question .answer{padding:15px 20px 20px;overflow:hidden;display:none;background-image:url(../images/box_shadow.png);background-repeat:repeat-x;background-position:left top}
|
||
|
|
.accordion .question .answer .wpb_content_element:last-child{margin-bottom:0}
|
||
|
|
.accordion .question.active .title{border-width:0 0 1px}
|
||
|
|
.accordion .question.active .title > .acc-icon-plus{display:none}
|
||
|
|
.accordion .question.active .title > .acc-icon-minus{display:block}
|
||
|
|
.accordion .question.active p:last-child{margin-bottom:0}
|
||
|
|
|
||
|
|
/* FAQ ------------------------------------------------------------------------------- */
|
||
|
|
.faq .question{margin-bottom:5px;overflow:hidden;position:relative;background:rgba(0,0,0,.02)}
|
||
|
|
.faq .question:before{content:"";width:60px;height:100%;border-width:0 1px 0 0;border-style:solid;border-color:rgba(0,0,0,.1);position:absolute;left:0;top:0;z-index:1}
|
||
|
|
.faq .question:after{content:"";width:60px;height:100%;background:rgba(0,0,0,.03);position:absolute;left:0;top:0;z-index:1}
|
||
|
|
.faq .question:last-child{margin-bottom:0}
|
||
|
|
.faq .question .title{padding:20px 40px 20px 80px;font-size:15px;position:relative;cursor:pointer;z-index:2}
|
||
|
|
.faq .question .title > .acc-icon-plus,.faq .question .title > .acc-icon-minus{font-size:17px;line-height:17px;display:block;position:absolute;right:15px;top:21px;width:20px;height:20px;text-align:center;color:rgba(0,0,0,.25)}
|
||
|
|
.faq .question .title > .acc-icon-plus:before,.faq .question .title > .acc-icon-minus:before{margin:0!important}
|
||
|
|
.faq .question .title > .acc-icon-plus{display:block}
|
||
|
|
.faq .question .title > .acc-icon-minus{display:none}
|
||
|
|
.faq .question .title .num{font-weight:700;position:absolute;left:27px;top:20px;font-weight:bold}
|
||
|
|
.faq .question .answer{padding:0 20px 20px 80px;overflow:hidden;display:none}
|
||
|
|
.faq .question.active .title > .acc-icon-plus{display:none}
|
||
|
|
.faq .question.active .title > .acc-icon-minus{display:block}
|
||
|
|
.faq .question.active p:last-child{margin-bottom:0}
|
||
|
|
|
||
|
|
.wpb_wrapper .faq{margin-bottom:5px}
|
||
|
|
.wpb_wrapper .faq .question .title.wpb_toggle{background-position:23px}
|
||
|
|
.wpb_wrapper .faq .question .answer.wpb_toggle_content{margin:0}
|
||
|
|
.wpb_wrapper .faq .question .last_toggle_el_margin{margin-bottom:0}
|
||
|
|
.wpb_wrapper .faq .question .title > .acc-icon-plus,.wpb_wrapper .faq .question .title > .acc-icon-minus{left:20px;right:auto;color:rgba(0,0,0,.5)}
|
||
|
|
|
||
|
|
/* Table ----------------------------------------------------------------------------- */
|
||
|
|
table{width:100%;margin-bottom:15px;border-collapse:collapse;border-spacing:0;-webkit-border-radius:5px;border-radius:5px}
|
||
|
|
table th,table td{padding:10px;text-align:center;border-width:1px;border-style:solid;vertical-align:middle}
|
||
|
|
table th{font-weight:700;background:url(../images/bg_panel.png) repeat-x left top}
|
||
|
|
table th.clear{border:0;background:none}
|
||
|
|
table tr:first-child td{background:url(../images/box_shadow.png) repeat-x left top}
|
||
|
|
table tr:nth-child(2n) td{background:rgba(0,0,0,0.01)}
|
||
|
|
|
||
|
|
/* table.simple */
|
||
|
|
table.simple th{background:none}
|
||
|
|
table.simple th,table.simple td{border-width:0 0 1px}
|
||
|
|
table.simple tr:first-child td{background:none}
|
||
|
|
table.simple tr:last-child td{border:none}
|
||
|
|
|
||
|
|
/* Rows Hover */
|
||
|
|
body.table-hover:not(.woocommerce-page) table tr:hover td{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
|
||
|
|
/* Feature list ---------------------------------------------------------------------- */
|
||
|
|
.feature_list ul{margin:0;overflow:hidden}
|
||
|
|
.feature_list ul li{margin:0;list-style:none;width:25%;float:left;display:block;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.feature_list ul li a{display:block}
|
||
|
|
.feature_list ul li a:hover{text-decoration:none}
|
||
|
|
.feature_list ul li .icon{width:60px;height:60px;line-height:0;margin-right:10px;display:table-cell;vertical-align:middle;text-align:center}
|
||
|
|
.feature_list ul li .icon i{font-size:43px;line-height:60px}
|
||
|
|
.feature_list ul li .icon i:before{margin:0}
|
||
|
|
.feature_list ul li p{display:table-cell;vertical-align:middle;padding:0 0 0 10px}
|
||
|
|
.feature_list hr{margin:0}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
.feature_list ul li a{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
|
||
|
|
|
||
|
|
/* Columns */
|
||
|
|
.feature_list[data-col="2"] ul li{width:50%}
|
||
|
|
.feature_list[data-col="3"] ul li{width:33.33%}
|
||
|
|
.feature_list[data-col="4"] ul li{width:25%}
|
||
|
|
.feature_list[data-col="5"] ul li{width:20%}
|
||
|
|
.feature_list[data-col="6"] ul li{width:16.66%}
|
||
|
|
|
||
|
|
/* List ------------------------------------------------------------------------------ */
|
||
|
|
.list_item{display:block}
|
||
|
|
.list_item a{display:block}
|
||
|
|
.list_item a:hover{text-decoration:none}
|
||
|
|
.list_item .list_left{width:80px;height:80px;line-height:80px;font-size:50px;overflow:hidden;text-align:center;float:left}
|
||
|
|
.list_item .list_image{font-size:0}
|
||
|
|
.list_item .list_left img{max-width:80px!important;max-height:80px!important;vertical-align:middle}
|
||
|
|
.list_item .list_left i:before{margin:0}
|
||
|
|
.list_item .circle{width:78px;height:78px;line-height:78px;border-width:1px;border-style:solid;font-size:20px;font-weight:700;overflow:hidden;text-align:center;float:left;-webkit-border-radius:100%;border-radius:100%;background-image:url(../images/stripes/stripes_3_b.png);-webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,.08);box-shadow:inset 0 0 5px 0 rgba(0,0,0,.08)}
|
||
|
|
.list_item .list_right{padding:5px 0 0;margin-left:100px;word-wrap:break-word}
|
||
|
|
.list_item .list_right h4{margin-bottom:7px}
|
||
|
|
.list_item.lists_1 .list_left{-webkit-border-radius:5px;border-radius:5px;background-image:url(../images/stripes/stripes_3_b.png);-webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,.1);box-shadow:inset 0 0 5px 0 rgba(0,0,0,.1)}
|
||
|
|
.list_item.lists_1 .list_image{width:60px;height:60px;line-height:60px;padding:10px;font-size:0}
|
||
|
|
.list_item.lists_1 .list_left img{max-width:60px!important;max-height:60px!important}
|
||
|
|
.list_item.lists_3 .list_left{float:none;margin-bottom:10px}
|
||
|
|
.list_item.lists_3 .list_icon{width:auto;text-align:left}
|
||
|
|
.list_item.lists_3 .list_right{margin-left:0;padding-top:0}
|
||
|
|
.list_item.lists_3 .list_right h4{margin-bottom:10px}
|
||
|
|
.list_item.lists_4 .list_right{padding-top:21px}
|
||
|
|
.align_right .list_item .list_left{float:right;}
|
||
|
|
.align_right .list_item .list_right{margin-left:0;margin-right:100px;}
|
||
|
|
|
||
|
|
/* Pricing boxes --------------------------------------------------------------------- */
|
||
|
|
.pricing-box{border-width:1px;border-style:solid;background:#fff}
|
||
|
|
.pricing-box .plan-header{text-align:center;padding:20px 15px 0}
|
||
|
|
.pricing-box .plan-header .image{text-align:center;margin-bottom:15px}
|
||
|
|
.pricing-box .plan-header h2{margin:0 0 20px;font-size:30px;line-height:30px}
|
||
|
|
.pricing-box .plan-header .price{margin:0 0 20px}
|
||
|
|
.pricing-box .plan-header .price > span{font-size:45px;line-height:45px;margin:0 5px}
|
||
|
|
.pricing-box .plan-header .price sup.currency{font-size:20px;line-height:20px;top:-10px;position:relative}
|
||
|
|
.pricing-box.cp-right .plan-header .price sup.currency{margin-right:5px}
|
||
|
|
.pricing-box .plan-header .price sup.period{font-size:15px;line-height:15px;top:-15px;position:relative}
|
||
|
|
.pricing-box .plan-header hr{margin-bottom:0;width:60%}
|
||
|
|
.pricing-box .plan-header p.subtitle{padding:20px 0 0;margin-bottom:0}
|
||
|
|
.pricing-box .plan-inside{padding:10px 30px;text-align:center}
|
||
|
|
.pricing-box .plan-inside ul{margin:0;font-size:100%;line-height:normal}
|
||
|
|
.pricing-box .plan-inside ul li{text-align:center;padding:11px 10px;display:block;margin:0;border-bottom:1px solid rgba(0,0,0,0.1)}
|
||
|
|
.pricing-box .plan-inside ul li .yes,.pricing-box .plan-inside ul li .no{display:inline-block;overflow:hidden;width:10px;height:10px;-webkit-border-radius:5px;border-radius:5px;background:rgba(0,0,0,.1)}
|
||
|
|
.pricing-box .plan-inside ul li:last-child{border-bottom:0}
|
||
|
|
.pricing-box .plan-footer{text-align:center}
|
||
|
|
.pricing-box .plan-footer a{margin-right:0}
|
||
|
|
.pricing-box-box.pricing-box-featured{border-color:transparent}
|
||
|
|
|
||
|
|
/* Pricing table */
|
||
|
|
.pricing-box.pricing-box-label .plan-header *,.pricing-box.pricing-box-label .plan-footer{visibility:hidden}
|
||
|
|
.pricing-box-label ul li{font-weight:700;text-align:right!important}
|
||
|
|
.pricing-box-label,.pricing-box-table{border:0;background:none}
|
||
|
|
.pricing-box-label .plan-inside,.pricing-box-table .plan-inside{padding-left:0;padding-right:0}
|
||
|
|
.pricing-box-table.pricing-box-featured{background:rgba(0,0,0,.02);padding-left:10px;padding-right:10px}
|
||
|
|
|
||
|
|
/* Content slider ----------------------------------------------------------------------------- */
|
||
|
|
.content_slider{padding:0 140px;position:relative}
|
||
|
|
.content_slider .content_slider_ul{margin:0!important;line-height:0;border-width:8px;border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.content_slider .content_slider_ul li{display:block;float:left;margin:0!important;}
|
||
|
|
.content_slider a.button{position:absolute;top:50%;margin:-22px 0 0;font-size:13px;line-height:21px}
|
||
|
|
.content_slider a.slider_prev{left:-90px}
|
||
|
|
.content_slider a.slider_next{right:-90px}
|
||
|
|
.content_slider .slider_pagination{width:100%;margin-top:30px;}
|
||
|
|
.content_slider .slider_pagination li{display:inline-block;}
|
||
|
|
|
||
|
|
.content_slider .content_slider_ul{max-height:283px;transition:opacity 0.3s ease-in-out;}
|
||
|
|
.content_slider .content_slider_ul.slick-slider{opacity:1;max-height:none;zoom:1;}
|
||
|
|
|
||
|
|
/* Flat */
|
||
|
|
.content_slider.flat .content_slider_ul{border-width:0}
|
||
|
|
.content_slider.flat a.button{background:none!important;box-shadow:none;border:none}
|
||
|
|
.content_slider.flat a.button:after{display:none!important}
|
||
|
|
.content_slider.flat a.button:hover{background:none!important}
|
||
|
|
.content_slider.flat a.button .button_icon{background:none;padding:0;font-size:50px;opacity:.3}
|
||
|
|
.content_slider.flat a:hover.button .button_icon{opacity:1}
|
||
|
|
|
||
|
|
/* Flat description */
|
||
|
|
.content_slider.flat.description ul li{text-align:center}
|
||
|
|
.content_slider.flat.description ul li a{display:block;text-decoration:none}
|
||
|
|
.content_slider.flat.description ul li img{margin-bottom:30px}
|
||
|
|
.content_slider.flat.description ul li h3{margin-bottom:0}
|
||
|
|
.content_slider.flat.description ul li .desc{line-height:initial;padding:0 20%;margin-top:15px}
|
||
|
|
|
||
|
|
/* Carousel */
|
||
|
|
.content_slider.carousel{padding:0 70px}
|
||
|
|
.content_slider.carousel .content_slider_ul{border-width:0}
|
||
|
|
.content_slider.carousel .content_slider_ul li{text-align:center;padding:0 20px;padding-top:5px}
|
||
|
|
.content_slider.carousel .content_slider_ul li img{margin-bottom:20px;opacity:.8;position:relative;top:0}
|
||
|
|
.content_slider.carousel .content_slider_ul li a{color:inherit;text-decoration:none;}
|
||
|
|
.content_slider.carousel .content_slider_ul li .title{opacity:.3;font-size:115%;line-height:initial;}
|
||
|
|
.content_slider.carousel .content_slider_ul li:hover img{opacity:1;top:-5px}
|
||
|
|
.content_slider.carousel .content_slider_ul li:hover .title{opacity:1}
|
||
|
|
|
||
|
|
.content_slider.carousel a.button{background:none!important;box-shadow:none;border:none;top:40%;margin-top:-11px;}
|
||
|
|
.content_slider.carousel a.button:after{display:none!important}
|
||
|
|
.content_slider.carousel a.button:hover{background:none!important}
|
||
|
|
.content_slider.carousel a.button .button_icon{background:none;padding:0;font-size:30px;opacity:.5}
|
||
|
|
.content_slider.carousel a.button:hover .button_icon{opacity:1}
|
||
|
|
.content_slider.carousel a.slider_prev{left:-70px}
|
||
|
|
.content_slider.carousel a.slider_next{right:-70px}
|
||
|
|
|
||
|
|
/* Navigation visibility */
|
||
|
|
.content_slider.hide-arrows{padding:0}
|
||
|
|
.content_slider.hide-arrows a.slider_prev,.content_slider.hide-arrows a.slider_next{display:none!important}
|
||
|
|
.content_slider.hide-dots .slider_pagination{display:none!important}
|
||
|
|
|
||
|
|
.section.full-width .column.one .content_slider.hide-arrows{padding:0 140px;}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
.content_slider.carousel ul li img,.content_slider.carousel ul li .title,.content_slider.flat a.button .button_icon{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
|
||
|
|
/* Offer slider ---------------------------------------------------------------------- */
|
||
|
|
.offer{position:relative}
|
||
|
|
.offer .offer_ul{margin:0!important}
|
||
|
|
.offer .offer_li{display:block;float:left}
|
||
|
|
.offer .offer_li .image_wrapper{float:left;width:50%;line-height:0}
|
||
|
|
.offer .offer_li .image_wrapper img{float:right}
|
||
|
|
.offer .offer_li .desc_wrapper{float:left;width:570px;width:calc(50% - 42px);margin:30px 12px 30px 30px}
|
||
|
|
.offer .offer_li .desc_wrapper .title{margin-bottom:30px;position:relative;min-height:43px;padding-right:160px}
|
||
|
|
.offer .offer_li .desc_wrapper.no-link .title{padding:0}
|
||
|
|
.offer .offer_li .desc_wrapper .title h3{margin:0;font-size:35px;line-height:35px;padding-top:3px}
|
||
|
|
.offer .offer_li .desc_wrapper .title h3 em{color:rgba(0,0,0,.1);font-style:normal}
|
||
|
|
.offer .offer_li .desc_wrapper .title a.button{margin:0;position:absolute;right:0;top:0}
|
||
|
|
|
||
|
|
.offer .offer_li .desc_wrapper.align_left{text-align:left}
|
||
|
|
.offer .offer_li .desc_wrapper.align_right{text-align:right}
|
||
|
|
.offer .offer_li .desc_wrapper.align_center{text-align:center}
|
||
|
|
.offer .offer_li .desc_wrapper.align_justify{text-align:justify}
|
||
|
|
|
||
|
|
.offer .offer_li .desc_wrapper.align_right.has-link .title{padding-left:160px;padding-right:0}
|
||
|
|
.offer .offer_li .desc_wrapper.align_right .title a.button{left:0;right:auto;}
|
||
|
|
.offer .offer_li .desc_wrapper.align_center.has-link .title{text-align:left}
|
||
|
|
|
||
|
|
.offer_li ul{list-style:disc inside none;margin-bottom:10px}
|
||
|
|
.offer_li ol{list-style:decimal inside none;margin-bottom:10px}
|
||
|
|
.offer_li li{margin-bottom:5px}
|
||
|
|
|
||
|
|
.offer a.slider_prev,.offer a.slider_next{background:#262626;margin:0;position:absolute}
|
||
|
|
.offer a.slider_prev:after,.offer a.slider_next:after{background:rgba(0,0,0,.2)}
|
||
|
|
.offer a.slider_prev .button_icon,.offer a.slider_next .button_icon{padding:0;width:46px;height:46px;line-height:46px;font-size:13px;text-align:center}
|
||
|
|
.offer a.slider_prev .button_icon i,.offer a.slider_next .button_icon i{color:#fff}
|
||
|
|
.offer a.slider_prev{left:50px;top:50%;z-index:2;margin-top:-69px;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0}
|
||
|
|
.offer a.slider_next{left:50px;top:50%;z-index:2;margin-top:23px;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px}
|
||
|
|
.offer .slider_pagination{display:block;left:50px;top:50%;color:#6C6C6C;margin-top:-23px;position:absolute;z-index:1;width:46px;height:46px;line-height:46px;text-align:center;font-size:13px;background:#1c1c1c}
|
||
|
|
.offer .slider_pagination .current,.offer .slider_pagination .count{color:#fff}
|
||
|
|
|
||
|
|
.button-stroke .offer a.slider_prev .button_icon,.button-stroke .offer a.slider_next .button_icon{padding:0;width:42px;height:42px;line-height:42px;text-align:center}
|
||
|
|
.button-stroke .offer a.slider_prev{margin-top:-75px}
|
||
|
|
.button-stroke .offer a.slider_next{margin-top:28px}
|
||
|
|
.button-stroke .offer .slider_pagination{border-radius:3px;background:rgba(0,0,0,0.6)}
|
||
|
|
|
||
|
|
/* Offer thumb */
|
||
|
|
.offer_thumb{position:relative;padding-left:120px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li{float:left;display:block;padding-left:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .image_wrapper{float:right;width:57%}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper{float:left;width:39%;margin-right:4%;padding-top:20px}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title{margin-bottom:15px;position:relative;min-height:43px;padding-right:160px}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.no-link .title{padding:0}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{margin:0;font-size:35px;line-height:35px;padding-top:3px}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title a.button{margin:0;position:absolute;right:0;top:0}
|
||
|
|
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_left{text-align:left}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_right{text-align:right}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_center{text-align:center}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_justify{text-align:justify}
|
||
|
|
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_right.has-link .title{padding-left:160px;padding-right:0}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_right .title a.button{left:0;right:auto;}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_center.has-link .title{text-align:left}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
.offer_thumb .slider_pagination a img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
|
||
|
|
.offer_thumb .slider_pagination a:before,.offer_thumb .slider_pagination a:after{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
|
||
|
|
|
||
|
|
@media only screen and (min-width: 768px) {
|
||
|
|
.offer_thumb .slider_pagination{position:absolute;left:0;top:0;border-width:1px;border-style:solid}
|
||
|
|
.offer_thumb .slider_pagination a{display:block;margin:0;width:85px !important;height:85px !important;line-height:85px;text-align:center;padding:8px;text-indent:0;border-bottom-width:1px;border-style:solid;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
|
||
|
|
.offer_thumb .slider_pagination a:not(.selected):hover img{filter:alpha(opacity=60);opacity:.6}
|
||
|
|
.offer_thumb .slider_pagination a.selected{top:0}
|
||
|
|
body:not(.style-simple) .offer_thumb:not(.bottom) .slider_pagination a:last-child{border:0}
|
||
|
|
.offer_thumb .slider_pagination a:before{content:"";display:block;width:5px;height:100%;right:-5px;top:0;position:absolute;filter:alpha(opacity=0);opacity:0}
|
||
|
|
.offer_thumb .slider_pagination a.selected:before{filter:alpha(opacity=100);opacity:1}
|
||
|
|
.offer_thumb .slider_pagination a:after{content:"";left:auto;right:-9px;top:50%;margin-top:-4px;width:8px;height:8px;filter:alpha(opacity=0);opacity:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
|
||
|
|
.offer_thumb .slider_pagination a.selected:after{filter:alpha(opacity=100);opacity:1}
|
||
|
|
.offer_thumb .slider_pagination a{background-color:#fff}
|
||
|
|
.offer_thumb .slider_pagination a.selected{background-color:#fff;background-image:url(../images/stripes/stripes_3_b.png)}
|
||
|
|
.offer_thumb .slider_pagination a img{vertical-align:middle}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Offer thumb bottom */
|
||
|
|
.offer_thumb.bottom{padding-left:0}
|
||
|
|
.offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper{width:48%;text-align:center}
|
||
|
|
.offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper{margin-right:4%;width:48%}
|
||
|
|
.offer_thumb.bottom .slider_pagination{position:static;border:0;text-align:center;margin-top:50px}
|
||
|
|
.offer_thumb.bottom .slider_pagination a{display:inline-block;border-width:1px 0 1px 1px;border-style:solid}
|
||
|
|
.offer_thumb.bottom .slider_pagination a:last-child{border-right-width:1px;border-style:solid}
|
||
|
|
.offer_thumb.bottom .slider_pagination a:before{width:100%;height:5px;left:0;right:auto;top:-5px}
|
||
|
|
.offer_thumb.bottom .slider_pagination a:after{left:50%;right:auto;top:-5px;margin-left:-4px}
|
||
|
|
|
||
|
|
/* Latest news ----------------------------------------------------------------------- */
|
||
|
|
.Latest_news ul{float:left;width:100%;margin:0}
|
||
|
|
.Latest_news ul li{margin:0 0 20px;list-style:none;position:relative;overflow:hidden}
|
||
|
|
.Latest_news ul li .photo{width:30%;border-right-width:3px;border-style:solid;float:left;line-height:0}
|
||
|
|
.Latest_news ul li .desc{width:100%;padding:3px 12px 3px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.Latest_news ul li.has-post-thumbnail .desc{margin-left:30%;width:70%;padding-left:12px;}
|
||
|
|
.Latest_news ul li .desc h5{margin:0 0 7px}
|
||
|
|
.Latest_news ul li .desc .post-excerpt{margin:10px 0 5px}
|
||
|
|
.Latest_news ul li .desc_footer{overflow:hidden;border-top-width:1px;border-style:solid;padding-top:5px;color:#a8a8a8}
|
||
|
|
.Latest_news ul li .desc_footer .date{float:left;margin-right:5px}
|
||
|
|
.Latest_news ul li .desc_footer .button-love{float:left;margin-right:5px}
|
||
|
|
.Latest_news ul li .desc_footer .button-love a.mfn-love{display:inline-block;position:relative;padding-left:24px;margin-left:5px}
|
||
|
|
.Latest_news ul li .desc_footer .button-love a.mfn-love i{position:absolute;left:0;top:0;font-size:16px}
|
||
|
|
.Latest_news ul li .desc_footer .button-love a.mfn-love:hover{text-decoration:none}
|
||
|
|
.Latest_news ul li .desc_footer .button-love a.mfn-love i:last-child{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
.Latest_news ul li .desc_footer .button-love a:hover.mfn-love i:last-child,.Latest_news ul li .desc_footer .button-love a.loved.mfn-love i:last-child{opacity:1;filter:alpha(opacity=100)}
|
||
|
|
.Latest_news .button{float:left;clear:both;}
|
||
|
|
|
||
|
|
.Latest_news.featured ul{float:left;width:49%;}
|
||
|
|
.Latest_news.featured ul.ul-first{margin-right:1%;}
|
||
|
|
.Latest_news.featured ul.ul-second{margin-left:1%;}
|
||
|
|
.Latest_news.featured ul.ul-first li .photo{width:100%;float:left;margin-bottom:10px;border-right-width:0;border-bottom-width:3px;border-bottom-style:solid;}
|
||
|
|
.Latest_news.featured ul.ul-first li .desc{width:100%;margin:0;padding:0;float:left;}
|
||
|
|
.Latest_news.featured ul.ul-first li .desc h4{margin:0 0 7px;}
|
||
|
|
|
||
|
|
.column.two-fifth .Latest_news.featured ul,
|
||
|
|
.column.one-third .Latest_news.featured ul,
|
||
|
|
.column.one-fourth .Latest_news.featured ul{width:100%}
|
||
|
|
|
||
|
|
.wrap.three-fifth .column.one-second .Latest_news.featured ul,
|
||
|
|
.wrap.one-second .column.one-second .Latest_news.featured ul,
|
||
|
|
.wrap.one-second .column.three-fifth .Latest_news.featured ul,
|
||
|
|
.wrap.two-fifth .column.three-fourth .Latest_news.featured ul,
|
||
|
|
.wrap.two-fifth .column.one-second .Latest_news.featured ul,
|
||
|
|
.wrap.two-fifth .column.three-fifth .Latest_news.featured ul,
|
||
|
|
.wrap.one-fourth .Latest_news.featured ul,
|
||
|
|
.wrap.one-fifth .Latest_news.featured ul,
|
||
|
|
.wrap.one-sixth .Latest_news.featured ul{width:100%}
|
||
|
|
|
||
|
|
/* Blog Teaser ----------------------------------------------------------------------- */
|
||
|
|
.blog-teaser .teaser-wrapper{float:left;width:100%;margin:0;}
|
||
|
|
|
||
|
|
.blog-teaser li{display:block;position:relative;overflow:hidden}
|
||
|
|
.the_content_wrapper .blog-teaser li{margin-bottom:0;}
|
||
|
|
.blog-teaser li:first-child{float:left;width:66%;}
|
||
|
|
.blog-teaser li:not(:first-child){float:right;width:33%;}
|
||
|
|
.blog-teaser li:last-child{margin-top:1%;}
|
||
|
|
.blog-teaser li:last-child .photo-wrapper{margin-bottom:-3.2%;}
|
||
|
|
|
||
|
|
.blog-teaser.margin-no li:first-child{width:66.6666%;}
|
||
|
|
.blog-teaser.margin-no li:not(:first-child){float:right;width:33.3333%;}
|
||
|
|
.blog-teaser.margin-no li:last-child{margin-top:0;}
|
||
|
|
.blog-teaser.margin-no li:last-child .photo-wrapper{margin-bottom:0;}
|
||
|
|
|
||
|
|
.blog-teaser li .photo-wrapper {position:relative;line-height:0;}
|
||
|
|
.blog-teaser li .photo-wrapper:after{content:"";position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);opacity:0;transition:all 0.6s ease-out;}
|
||
|
|
.blog-teaser li:hover .photo-wrapper:after{opacity:1;}
|
||
|
|
|
||
|
|
.blog-teaser li .desc-wrapper{position:absolute;left:0;bottom:-20px;width:100%;z-index:4;transition:all 0.4s ease-out;}
|
||
|
|
.blog-teaser li:hover .desc-wrapper{transform:translateY(-20px);}
|
||
|
|
.blog-teaser li .desc-wrapper .desc{background:url(../images/blog_masonry_tile_gradient.png) top left repeat-x;padding:70px 25px 30px;}
|
||
|
|
|
||
|
|
.blog-teaser li .desc-wrapper .desc .post-meta .author .label{display:none;}
|
||
|
|
.blog-teaser li .desc-wrapper .desc .post-meta .comments{margin-left:5px;}
|
||
|
|
.blog-teaser li .desc-wrapper .desc .post-title a {color:#fff;}
|
||
|
|
.blog-teaser li .desc-wrapper .desc .post-title:after{content:"";display:block;height:3px;margin-top:20px;width:0;transition:all 0.4s ease-out;background-color:#fff;}
|
||
|
|
.blog-teaser li:hover .desc-wrapper .desc .post-title:after{width:40%}
|
||
|
|
.blog-teaser li:first-child:hover .desc-wrapper .desc .post-title:after{width:20%}
|
||
|
|
|
||
|
|
.blog-teaser li .desc-wrapper .desc .post-meta,
|
||
|
|
.blog-teaser li .desc-wrapper .desc .post-meta a{color:rgba(255,255,255,.7);}
|
||
|
|
|
||
|
|
.blog-teaser li:not(.has-post-thumbnail) .photo-wrapper{padding-top:75%;padding-bottom:3.2%;}
|
||
|
|
.blog-teaser li:not(.has-post-thumbnail) .desc-wrapper .desc{background:none;}
|
||
|
|
.blog-teaser li:not(.has-post-thumbnail) .desc-wrapper .desc .post-title:after{background:#fff;}
|
||
|
|
|
||
|
|
/* Helper ---------------------------------------------------------------------------- */
|
||
|
|
.helper{overflow:hidden}
|
||
|
|
.helper .helper_header{padding:15px 150px 15px 20px;position:relative;min-height:35px}
|
||
|
|
.helper .helper_header .title{margin:0;line-height:35px}
|
||
|
|
.helper .helper_header .links{position:absolute;right:15px;top:15px}
|
||
|
|
.helper .helper_header .links a.link{display:inline-block;height:35px;line-height:35px;margin:0 5px;padding:0 10px;text-decoration:none;-webkit-border-radius:5px;border-radius:5px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
.helper .helper_content .item{padding:0 20px 20px;overflow:hidden;display:none}
|
||
|
|
.helper{background:#f5f5f5}
|
||
|
|
.helper .helper_header .links a.link{color:#999;background:#fff}
|
||
|
|
.helper .helper_header .links a.link.active,.helper .helper_header .links a:hover.link{color:#999;background:rgba(0,0,0,.06)}
|
||
|
|
|
||
|
|
/* Icon box -------------------------------------------------------------------------- */
|
||
|
|
.icon_box{position:relative;padding:10px 0}
|
||
|
|
.icon_box.has_border:after{content:"";display:block;width:0;height:100%;border-width:0 1px 0 0;border-style:solid;position:absolute;right:-2.4%;top:0}
|
||
|
|
.icon_box a{display:block}
|
||
|
|
.icon_box a:hover{text-decoration:none}
|
||
|
|
.icon_box .icon_wrapper{width:110px;height:110px;text-align:center;line-height:110px;font-size:50px;position:relative;overflow:hidden;margin:0 auto 15px;border-width:8px;border-style:solid;display:block;-webkit-border-radius:100%;border-radius:100%;background-image:url(../images/stripes/stripes_3_b.png)}
|
||
|
|
.icon_box .icon_wrapper i{z-index:2;position:relative}
|
||
|
|
.icon_box .icon_wrapper:before{content:"";display:block;width:100%;height:100%;border-width:1px;border-style:solid;position:absolute;left:0;top:0;-webkit-border-radius:100%;border-radius:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.icon_box .icon_wrapper{background-color:#fff;-webkit-box-shadow:inset 0 0 7px 0 rgba(0,0,0,.08);box-shadow:inset 0 0 7px 0 rgba(0,0,0,.08)}
|
||
|
|
.icon_box .image_wrapper{text-align:center;margin-bottom:15px}
|
||
|
|
.icon_box .desc_wrapper{text-align:center}
|
||
|
|
|
||
|
|
/* Icon postion left */
|
||
|
|
.icon_box.icon_position_left{min-height:126px;padding-left:145px}
|
||
|
|
.icon_box.icon_position_left .icon_wrapper{position:absolute;left:0;top:10px;margin-bottom:0}
|
||
|
|
.icon_box.icon_position_left .desc_wrapper{text-align:left;padding-top:10px}
|
||
|
|
.icon_box.icon_position_left .image_wrapper{position:absolute;left:0;top:10px;margin-bottom:0;width:126px;height:126px;overflow:hidden}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
.icon_box .icon_wrapper,.icon_box .icon_wrapper:before{-webkit-transition:background-color .3s ease-in-out;-moz-transition:background-color .3s ease-in-out;-o-transition:background-color .3s ease-in-out;-ms-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}
|
||
|
|
.icon_box .icon_wrapper{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
|
||
|
|
.icon_box:hover .icon_wrapper{-webkit-transform:scale(0.93);-moz-transform:scale(0.93);-ms-transform:scale(0.93);-o-transform:scale(0.94);transform:scale(0.94)}
|
||
|
|
|
||
|
|
/* Icon box button & mfn-link */
|
||
|
|
.icon_box a.mfn-link,.icon_box a.button{display:inline-block}
|
||
|
|
|
||
|
|
/* Article box ----------------------------------------------------------------------- */
|
||
|
|
.article_box{overflow:hidden}
|
||
|
|
.article_box a{display:block}
|
||
|
|
.article_box a:hover{text-decoration:none}
|
||
|
|
.article_box .photo_wrapper{width:50%;float:left;line-height:0}
|
||
|
|
.article_box .desc_wrapper{width:50%;min-height:139px;float:left;padding:10px 15px;background-color:#f8f8f8;background-image:url(../images/stripes/stripes_3_b.png);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.article_box .desc_wrapper p{margin-bottom:10px;border-bottom-width:1px;border-style:solid;padding-bottom:7px}
|
||
|
|
.article_box .desc_wrapper h4{margin-bottom:5px}
|
||
|
|
.article_box .desc_wrapper i.icon-right-open{display:block;position:relative;left:-5px}
|
||
|
|
|
||
|
|
/* Sliding box ----------------------------------------------------------------------- */
|
||
|
|
.sliding_box{position:relative}
|
||
|
|
.sliding_box a{display:block}
|
||
|
|
.sliding_box a:hover{text-decoration:none}
|
||
|
|
.sliding_box .photo_wrapper{line-height:0;position:relative;bottom:-15px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
|
||
|
|
.sliding_box .desc_wrapper{padding:15px 20px;width:100%;text-align:center;z-index:2;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.sliding_box .desc_wrapper:after{content:"";display:block;position:absolute;left:50%;top:0;margin-left:-8px;width:0;height:0;border-style:solid;border-width:0 8px 8px;border-color:transparent}
|
||
|
|
.sliding_box .desc_wrapper h4{margin-bottom:0}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
.sliding_box .photo_wrapper{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
.sliding_box:hover .photo_wrapper{bottom:-1px}
|
||
|
|
.sliding_box .desc_wrapper:after{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
|
||
|
|
.sliding_box:hover .desc_wrapper:after{top:-8px}
|
||
|
|
|
||
|
|
/* Story box ------------------------------------------------------------------------- */
|
||
|
|
.story_box{padding:0 11%}
|
||
|
|
.story_box a,.story_box a:hover{display:block;text-decoration:none}
|
||
|
|
.story_box .photo_wrapper{line-height:0;overflow:hidden}
|
||
|
|
.story_box .photo_wrapper img{display:block;opacity:.7}
|
||
|
|
.story_box .desc_wrapper{margin-right:20%;position:relative;z-index:2}
|
||
|
|
.story_box .desc_wrapper h3{margin-left:-30px;margin-top:-26px}
|
||
|
|
.story_box .desc_wrapper hr{margin-left:0;width:20%}
|
||
|
|
.story_box:hover .desc_wrapper hr{width:40%}
|
||
|
|
.story_box:hover .photo_wrapper img{display:block;opacity:1}
|
||
|
|
.story_box.vertical{padding:0 17%}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
.story_box .desc_wrapper hr,.story_box .photo_wrapper img{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
|
||
|
|
/* Promo box ------------------------------------------------------------------------- */
|
||
|
|
.promo_box{position:relative}
|
||
|
|
.promo_box.has_border:after{content:"";display:block;width:0;height:100%;border-width:0 1px 0 0;border-style:solid;position:absolute;right:-2.4%;top:0}
|
||
|
|
.promo_box_wrapper{overflow:hidden}
|
||
|
|
.promo_box_wrapper .photo_wrapper{width:36%;float:left;text-align:left;line-height:0}
|
||
|
|
.promo_box_wrapper .desc_wrapper{width:56%;margin:0 2% 0 6%;float:left;padding-top:10px}
|
||
|
|
.promo_box_wrapper .desc_wrapper .desc{margin-bottom:15px}
|
||
|
|
.promo_box_wrapper.promo_box_right .photo_wrapper{float:right;text-align:right}
|
||
|
|
.promo_box_wrapper.promo_box_right .desc_wrapper{margin:0 6% 0 2%;text-align:right}
|
||
|
|
.promo_box_wrapper.promo_box_right .desc_wrapper a.button{margin-right:0}
|
||
|
|
|
||
|
|
/* Zoom box -------------------------------------------------------------------------- */
|
||
|
|
.column_zoom_box{text-align:center;line-height:0;}
|
||
|
|
.zoom_box{position:relative;line-height:0;overflow:hidden;display:inline-block;max-width:100%}
|
||
|
|
.zoom_box .photo img,.zoom_box .desc{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
.zoom_box .photo img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
|
||
|
|
.zoom_box:hover .photo img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
|
||
|
|
.zoom_box .desc{background:rgba(0,0,0,.8);width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;opacity:0;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
|
||
|
|
.zoom_box:hover .desc{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
|
||
|
|
.zoom_box .desc .desc_img img{max-width:30%!important;padding-bottom:15px}
|
||
|
|
.zoom_box .desc .desc_txt{padding:0 40px;font-size:26px;line-height:30px;color:#fff}
|
||
|
|
|
||
|
|
/* Counter --------------------------------------------------------------------------- */
|
||
|
|
.counter{padding:20px;background-image:url(../images/stripes/stripes_10_b.png);text-align:center;position:relative}
|
||
|
|
.counter .icon_wrapper{margin-bottom:15px;line-height:0;width:100%}
|
||
|
|
.counter .icon_wrapper i:before{margin:0}
|
||
|
|
.counter .icon_wrapper i{display:inline-block;width:50px;height:50px;line-height:50px;font-size:50px}
|
||
|
|
.counter .desc_wrapper .number-wrapper{font-size:50px;line-height:50px;margin-bottom:5px}
|
||
|
|
.counter .desc_wrapper .number-wrapper .label{font-size:70%;line-height:100%}
|
||
|
|
.counter .desc_wrapper .title{font-size:15px;line-height:20px;margin:0}
|
||
|
|
.counter.counter_horizontal{text-align:left;min-height:75px}
|
||
|
|
.counter.counter_horizontal .icon_wrapper{width:50px;height:50px;position:absolute;left:30px;top:32px;margin:0}
|
||
|
|
.counter.counter_horizontal .desc_wrapper{padding-left:85px}
|
||
|
|
|
||
|
|
/* Chart box ------------------------------------------------------------------------- */
|
||
|
|
.chart_box{position:relative;text-align:center}
|
||
|
|
.chart_box:before{content:"";display:block;z-index:2;width:138px;height:138px;border-width:1px;border-style:solid;position:absolute;left:50%;margin-left:-69px;top:1px;-webkit-border-radius:100%;border-radius:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;background-image:url(../images/stripes/stripes_3_b.png)}
|
||
|
|
.chart_box .chart{width:140px;margin:0 auto 10px;position:relative}
|
||
|
|
.chart_box .chart canvas{position:relative;z-index:2}
|
||
|
|
.chart_box .chart .icon,.chart_box .chart .image{width:70px;height:70px;line-height:70px;overflow:hidden;position:absolute;left:35px;top:35px;z-index:3;text-align:center}
|
||
|
|
.chart_box .chart .icon{font-size:45px}
|
||
|
|
.chart_box .chart .icon i:before{margin:0}
|
||
|
|
.chart_box .chart .image img{vertical-align:middle}
|
||
|
|
.chart_box .chart .num{position:absolute;left:0;top:45px;z-index:3;width:100%;font-size:50px;line-height:50px}
|
||
|
|
.chart_box p{margin-bottom:0}
|
||
|
|
|
||
|
|
/* Progress bars --------------------------------------------------------------------- */
|
||
|
|
.progress_bars .bars_list{margin:0}
|
||
|
|
.progress_bars .bars_list li{margin-bottom:20px;list-style:none;overflow:hidden}
|
||
|
|
.progress_bars .bars_list li:last-child{margin-bottom:0}
|
||
|
|
.progress_bars .bars_list li h6{margin-bottom:7px;position:relative;padding-right:40px}
|
||
|
|
.progress_bars .bars_list li h6 .label{display:block;font-size:11px;line-height:17px;padding:0 5px;font-weight:400;position:absolute;right:0;top:1px;-webkit-border-radius:3px;border-radius:3px;background:rgba(0,0,0,.05);color:rgba(0,0,0,.35)}
|
||
|
|
.progress_bars .bars_list li h6 .label em{font-style:normal}
|
||
|
|
.progress_bars .bars_list li .bar{position:relative;width:100%;height:20px;-webkit-border-radius:3px;border-radius:3px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.02);-webkit-box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.04);box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.04)}
|
||
|
|
.progress_bars .bars_list li .bar .progress{display:block;height:100%;background-image:url(../images/progressbar.png);-webkit-box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.04);box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.04)}
|
||
|
|
.progress_bars .bars_list:not(.hover) li .bar .progress{width:0!important}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
.progress_bars .bars_list.hover li .bar .progress{-webkit-transition:all 1.3s ease-in-out;-moz-transition:all 1.3s ease-in-out;-o-transition:all 1.3s ease-in-out;transition:all 1.3s ease-in-out}
|
||
|
|
|
||
|
|
/* Progress icons -------------------------------------------------------------------- */
|
||
|
|
.progress_icons{margin-bottom:12px;overflow:hidden}
|
||
|
|
.progress_icons .progress_icon{display:inline-block;margin:0 7px 7px 0;width:35px;height:35px;line-height:35px;font-size:17px;color:#fff;text-align:center;-webkit-border-radius:100%;border-radius:100%}
|
||
|
|
.progress_icons .progress_icon img{max-width:25px!important;max-height:25px;margin:5px 0 -5px}
|
||
|
|
.progress_icons .progress_icon:last-child{margin-right:0}
|
||
|
|
.progress_icons .progress_icon:not(.themebg){background:rgba(0,0,0,.06)}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
.progress_icons .progress_icon{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
|
||
|
|
|
||
|
|
/* Trailer box ----------------------------------------------------------------------- */
|
||
|
|
.trailer_box{text-align:center;position:relative;line-height:0}
|
||
|
|
.trailer_box a{display:block}
|
||
|
|
.trailer_box a:after{content:"";display:block;position:absolute;left:0;bottom:0;z-index:1;width:100%;height:100%;filter:alpha(opacity=0);opacity:0;background:rgba(0,0,0,.15)}
|
||
|
|
.trailer_box:hover a:after{filter:alpha(opacity=100);opacity:100}
|
||
|
|
.trailer_box .desc{position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:20px 15px 35px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.trailer_box .desc h2{margin:0;position:relative;bottom:0;font-size:30px;line-height:30px}
|
||
|
|
.trailer_box:hover .desc h2{bottom:20px}
|
||
|
|
.trailer_box .desc .subtitle{display:inline-block;position:relative;bottom:0;line-height:normal;letter-spacing:1px;padding:4px 8px;text-transform:uppercase;margin-bottom:15px;-webkit-border-radius:3px;border-radius:3px;background-image:url(../images/stripes/stripes_10_w.png)}
|
||
|
|
.trailer_box:hover .desc .subtitle{bottom:20px}
|
||
|
|
.trailer_box .desc .line{height:1px;width:0;margin:0 auto;background:#fff;overflow:hidden;display:block}
|
||
|
|
.trailer_box:hover .desc .line{width:60%}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
.trailer_box a:after,.trailer_box .desc .subtitle,.trailer_box .desc .line,.trailer_box .desc h2{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
|
||
|
|
|
||
|
|
/* Quick facts ----------------------------------------------------------------------- */
|
||
|
|
.quick_fact{text-align:center}
|
||
|
|
.quick_fact.align_left{text-align:left}
|
||
|
|
.quick_fact.align_right{text-align:right}
|
||
|
|
.quick_fact .number-wrapper{font-size:90px;line-height:90px}
|
||
|
|
.quick_fact .number-wrapper .label{font-size:70%;line-height:100%}
|
||
|
|
.quick_fact hr{width:40%}
|
||
|
|
|
||
|
|
/* Photo box ------------------------------------------------------------------------- */
|
||
|
|
.photo_box{text-align:center}
|
||
|
|
.photo_box.pb_left{text-align:left}
|
||
|
|
.photo_box.pb_right{text-align:right}
|
||
|
|
.photo_box .image_frame{margin-bottom:15px}
|
||
|
|
.photo_box.without-desc .image_frame{margin-bottom:0}
|
||
|
|
.photo_box .desc{margin-bottom:15px}
|
||
|
|
|
||
|
|
/* Flat box -------------------------------------------------------------------------- */
|
||
|
|
.flat_box a,.flat_box a:hover{display:block;text-decoration:none}
|
||
|
|
.flat_box .photo_wrapper{margin-bottom:15px;position:relative;line-height:0;overflow:hidden}
|
||
|
|
.flat_box .photo_wrapper .icon{position:absolute;left:0;top:0;height:100%;width:90px;text-align:center;color:#fff;z-index:2}
|
||
|
|
.flat_box .photo_wrapper .icon i{display:block;width:100%;height:60px;line-height:60px;font-size:55px;vertical-align:middle;position:absolute;top:50%;margin-top:-30px}
|
||
|
|
.flat_box .photo_wrapper .icon img{position:absolute;left:50%;top:50%;max-width:calc(100% - 16px)!important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
|
||
|
|
.flat_box:hover .photo_wrapper .icon,.flat_box a:hover .photo_wrapper .icon{-webkit-transform:translateX(-90px);transform:translateX(-90px)}
|
||
|
|
.flat_box .photo_wrapper img.photo{position:relative;display:block;z-index:1;-webkit-transform:translateX(15px);transform:translateX(15px)}
|
||
|
|
.flat_box:hover .photo_wrapper img.photo,.flat_box a:hover .photo_wrapper img.photo{-webkit-transform:translateX(0px);transform:translateX(0px)}
|
||
|
|
.flat_box .desc_wrapper{margin-left:90px}
|
||
|
|
|
||
|
|
@media only screen and (min-width: 960px) {
|
||
|
|
.one-fourth .flat_box .photo_wrapper .icon{width:60px}
|
||
|
|
.one-fourth .flat_box .photo_wrapper .icon i{height:40px;line-height:40px;font-size:35px;margin-top:-20px}
|
||
|
|
.one-fourth .flat_box a:hover .photo_wrapper .icon{-webkit-transform:translateX(-60px);transform:translateX(-60px)}
|
||
|
|
.one-fourth .flat_box .desc_wrapper{margin-left:60px}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
.flat_box .photo_wrapper .icon{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
|
||
|
|
.flat_box .photo_wrapper img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
|
||
|
|
|
||
|
|
/* Feature box -------------------------------------------------------------------------- */
|
||
|
|
.feature_box .feature_box_wrapper{display:table;padding:20px}
|
||
|
|
.feature_box .feature_box_wrapper .photo_wrapper,.feature_box .feature_box_wrapper .desc_wrapper{display:table-cell;vertical-align:middle}
|
||
|
|
.feature_box .feature_box_wrapper .photo_wrapper{width:50%;}
|
||
|
|
.feature_box .feature_box_wrapper .photo_wrapper a{display:block;line-height:0}
|
||
|
|
.feature_box .feature_box_wrapper .desc_wrapper{width:46%;padding-left:4%}
|
||
|
|
|
||
|
|
/* Hover box ------------------------------------------------------------------------- */
|
||
|
|
.hover_box{text-align:center;line-height:0}
|
||
|
|
.hover_box a{display:block;line-height:0}
|
||
|
|
.hover_box .hover_box_wrapper{display:inline-block;position:relative;overflow:hidden;line-height:0;max-width:100%}
|
||
|
|
.hover_box .hover_box_wrapper img{display:block}
|
||
|
|
.hover_box .hover_box_wrapper .visible_photo{opacity:1;filter:alpha(opacity=100)}
|
||
|
|
.hover_box .hover_box_wrapper .hidden_photo{position:absolute;left:50%;top:50%;opacity:0;filter:alpha(opacity=0);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
|
||
|
|
.hover_box:hover .hover_box_wrapper .visible_photo,.hover_box.hover .hover_box_wrapper .visible_photo{opacity:0;filter:alpha(opacity=0)}
|
||
|
|
.hover_box:hover .hover_box_wrapper .hidden_photo,.hover_box.hover .hover_box_wrapper .hidden_photo{opacity:1;filter:alpha(opacity=100)}
|
||
|
|
|
||
|
|
.hover_box .hover_box_wrapper .visible_photo,.hover_box .hover_box_wrapper .hidden_photo{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
|
||
|
|
|
||
|
|
/* Hover color ----------------------------------------------------------------------- */
|
||
|
|
.hover_color:hover .hover_color_bg,.hover_color.hover .hover_color_bg{background-color:inherit!important;border-color:inherit!important}
|
||
|
|
.hover_color {border-color:transparent}
|
||
|
|
.hover_color a{display:block}
|
||
|
|
.hover_color a:hover{text-decoration:none}
|
||
|
|
.hover_color .hover_color_bg{border:2px solid transparent}
|
||
|
|
.hover_color .hover_color_wrapper{text-decoration:none;padding:40px 30px;text-align:center}
|
||
|
|
.hover_color,.hover_color a,.hover_color a:hover,.hover_color h1 a,.hover_color h2 a,.hover_color h3 a,.hover_color h4 a,.hover_color h5 a,.hover_color h6 a{color:#fff}
|
||
|
|
.hover_color .hover_color_bg{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
|
||
|
|
.hover_color,.hover_color_bg{height:100%}
|
||
|
|
|
||
|
|
/* Content links --------------------------------------------------------------------- */
|
||
|
|
a.content_link{display:inline-block;position:relative;border-width:1px;border-style:solid;width:140px;padding:25px 15px;text-align:center;margin-left:-1px;background-color:#fff}
|
||
|
|
a.content_link .icon{display:block;font-size:45px;line-height:45px;margin-bottom:15px}
|
||
|
|
a.content_link .title{font-weight:700}
|
||
|
|
a.content_link:after{content:"";z-index:2;filter:alpha(opacity=0);opacity:0;height:0;width:100%;border-width:0 0 5px;border-style:solid;position:absolute;left:0;bottom:-6px}
|
||
|
|
a.content_link:before{content:"";z-index:2;filter:alpha(opacity=0);opacity:0;position:absolute;left:50%;bottom:-1px;margin-left:-6px;width:0;height:0;border-style:solid;border-width:0 6px 6px;border-color:transparent}
|
||
|
|
a:hover.content_link:after{filter:alpha(opacity=100);opacity:100}
|
||
|
|
a:hover.content_link:before{filter:alpha(opacity=100);opacity:100}
|
||
|
|
a:hover.content_link{text-decoration:none;background-image:url(../images/stripes/stripes_3_b.png)}
|
||
|
|
a.content_link:after,a.content_link:before{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
|
||
|
|
/* Icon bar -------------------------------------------------------------------------- */
|
||
|
|
a.icon_bar{display:inline-block;overflow:hidden;text-align:center;margin:0 2px 2px 0;border-width:1px;border-style:solid;position:relative;background-color:#fff;background-image:url(../images/stripes/stripes_3_b.png);-webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,.08);box-shadow:inset 0 0 5px 0 rgba(0,0,0,.08)}
|
||
|
|
a.icon_bar span{display:block}
|
||
|
|
a.icon_bar,a.icon_bar span{width:58px;height:58px;line-height:58px;font-size:20px}
|
||
|
|
a.icon_bar_small,a.icon_bar_small span{width:43px;height:43px;line-height:43px;font-size:15px}
|
||
|
|
a.icon_bar span.t{position:relative}
|
||
|
|
a.icon_bar span.b{position:absolute;top:100%}
|
||
|
|
a.icon_bar span{-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}
|
||
|
|
a.icon_bar span.b{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
|
||
|
|
a:hover.icon_bar span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}
|
||
|
|
.wpb_wrapper a.icon_bar{margin-bottom:2px}
|
||
|
|
|
||
|
|
/* Social */
|
||
|
|
a.icon_bar_facebook span.b{background:#3a589b;color:#fff}
|
||
|
|
a.icon_bar_google span.b{background:#d6492f;color:#fff}
|
||
|
|
a.icon_bar_twitter span.b{background:#32ccfe;color:#fff}
|
||
|
|
a.icon_bar_vimeo span.b{background:#1ca7cc;color:#fff}
|
||
|
|
a.icon_bar_youtube span.b{background:#ff3334;color:#fff}
|
||
|
|
a.icon_bar_flickr span.b{background:#ff0084;color:#fff}
|
||
|
|
a.icon_bar_linkedin span.b{background:#007bb6;color:#fff}
|
||
|
|
a.icon_bar_pinterest span.b{background:#cb2027;color:#fff}
|
||
|
|
a.icon_bar_dribbble span.b{background:#ec4a89;color:#fff}
|
||
|
|
|
||
|
|
/* Get in touch ---------------------------------------------------------------------- */
|
||
|
|
.get_in_touch{padding:25px 20px 25px 30px;background-repeat:no-repeat;background-position:right bottom}
|
||
|
|
.get_in_touch ul{margin:0;font-size:100%;line-height:normal}
|
||
|
|
.get_in_touch ul li{margin:0;list-style:none;position:relative;padding:13px 0 13px 50px;word-wrap:break-word}
|
||
|
|
.get_in_touch ul li:after{content:"";display:block;width:70px;border-width:0 0 1px;border-style:solid;border-color:rgba(255,255,255,.2);position:absolute;left:-30px;bottom:0}
|
||
|
|
.get_in_touch ul li p{margin:0}
|
||
|
|
.get_in_touch ul li .icon{position:absolute;left:0;top:5px;display:block;color:rgba(0,0,0,.7);width:30px;height:30px;line-height:30px;font-size:23px;text-align:center}
|
||
|
|
.get_in_touch ul li:last-child:after{display:none}
|
||
|
|
|
||
|
|
/* Infobox --------------------------------------------------------------------------- */
|
||
|
|
.infobox{padding:25px 20px 25px 30px;background-repeat:no-repeat;background-position:right bottom}
|
||
|
|
.infobox ul{margin:0;font-size:100%;line-height:normal}
|
||
|
|
.infobox ul li{margin:0;list-style:none;position:relative;padding:13px 0 13px 50px;word-wrap:break-word}
|
||
|
|
.infobox ul li p{margin:0}
|
||
|
|
.infobox ul li:before{content:"";display:block;background:url(../images/icons/list_check.png) no-repeat;width:16px;height:16px;position:absolute;left:0;top:15px}
|
||
|
|
.infobox ul li:after{content:"";display:block;width:70px;border-width:0 0 1px;border-style:solid;border-color:rgba(255,255,255,.2);position:absolute;left:-30px;bottom:0}
|
||
|
|
.infobox ul li:last-child:after{display:none}
|
||
|
|
|
||
|
|
/* Opening hours --------------------------------------------------------------------- */
|
||
|
|
.opening_hours{padding:25px;border-width:1px;border-style:solid;background-color:#fff;background-repeat:no-repeat;background-position:right bottom}
|
||
|
|
.opening_hours .opening_hours_wrapper .desc{margin-bottom:15px}
|
||
|
|
.opening_hours .opening_hours_wrapper li{position:relative;padding-bottom:15px;margin-bottom:15px;text-align:center;border-bottom-width:1px;border-style:dashed;list-style:none}
|
||
|
|
.opening_hours .opening_hours_wrapper li:last-child{border:0;padding-bottom:0;margin-bottom:0}
|
||
|
|
.opening_hours .opening_hours_wrapper li label{margin-bottom:8px;font-size:12px;line-height:18px;display:inline-block;font-weight:400;padding:5px 11px;-webkit-border-radius:4px;border-radius:4px;background-image:url(../images/stripes/stripes_3_b.png);background-color:#f8f8f8}
|
||
|
|
.opening_hours .opening_hours_wrapper li span{font-size:22px;line-height:22px;margin:0;padding:0 14px;display:block}
|
||
|
|
.opening_hours .opening_hours_wrapper li span sup{font-size:13px;line-height:13px;position:relative;top:4px;margin-left:2px}
|
||
|
|
|
||
|
|
/* Timeline -------------------------------------------------------------------------- */
|
||
|
|
.timeline_items{margin:0!important;position:relative;background:url(../images/timeline_top.png) no-repeat top center;padding-top:9px}
|
||
|
|
.timeline_items:after{content:"";width:0;height:0;border-width:3px;border-style:solid;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:50%;bottom:-10px;margin-left:-3px;display:block;z-index:1}
|
||
|
|
.timeline_items li{margin:0!important;list-style:none!important;width:45%;padding:0 0 25px 55%;position:relative;background:url(../images/timeline_right.png) no-repeat top center}
|
||
|
|
.timeline_items li:nth-child(even){padding:0 55% 25px 0;background:url(../images/timeline_left.png) no-repeat top center}
|
||
|
|
.timeline_items li h3{font-size:30px;line-height:35px}
|
||
|
|
.timeline_items li h3 span{position:absolute;right:55%;top:8px}
|
||
|
|
.timeline_items li h3:before{content:"";width:7px;height:7px;border-width:4px;border-style:solid;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:50%;top:11px;margin-left:-8px;display:block;z-index:1}
|
||
|
|
.timeline_items li:nth-child(even) h3{text-align:right}
|
||
|
|
.timeline_items li:nth-child(even) h3 span{left:55%;right:auto}
|
||
|
|
.timeline_items li .desc{position:relative;font-size:15px;line-height:31px;background:url(../images/stripes/textline.png) repeat-y}
|
||
|
|
.timeline_items li .desc:before{content:"";width:100%;height:100%;position:absolute;left:-122%;top:0;background-image:url(../images/stripes/stripes_10_b.png)}
|
||
|
|
.timeline_items li:nth-child(even) .desc:before{left:auto;right:-122%}
|
||
|
|
.timeline_items li:nth-child(even) .desc{text-align:right}
|
||
|
|
|
||
|
|
/* How it works ---------------------------------------------------------------------- */
|
||
|
|
.how_it_works{text-align:center;position:relative}
|
||
|
|
.how_it_works.has_border:after{content:"";display:block;width:12%;height:4px;background:rgba(0,0,0,.03);-webkit-border-radius:2px;border-radius:2px;position:absolute;right:-10.5%;top:100px}
|
||
|
|
.how_it_works .image{width:200px;height:200px;line-height:200px;text-align:center;position:relative;margin:0 auto 15px;background:#fff;border-width:2px;border-style:solid;-webkit-border-radius:100%;border-radius:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.how_it_works .image img{max-width:116px!important;max-height:116px!important;vertical-align:middle}
|
||
|
|
.how_it_works .image .number{position:absolute;right:10px;bottom:10px;width:35px;height:35px;line-height:35px;font-size:15px;text-align:center;-webkit-border-radius:100%;border-radius:100%;-webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,.1);box-shadow:inset 0 0 0 2px rgba(0,0,0,.1)}
|
||
|
|
.with_aside .how_it_works .image{width:150px;height:150px;line-height:150px}
|
||
|
|
.with_aside .how_it_works .image .number{bottom:4px;right:4px}
|
||
|
|
.with_aside .how_it_works.has_border:after{top:75px}
|
||
|
|
|
||
|
|
/* Google maps ----------------------------------------------------------------------- */
|
||
|
|
.google-map-wrapper{position:relative}
|
||
|
|
|
||
|
|
.google-map{border-width:8px;border-style:solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.google-map-wrapper.no_border .google-map,.section.full-width .one .google-map{border-width:0}
|
||
|
|
|
||
|
|
.google-map-contact-wrapper{position:absolute;z-index:10;right:50px;top:50px;}
|
||
|
|
.section.full-width .wrap.one .column_map.one .google-map-contact-wrapper{left:50%;margin-left:300px;right:auto;}
|
||
|
|
.google-map-contact-wrapper .get_in_touch{width:210px;padding:25px;position:relative}
|
||
|
|
.google-map-contact-wrapper .get_in_touch:after{content:"";display:block;position:absolute;left:0;bottom:-30px;width:0;height:0;border-style:solid;border-width:30px 30px 0 0;border-color:transparent}
|
||
|
|
|
||
|
|
.google-map-contact-wrapper.style-bar{position:static;margin-left:0!important;}
|
||
|
|
.google-map-contact-wrapper.style-bar .get_in_touch{float:none;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.google-map-contact-wrapper.style-bar .get_in_touch:after{display:none;}
|
||
|
|
|
||
|
|
/* Team ------------------------------------------------------------------------------ */
|
||
|
|
.team .image_frame{margin-bottom:15px}
|
||
|
|
.team .desc_wrapper h4{margin-bottom:3px}
|
||
|
|
.team .desc_wrapper hr{width:40%;margin-left:0}
|
||
|
|
.team .desc_wrapper .desc{margin-bottom:15px}
|
||
|
|
.team .desc_wrapper .links{line-height:0}
|
||
|
|
.team.team_horizontal{overflow:hidden}
|
||
|
|
.team.team_horizontal .image_frame{width:48%;float:left;margin-right:4%;margin-bottom:0}
|
||
|
|
.team.team_horizontal .desc_wrapper{width:48%;float:left}
|
||
|
|
.team .desc_wrapper blockquote{margin-top:20px}
|
||
|
|
.team.team_circle{text-align:center}
|
||
|
|
.team.team_circle .desc_wrapper hr{margin-left:auto}
|
||
|
|
.team.team_circle .image_frame.photo{width:120px;height:120px;margin:0 auto 15px;-webkit-border-radius:100%;border-radius:100%;overflow:hidden;position:relative;z-index:1}
|
||
|
|
|
||
|
|
/* Team list ------------------------------------------------------------------------- */
|
||
|
|
.team_list .column{margin-bottom:0}
|
||
|
|
.team_list .bq_wrapper{background:rgba(0,0,0,.02);border-left-width:1px;border-style:solid;padding:20px}
|
||
|
|
|
||
|
|
/* Fancy headings -------------------------------------------------------------------- */
|
||
|
|
.fancy_heading{text-align:center}
|
||
|
|
.fancy_heading .title{font-size:42px;line-height:42px}
|
||
|
|
.fancy_heading_icon .icon_top{font-size:50px;line-height:50px;margin-bottom:15px;overflow:hidden;display:block}
|
||
|
|
.fancy_heading_icon .icon_top i:before{margin:0}
|
||
|
|
.fancy_heading_line{background-image:url(../images/fancy_heading_hr.png);background-position:bottom center;background-repeat:no-repeat;padding-bottom:15px}
|
||
|
|
.fancy_heading_line .slogan{display:block;margin-bottom:7px;text-transform:uppercase;letter-spacing:1px;font-size:14px}
|
||
|
|
.fancy_heading_line .inside{margin-bottom:15px}
|
||
|
|
|
||
|
|
/* Call to action -------------------------------------------------------------------- */
|
||
|
|
.column_call_to_action{margin-bottom:0}
|
||
|
|
.call_to_action{overflow:hidden;display:table;padding:40px 0;width:100%}
|
||
|
|
.call_to_action .call_to_action_wrapper{display:table;width:100%}
|
||
|
|
.call_to_action .call_left,.call_to_action .call_center,.call_to_action .call_right{display:table-cell;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.call_to_action .call_left{width:40%;padding:0 20px;text-align:center}
|
||
|
|
.call_to_action .call_left h3{margin-bottom:0}
|
||
|
|
.call_to_action .call_center{width:20%;text-align:center}
|
||
|
|
.call_to_action .call_center a{display:inline-block}
|
||
|
|
.call_to_action .call_center .icon_wrapper{display:inline-block;border-width:3px;border-style:solid;width:65px;height:65px;line-height:65px;font-size:30px;-webkit-border-radius:100%;border-radius:100%}
|
||
|
|
.call_to_action .call_center .button{margin:0}
|
||
|
|
.call_to_action .call_right{width:40%;padding:0 20px}
|
||
|
|
|
||
|
|
/* Clients --------------------------------------------------------------------------- */
|
||
|
|
ul.clients{margin:0}
|
||
|
|
ul.clients li{float:left;width:16.666%;margin:0!important;list-style:none}
|
||
|
|
ul.clients .client_wrapper{padding:10px 15px;margin:10px;background:rgba(0,0,0,.01);text-align:center;line-height:0;height:75px;line-height:75px;position:relative}
|
||
|
|
ul.clients .client_wrapper:hover{background:rgba(0,0,0,.05)}
|
||
|
|
ul.clients .client_wrapper a{display:block;width:100%;height:100%}
|
||
|
|
ul.clients .client_wrapper .gs-wrapper{width:100%;height:100%;position:relative}
|
||
|
|
ul.clients .client_wrapper img{position:absolute;top:50%!important;left:50%!important;-ms-transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}
|
||
|
|
|
||
|
|
ul.clients.greyscale .client_wrapper img.BWFilter{opacity:1;z-index:2}
|
||
|
|
ul.clients.greyscale .client_wrapper img:not(.BWFilter){opacity:0}
|
||
|
|
ul.clients.greyscale .client_wrapper:hover img.BWFilter{opacity:0!important}
|
||
|
|
ul.clients.greyscale .client_wrapper:hover img:not(.BWFilter){opacity:1!important}
|
||
|
|
|
||
|
|
ul.clients.clients_tiles li .client_wrapper{background:none}
|
||
|
|
ul.clients.clients_tiles li .client_wrapper:before{content:"";display:block;width:100%;height:1px;background:rgba(0,0,0,.08);position:absolute;left:0;bottom:0}
|
||
|
|
ul.clients.clients_tiles li .client_wrapper:after{content:"";display:none;position:absolute;left:50%;margin-left:-4px;bottom:0;width:0;height:0;border-style:solid;border-width:0 4px 5px;border-color:transparent}
|
||
|
|
ul.clients.clients_tiles li .client_wrapper:hover:before{height:2px}
|
||
|
|
ul.clients.clients_tiles li .client_wrapper:hover:after{display:block;bottom:2px}
|
||
|
|
ul.clients li .client_wrapper,ul.clients li .client_wrapper img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
|
||
|
|
|
||
|
|
/* Clients slider -------------------------------------------------------------------- */
|
||
|
|
.clients_slider .clients_slider_header{position:relative;height:43px;margin-bottom:15px;overflow:hidden;padding-right:110px}
|
||
|
|
.clients_slider .clients_slider_header .title{margin:9px 0 0}
|
||
|
|
.clients_slider .clients_slider_header a.slider_prev,
|
||
|
|
.clients_slider .clients_slider_header a.slider_next{position:absolute;top:0;margin:0;font-size:13px;line-height:21px}
|
||
|
|
.clients_slider .clients_slider_header a.slider_prev{right:50px}
|
||
|
|
.clients_slider .clients_slider_header a.slider_next{right:0}
|
||
|
|
|
||
|
|
/* Blog slider ----------------------------------------------------------------------- */
|
||
|
|
.blog_slider .blog_slider_header{position:relative;height:43px;margin-bottom:15px;overflow:hidden;padding-right:110px}
|
||
|
|
.blog_slider .blog_slider_header .title{margin:9px 0 0}
|
||
|
|
.blog_slider .blog_slider_header a.slider_prev,
|
||
|
|
.blog_slider .blog_slider_header a.slider_next{position:absolute;top:0;margin:0;font-size:13px;line-height:21px}
|
||
|
|
.blog_slider .blog_slider_header a.slider_prev{right:50px}
|
||
|
|
.blog_slider .blog_slider_header a.slider_next{right:0}
|
||
|
|
.blog_slider .slider_pagination{margin-top:15px}
|
||
|
|
.blog_slider .blog_slider_ul{margin:0}
|
||
|
|
.blog_slider .blog_slider_ul li{float:left;width:25%;list-style:none}
|
||
|
|
.blog_slider .blog_slider_ul li .item_wrapper{margin:0 10px;position:relative}
|
||
|
|
.blog_slider .blog_slider_ul li .item_wrapper .image_frame{margin-left:30px;margin-bottom:15px;min-height:52px}
|
||
|
|
.blog_slider .blog_slider_ul li .item_wrapper .date_label{position:absolute;left:0;top:30px;z-index:20}
|
||
|
|
.blog_slider .blog_slider_ul li .item_wrapper hr{margin-left:30px;width:40%}
|
||
|
|
.blog_slider .blog_slider_ul li .item_wrapper a.button{margin-left:30px;margin-bottom:0}
|
||
|
|
.blog_slider .blog_slider_ul li.format-quote .item_wrapper{overflow:hidden}
|
||
|
|
.blog_slider .blog_slider_ul li.format-quote .item_wrapper blockquote{margin-top:70px;margin-left:40px}
|
||
|
|
.blog_slider .blog_slider_ul li.format-link .item_wrapper .image_frame{height:180px;background-color:rgba(255,255,255,.5);background-image:url(../images/link.png);background-position:center center;background-repeat:no-repeat}
|
||
|
|
|
||
|
|
.blog_slider.hide-dots .slider_pagination{display:none!important}
|
||
|
|
.blog_slider.hide-arrows .blog_slider_header a.button{display:none!important}
|
||
|
|
.blog_slider.hide-nav .slider_pagination,
|
||
|
|
.blog_slider.hide-nav .blog_slider_header a.button{display:none!important}
|
||
|
|
|
||
|
|
/* Blog slider - flat */
|
||
|
|
.blog_slider.flat .blog_slider_ul li .item_wrapper .image_frame{margin-left:0;border:0}
|
||
|
|
.blog_slider.flat .blog_slider_ul li .item_wrapper .date_label{position:static;background-color:transparent!important;background-image:none;display:inline-block;padding:0}
|
||
|
|
.blog_slider.flat .blog_slider_ul li .item_wrapper .desc hr{margin-left:0;width:0}
|
||
|
|
.blog_slider.flat .blog_slider_ul li .item_wrapper .desc a.button{display:none;margin-left:0}
|
||
|
|
.blog_slider.flat .blog_slider_ul li .item_wrapper:hover .desc hr{width:100px}
|
||
|
|
.blog_slider.flat .blog_slider_ul li .item_wrapper .image_wrapper img,.blog_slider.flat .blog_slider_ul li .item_wrapper .image_wrapper img{filter:alpha(opacity=90);opacity:.9}
|
||
|
|
.blog_slider.flat .blog_slider_ul li .item_wrapper:hover .image_wrapper img,.blog_slider.flat .blog_slider_ul li .item_wrapper:hover .image_wrapper img{top:0;filter:alpha(opacity=100);opacity:1}
|
||
|
|
|
||
|
|
/* Arrows */
|
||
|
|
.blog_slider.flat{position:relative}
|
||
|
|
.blog_slider.flat .blog_slider_header{position:static;height:0;margin-bottom:0;overflow:hidden;padding-right:0}
|
||
|
|
.blog_slider.flat .blog_slider_header a.button.slider_prev,.blog_slider.flat .blog_slider_header a.button.slider_next{width:60px;height:100%;border:0;border-radius:0;background-color:rgba(255,255,255,.4)!important;box-shadow:inset 0 0 0 0;background-image:none}
|
||
|
|
.blog_slider.flat .blog_slider_header a:hover.button.slider_prev,.blog_slider.flat .blog_slider_header a:hover.button.slider_next{background-color:rgba(255,255,255,.7)!important}
|
||
|
|
.blog_slider.flat .blog_slider_header a.button.slider_prev:after,.blog_slider.flat .blog_slider_header a.button.slider_next:after{display:none}
|
||
|
|
.blog_slider.flat .blog_slider_header a.button.slider_prev .button_icon,.blog_slider.flat .blog_slider_header a.button.slider_next .button_icon{float:none;font-size:15px;padding:0;text-align:center;position:absolute;width:100%;top:50%;margin-top:-4px;background:none}
|
||
|
|
.blog_slider.flat .blog_slider_header a.button.slider_prev .button_icon i,.blog_slider.flat .blog_slider_header a.button.slider_next .button_icon i,.blog_slider.flat .blog_slider_header a:hover.button.slider_prev .button_icon i,.blog_slider.flat .blog_slider_header a:hover.button.slider_next .button_icon i{color:#000!important}
|
||
|
|
.blog_slider.flat .blog_slider_header a.button.slider_prev{left:10px;right:auto;z-index:2}
|
||
|
|
.blog_slider.flat .blog_slider_header a.button.slider_next{right:10px;z-index:2}
|
||
|
|
.blog_slider.flat .blog_slider_header{filter:alpha(opacity=0);opacity:0}
|
||
|
|
.blog_slider.flat:hover .blog_slider_header{filter:alpha(opacity=100);opacity:1}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
.blog_slider.flat .blog_slider_header,.blog_slider.flat .blog_slider_header a.button.slider_prev,.blog_slider.flat .blog_slider_header a.button.slider_next,.blog_slider.flat .blog_slider_ul li .item_wrapper .desc hr{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
|
||
|
|
/* Shop slider ----------------------------------------------------------------------- */
|
||
|
|
.shop_slider .blog_slider_header{position:relative;height:43px;margin-bottom:15px;overflow:hidden;padding-right:110px}
|
||
|
|
.shop_slider .blog_slider_header .title{margin:9px 0 0}
|
||
|
|
.shop_slider .blog_slider_header a.slider_prev,
|
||
|
|
.shop_slider .blog_slider_header a.slider_next{position:absolute;top:0;margin:0;font-size:13px;line-height:21px}
|
||
|
|
.shop_slider .blog_slider_header a.slider_prev{right:50px}
|
||
|
|
.shop_slider .blog_slider_header a.slider_next{right:0}
|
||
|
|
.shop_slider .slider_pagination{margin-top:15px}
|
||
|
|
.shop_slider .shop_slider_ul{margin:0}
|
||
|
|
.shop_slider .shop_slider_ul li{float:left;width:25%;list-style:none}
|
||
|
|
.shop_slider .shop_slider_ul li .item_wrapper{margin:0 10px;position:relative}
|
||
|
|
.shop_slider .shop_slider_ul li .item_wrapper .desc{background:#fff;padding:15px 20px}
|
||
|
|
.shop_slider .shop_slider_ul li .item_wrapper .desc h4{margin-bottom:5px}
|
||
|
|
.shop_slider .shop_slider_ul li .item_wrapper span.onsale{height:0;min-height:0;width:0;min-width:0;font-size:18px;line-height:18px;text-align:center;position:absolute;left:0!important;right:auto;top:0!important;margin:0!important;border-style:solid;border-width:70px 70px 0 0;border-color:transparent;padding:0;text-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;border-radius:0;z-index:2;background:none}
|
||
|
|
.shop_slider .shop_slider_ul li .item_wrapper span.onsale i{position:absolute;left:8px;top:-60px;color:rgba(0,0,0,.5)}
|
||
|
|
.shop_slider .shop_slider_ul li .item_wrapper .price{font-size:18px;margin-bottom:0}
|
||
|
|
.shop_slider .shop_slider_ul li .item_wrapper .price del{font-size:.67em}
|
||
|
|
|
||
|
|
/* Portfolio slider ------------------------------------------------------------------ */
|
||
|
|
.portfolio_slider{position:relative;}
|
||
|
|
.portfolio_slider ul{margin:0!important;opacity:0;max-height:283px;transition: opacity 0.3s ease-in-out;}
|
||
|
|
.portfolio_slider ul.slick-slider{opacity:1;max-height:none;zoom:1;}
|
||
|
|
.portfolio_slider ul li{float:left;width:20%;list-style:none;margin:0!important}
|
||
|
|
.portfolio_slider ul li .image_frame{border:0;margin-bottom:0}
|
||
|
|
.portfolio_slider .slider_nav{color:#fff;display:none;font-size:15px;height:80px;line-height:80px;position:absolute;text-align:center;z-index:5;width:35px;top:50%;margin-top:-40px}
|
||
|
|
.portfolio_slider .slider_prev{left:0}
|
||
|
|
.portfolio_slider .slider_next{right:0}
|
||
|
|
.portfolio_slider.arrows_hover:hover .slider_nav{display:block}
|
||
|
|
.portfolio_slider.arrows_always .slider_nav{display:block}
|
||
|
|
|
||
|
|
/* Portfolio grid -------------------------------------------------------------------- */
|
||
|
|
ul.portfolio_grid{overflow:hidden;margin:0}
|
||
|
|
ul.portfolio_grid li{float:left;margin:0;width:100%;}
|
||
|
|
ul.portfolio_grid li .image_frame{border:0;margin:0}
|
||
|
|
.two-third.column_portfolio_grid li,.one-second.column_portfolio_grid li,.three-fifth.column_portfolio_grid li,
|
||
|
|
.vc_col-sm-6 .portfolio_grid li,.vc_col-sm-8 .portfolio_grid li{width:50%}
|
||
|
|
.one.column_portfolio_grid li,.three-fourth.column_portfolio_grid li,.four-fifth.column_portfolio_grid li,.five-sixth.column_portfolio_grid li,
|
||
|
|
.vc_col-sm-9 .portfolio_grid li,.vc_col-sm-10 .portfolio_grid li,.vc_col-sm-12 .portfolio_grid li{width:25%}
|
||
|
|
|
||
|
|
/* Portfolio photo ------------------------------------------------------------------- */
|
||
|
|
.portfolio-photo .portfolio-item{overflow:hidden;position:relative}
|
||
|
|
.portfolio-photo .portfolio-item a.portfolio-item-bg{display:block;position:relative;text-align:center;line-height:0}
|
||
|
|
.portfolio-photo .portfolio-item a.portfolio-item-bg .mask{position:absolute;z-index:1;left:0;top:0;background:#000;opacity:.3;width:100%;height:100%}
|
||
|
|
.portfolio-photo .portfolio-item:hover a.portfolio-item-bg .mask{opacity:0}
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details{display:block}
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details .details{position:absolute;z-index:2;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:240px;padding:55px 30px;text-align:center}
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details .details .title{font-size:23px;line-height:27px;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:15px;margin-bottom:10px}
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details:hover .details{opacity:0}
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details .more{display:block;opacity:0;text-transform:uppercase;width:70px;height:40px;padding:20px 5px;letter-spacing:1px;text-align:center;position:absolute;left:50%;top:50%;z-index:2;margin:-40px 0 0 -40px;-webkit-border-radius:100%;border-radius:100%}
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details .more h4{font-size:15px;line-height:18px}
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details:hover .more{opacity:1}
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details .details,.portfolio-photo .portfolio-item .portfolio-details .more{background:#fff}
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details .details .categories{color:#a8a8a8}
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details .more{color:rgba(0,0,0,.6)}
|
||
|
|
.portfolio-photo .portfolio-item a .mask,.portfolio-photo .portfolio-item .portfolio-details .details,.portfolio-photo .portfolio-item .portfolio-details .more{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details .image_links a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
|
||
|
|
.portfolio-photo.margin .portfolio-item{margin-bottom:25px}
|
||
|
|
|
||
|
|
/* Portfolio Items | Filters --------------------------------------------------------- */
|
||
|
|
.column_portfolio #Filters .filters_wrapper,.column_portfolio #Filters .filters_wrapper ul{display:block}
|
||
|
|
.wpb_wrapper #Filters .filters_wrapper,.wpb_wrapper #Filters .filters_wrapper ul{display:block}
|
||
|
|
.the_content_wrapper #Filters.filters4portfolio .filters_wrapper,.the_content_wrapper #Filters.filters4portfolio .filters_wrapper ul{display:block}
|
||
|
|
|
||
|
|
/* Testimonials slider --------------------------------------------------------------- */
|
||
|
|
.testimonials_slider{position:relative}
|
||
|
|
.testimonials_slider a.slider_prev,.testimonials_slider a.slider_next{position:absolute;top:30px;z-index:2;margin:0}
|
||
|
|
.testimonials_slider a.slider_prev{left:0}
|
||
|
|
.testimonials_slider a.slider_next{right:0}
|
||
|
|
|
||
|
|
.testimonials_slider .slider_images{width:100%;height:auto;line-height:0;text-align:center;margin:0 0 30px;position:relative;z-index:2}
|
||
|
|
.testimonials_slider .slider_images:before{content:"";display:block;height:100%;width:3000px;position:absolute;left:-1000px;top:0;z-index:1}
|
||
|
|
.with_aside .testimonials_slider .slider_images:before{display:none}
|
||
|
|
|
||
|
|
.testimonials_slider .slider_images li{display:inline-block;}
|
||
|
|
.testimonials_slider .slider_images li a{display:block;position:relative;height:85px;width:85px;line-height:0;cursor:pointer;opacity:.5;z-index:10}
|
||
|
|
.testimonials_slider .slider_images li a:after{content:"";display:none;height:6px;width:100%;position:absolute;left:0;bottom:-6px}
|
||
|
|
.testimonials_slider .slider_images li.slick-active a,.testimonials_slider .slider_images li a:hover{opacity:1}
|
||
|
|
.testimonials_slider .slider_images li.slick-active a:after{display:block}
|
||
|
|
|
||
|
|
.testimonials_slider .testimonials_slider_ul{margin:0!important;max-height:283px;transition: opacity 0.3s ease-in-out;}
|
||
|
|
.testimonials_slider .testimonials_slider_ul.slick-slider{opacity:1;max-height:none;zoom:1;}
|
||
|
|
|
||
|
|
.testimonials_slider .testimonials_slider_ul li{float:left;width:100%;padding:0 80px;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
.testimonials_slider .testimonials_slider_ul li .bq_wrapper{background:rgba(0,0,0,0.02);padding:30px 40px 10px;margin-bottom:20px}
|
||
|
|
.testimonials_slider .testimonials_slider_ul li .hr_dots{margin-bottom:15px}
|
||
|
|
.testimonials_slider .testimonials_slider_ul li .author{text-align:center}
|
||
|
|
.testimonials_slider .testimonials_slider_ul li .author h5{margin-bottom:2px}
|
||
|
|
|
||
|
|
.testimonials_slider .testimonials_slider_ul li .single-photo-img{display:none}
|
||
|
|
.testimonials_slider.hide-photos .testimonials_slider_ul li .single-photo-img{display:none !important}
|
||
|
|
|
||
|
|
.column:not(.one) .testimonials_slider:not(.single-photo) a.slider_prev,.column:not(.one) .testimonials_slider:not(.single-photo) a.slider_next{display:none!important}
|
||
|
|
.column:not(.one) .testimonials_slider:not(.single-photo) .testimonials_slider_ul li{padding:0 20px}
|
||
|
|
.one-third .testimonials_slider .slider_images:before,.one-fourth .testimonials_slider .slider_images:before,.one-second .testimonials_slider .slider_images:before{display:none}
|
||
|
|
.wpb_wrapper .testimonials_slider .slider_images:before{display:none}
|
||
|
|
|
||
|
|
.testimonials_slider .slider_images a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
|
||
|
|
/* Testimonials slider - Single photo */
|
||
|
|
.testimonials_slider.single-photo a.slider_prev,.testimonials_slider.single-photo a.slider_next{display:none!important}
|
||
|
|
.testimonials_slider.single-photo .testimonials_slider_ul li{padding:0;text-align:center}
|
||
|
|
.testimonials_slider.single-photo .testimonials_slider_ul li .bq_wrapper{margin:0 6% 20px}
|
||
|
|
.testimonials_slider.single-photo .testimonials_slider_ul li .single-photo-img{display:block;margin:0 auto 20px;height:85px;width:85px;line-height:0;overflow:hidden;-webkit-border-radius:50%;border-radius:50%}
|
||
|
|
.testimonials_slider.single-photo .slider_pager{margin-top:30px}
|
||
|
|
.testimonials_slider.single-photo .slider_pager li{display:inline-block}
|
||
|
|
.testimonials_slider.single-photo .slider_pager li a{top:0}
|
||
|
|
.testimonials_slider.single-photo .slider_pager li a img{display:none}
|
||
|
|
|
||
|
|
/* Testimonials slider - Hide bar beneath images */
|
||
|
|
.testimonials_slider.hide-bar .slider_images:before {display:none!important}
|
||
|
|
.testimonials_slider.hide-bar .slider_images {background-color:transparent!important}
|
||
|
|
|
||
|
|
/* Testimonials list ----------------------------------------------------------------- */
|
||
|
|
.testimonials_list .item{overflow:hidden;clear:both}
|
||
|
|
.testimonials_list .item .photo{width:23%;float:left;margin:0 1% 40px}
|
||
|
|
.testimonials_list .item .desc{width:73%;float:left;margin:0 1% 40px}
|
||
|
|
.testimonials_list .item .desc h4{margin-bottom:3px;margin-top:10px}
|
||
|
|
.testimonials_list .item .desc p.subtitle{opacity:.6}
|
||
|
|
.testimonials_list .item .desc hr.hr_color{width:20%;margin-left:0}
|
||
|
|
.testimonials_list .item.no-img .desc{width:98%}
|
||
|
|
|
||
|
|
/* Before After | TwentyTwenty plugin ------------------------------------------------ */
|
||
|
|
.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after{content:" ";display:block;background:#fff;position:absolute;z-index:30;-webkit-box-shadow:0 0 12px rgba(51,51,51,0.5);-moz-box-shadow:0 0 12px rgba(51,51,51,0.5);box-shadow:0 0 12px rgba(51,51,51,0.5)}
|
||
|
|
.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after{width:3px;height:9999px;left:50%;margin-left:-1.5px}
|
||
|
|
.twentytwenty-vertical .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after{width:9999px;height:3px;top:50%;margin-top:-1.5px}
|
||
|
|
.twentytwenty-before-label,.twentytwenty-after-label,.twentytwenty-overlay{position:absolute;top:0;width:100%;height:100%;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s}
|
||
|
|
.twentytwenty-before-label,.twentytwenty-after-label{-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity}
|
||
|
|
.twentytwenty-before-label:before,.twentytwenty-after-label:before{color:#fff;font-size:13px;letter-spacing:.1em;position:absolute;background:rgba(0,0,0,0.25);line-height:38px;padding:0 20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
|
||
|
|
.twentytwenty-horizontal .twentytwenty-before-label:before,.twentytwenty-horizontal .twentytwenty-after-label:before{top:50%;margin-top:-19px}
|
||
|
|
.twentytwenty-vertical .twentytwenty-before-label:before,.twentytwenty-vertical .twentytwenty-after-label:before{left:50%;margin-left:-45px;text-align:center;width:90px}
|
||
|
|
.twentytwenty-left-arrow,.twentytwenty-right-arrow,.twentytwenty-up-arrow,.twentytwenty-down-arrow{width:0;height:0;border:6px inset transparent;position:absolute}
|
||
|
|
.twentytwenty-left-arrow,.twentytwenty-right-arrow{top:50%;margin-top:-6px}
|
||
|
|
.twentytwenty-up-arrow,.twentytwenty-down-arrow{left:50%;margin-left:-6px}
|
||
|
|
.twentytwenty-container{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;z-index:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none}
|
||
|
|
.twentytwenty-container img{max-width:100%;position:absolute;top:0;display:block}
|
||
|
|
.twentytwenty-container.active .twentytwenty-overlay,.twentytwenty-container.active :hover.twentytwenty-overlay{background:rgba(0,0,0,0)}
|
||
|
|
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label{opacity:0}
|
||
|
|
.twentytwenty-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
|
||
|
|
.twentytwenty-before-label{opacity:0}
|
||
|
|
.twentytwenty-before-label:before{content:"Before"}
|
||
|
|
.twentytwenty-after-label{opacity:0}
|
||
|
|
.twentytwenty-after-label:before{content:"After"}
|
||
|
|
.twentytwenty-horizontal .twentytwenty-before-label:before{left:10px}
|
||
|
|
.twentytwenty-horizontal .twentytwenty-after-label:before{right:10px}
|
||
|
|
.twentytwenty-vertical .twentytwenty-before-label:before{top:10px}
|
||
|
|
.twentytwenty-vertical .twentytwenty-after-label:before{bottom:10px}
|
||
|
|
.twentytwenty-overlay{-webkit-transition-property:background;-moz-transition-property:background;transition-property:background;background:rgba(0,0,0,0);z-index:25}
|
||
|
|
|
||
|
|
.twentytwenty-overlay:hover .twentytwenty-after-label{opacity:1}
|
||
|
|
.twentytwenty-overlay:hover .twentytwenty-before-label{opacity:1}
|
||
|
|
.twentytwenty-before{z-index:20}
|
||
|
|
.twentytwenty-after{z-index:10}
|
||
|
|
.twentytwenty-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border:3px solid #fff;-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;-webkit-box-shadow:0 0 12px rgba(51,51,51,0.5);-moz-box-shadow:0 0 12px rgba(51,51,51,0.5);box-shadow:0 0 12px rgba(51,51,51,0.5);z-index:40;cursor:pointer}
|
||
|
|
.twentytwenty-horizontal .twentytwenty-handle:before{bottom:50%;margin-bottom:22px;-webkit-box-shadow:0 3px 0 white,0 0 12px rgba(51,51,51,0.5);-moz-box-shadow:0 3px 0 white,0 0 12px rgba(51,51,51,0.5);box-shadow:0 3px 0 white,0 0 12px rgba(51,51,51,0.5)}
|
||
|
|
.twentytwenty-horizontal .twentytwenty-handle:after{top:50%;margin-top:22px;-webkit-box-shadow:0 -3px 0 white,0 0 12px rgba(51,51,51,0.5);-moz-box-shadow:0 -3px 0 white,0 0 12px rgba(51,51,51,0.5);box-shadow:0 -3px 0 white,0 0 12px rgba(51,51,51,0.5)}
|
||
|
|
.twentytwenty-vertical .twentytwenty-handle:before{left:50%;margin-left:22px;-webkit-box-shadow:3px 0 0 white,0 0 12px rgba(51,51,51,0.5);-moz-box-shadow:3px 0 0 white,0 0 12px rgba(51,51,51,0.5);box-shadow:3px 0 0 white,0 0 12px rgba(51,51,51,0.5)}
|
||
|
|
.twentytwenty-vertical .twentytwenty-handle:after{right:50%;margin-right:22px;-webkit-box-shadow:-3px 0 0 white,0 0 12px rgba(51,51,51,0.5);-moz-box-shadow:-3px 0 0 white,0 0 12px rgba(51,51,51,0.5);box-shadow:-3px 0 0 white,0 0 12px rgba(51,51,51,0.5)}
|
||
|
|
.twentytwenty-left-arrow{border-right:6px solid #fff;left:50%;margin-left:-17px}
|
||
|
|
.twentytwenty-right-arrow{border-left:6px solid #fff;right:50%;margin-right:-17px}
|
||
|
|
.twentytwenty-up-arrow{border-bottom:6px solid #fff;top:50%;margin-top:-17px}
|
||
|
|
.twentytwenty-down-arrow{border-top:6px solid #fff;bottom:50%;margin-bottom:-17px}
|
||
|
|
|
||
|
|
/* Ultrawide ------------------------------------------------------------------------- */
|
||
|
|
.image_frame.stretch .image_wrapper img{width:100%}
|
||
|
|
.mcb-section.bg-cover,.mcb-wrap.bg-cover,.column_attr.bg-cover{background-size:cover}
|
||
|
|
.mcb-section.bg-contain,.mcb-wrap.bg-contain,.column_attr.bg-contain{background-size:contain}
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1921px){
|
||
|
|
.image_frame.stretch-ultrawide .image_wrapper img{width:100%}
|
||
|
|
.mcb-section.bg-cover-ultrawide,.mcb-wrap.bg-cover-ultrawide,.column_attr.bg-cover-ultrawide{background-size:cover}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Others ---------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
/* Date */
|
||
|
|
.date_label,.timeline_items li h3 span{font-size:12px;line-height:18px;display:inline-block;padding:2px 5px;-webkit-border-radius:4px;border-radius:4px;background-image:url(../images/stripes/stripes_3_b.png)}
|
||
|
|
.date_label:after,.timeline_items li h3 span:after{content:"";display:block;position:absolute;right:-5px;top:6px;width:0;height:0;border-style:solid;border-width:5.5px 0 5.5px 5px;border-color:transparent}
|
||
|
|
|
||
|
|
.date_label,.timeline_items li h3 span{background-color:#f8f8f8;color:#a8a8a8}
|
||
|
|
.date_label:after,.timeline_items li h3 span:after{border-left-color:#f8f8f8}
|
||
|
|
|
||
|
|
@media only screen and (min-width: 768px){
|
||
|
|
.timeline_items li:nth-child(2n) h3 span::after{border-right-color:#f8f8f8;border-width:5.5px 5.5px 5.5px 0;left:-5px;right:auto}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Item | Sidebar Widget */
|
||
|
|
.column_sidebar_widget .widget:after{display:none}
|
||
|
|
.column_sidebar_widget .widget{margin-bottom:20px;padding-bottom:20px}
|
||
|
|
|
||
|
|
/* Isotope Filtering */
|
||
|
|
.isotope-item{z-index:2}
|
||
|
|
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
|
||
|
|
|
||
|
|
/* Variables ------------------------------------------------------------------------- */
|
||
|
|
/* #2991d6 - theme color, link, #2275ac - link hover, strong */
|
||
|
|
|
||
|
|
/* Selections */
|
||
|
|
::-moz-selection{color:#fff}
|
||
|
|
::selection{color:#fff}
|
||
|
|
|
||
|
|
/* Borders */
|
||
|
|
.idea_box,.ui-tabs,.accordion .question,.accordion .question.active .title,.accordion .question .title:before,.ui-tabs .ui-tabs-nav,.ui-tabs .ui-tabs-nav li,.tabs_vertical.ui-tabs .ui-tabs-panel,table th,table td,.list_item .circle,input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],select,textarea,.promo_box.has_border:after,dl > dt,dl > dd,.article_box .desc_wrapper p,a.icon_bar,a.content_link,.how_it_works .image,.opening_hours,.opening_hours .opening_hours_wrapper li,.icon_box.has_border:after,.chart_box:before,.pricing-box,.team_list .bq_wrapper,.post-footer .post-links,.format-link .post-title .icon-link,.share_wrapper,.post-header .title_wrapper,.section-post-related .section-related-adjustment,#comments > :first-child,.widget-area,.widget:after,.fixed-nav .desc h6,.portfolio_group.list .portfolio-item,.portfolio_group .portfolio-item .desc .details-wrapper,.Recent_posts ul li .desc h6,.widget_recent_entries ul li a,.woocommerce .widget_best_sellers li,.woocommerce .widget_featured_products li,.woocommerce .widget_recent_reviews li,.woocommerce .widget_recent_products li,.woocommerce .widget_recently_viewed_products li,.woocommerce .widget_random_products li,.woocommerce .widget_top_rated_products li,.woocommerce .widget_onsale li,.woocommerce .widget_layered_nav li,.woocommerce .widget_shopping_cart ul.product_list_widget li,.woocommerce .widget_products li,.woocommerce .product .related.products,.woocommerce .product .upsells.products,.woocommerce .product div.entry-summary h1.product_title:after,.woocommerce .quantity input.qty,.header-stack #Top_bar .logo,.offer_thumb .slider_pagination,.offer_thumb .slider_pagination a,.Latest_news ul li .desc_footer,.Latest_news ul li .photo,.offer_thumb.bottom .slider_pagination a,.style-simple .faq .question,.style-simple #Filters .filters_wrapper ul,#edd_checkout_cart th,#edd_checkout_cart td{border-color:rgba(0,0,0,.08)}
|
||
|
|
|
||
|
|
/* Tooltip */
|
||
|
|
.tooltip-img .tooltip-content,.tooltip:after{background:#444;color:#fff}
|
||
|
|
|
||
|
|
/* Highlight */
|
||
|
|
.dropcap,.highlight:not(.highlight_image){color:#fff}
|
||
|
|
|
||
|
|
/* Inputs */
|
||
|
|
input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],select,textarea,.woocommerce .quantity input.qty{background-color:#fff;color:#626262;-webkit-box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.02);box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.02)}
|
||
|
|
input[type="date"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="url"]:focus,select:focus,textarea:focus{background-color:#E9F5FC!important;border-color:#d5e5ee;color:#1982C2}
|
||
|
|
|
||
|
|
/* Dividers */
|
||
|
|
hr{background-color:rgba(0,0,0,.08);color:rgba(0,0,0,.08)}
|
||
|
|
|
||
|
|
/* Header */
|
||
|
|
#Top_bar .menu > li > a span{border-color:rgba(0,0,0,.05)}
|
||
|
|
#Top_bar .search_wrapper input[type="text"]{border-color:#fff;color:#fff}
|
||
|
|
|
||
|
|
/* Footer */
|
||
|
|
#Footer .Recent_posts ul li .desc h6,#Footer .widget_recent_entries ul li a,#Footer .widget_best_sellers li,#Footer .widget_featured_products li,#Footer .widget_recent_reviews li,#Footer .widget_recent_products li,#Footer .widget_recently_viewed_products li,#Footer .widget_random_products li,#Footer .widget_top_rated_products li,#Footer .widget_onsale li,#Footer .widget_layered_nav li,#Footer .widget_shopping_cart ul.product_list_widget li,#Footer .widget_products li,#Footer .widget_archive ul li:after,#Footer .widget_nav_menu ul li:after,#Footer table th,#Footer table td{border-color:rgba(255,255,255,.08)}
|
||
|
|
|
||
|
|
/* Borders */
|
||
|
|
#Sliding-top .Recent_posts ul li .desc h6,#Sliding-top .widget_recent_entries ul li a,#Sliding-top .widget_best_sellers li,#Sliding-top .widget_featured_products li,#Sliding-top .widget_recent_reviews li,#Sliding-top .widget_recent_products li,#Sliding-top .widget_recently_viewed_products li,#Sliding-top .widget_random_products li,#Sliding-top .widget_top_rated_products li,#Sliding-top .widget_onsale li,#Sliding-top .widget_layered_nav li,#Sliding-top .widget_shopping_cart ul.product_list_widget li,#Sliding-top .widget_products li,#Sliding-top .widget_archive ul li:after,#Sliding-top .widget_nav_menu ul li:after,#Sliding-top table th,#Sliding-top table td{border-color:rgba(255,255,255,.08)}
|
||
|
|
|
||
|
|
/* Image frames & Google maps & Icon bar */
|
||
|
|
.image_frame,.wp-caption,.google-map,.icon_box .icon_wrapper,.content_slider .content_slider_ul,.author-box .avatar-wrapper,#comments .commentlist > li .photo,.edd_download_image{border-color:#f8f8f8}
|
||
|
|
.wp-caption-text{background:#f8f8f8;color:#A6A6A6}
|
||
|
|
.image_frame .image_wrapper,.wp-caption img,.icon_box .icon_wrapper:before{border-color:#e2e2e2}
|
||
|
|
.image_frame .image_wrapper .mask,.edd_download_image:after{-webkit-box-shadow:inset 0 0 5px 2px rgba(0,0,0,.07);box-shadow:inset 0 0 5px 2px rgba(0,0,0,.07)}
|
||
|
|
.image_frame .image_wrapper .mask:after{background:rgba(255,255,255,.4)}
|
||
|
|
|
||
|
|
/* Image frame overlay */
|
||
|
|
.if-overlay .image_frame .image_wrapper .mask{-webkit-box-shadow:inset 0 0 0 0 rgba(0,0,0,.0);box-shadow:inset 0 0 0 0 rgba(0,0,0,.0)}
|
||
|
|
.if-overlay .image_frame .image_wrapper .mask:after{background:rgba(0,0,0,.15)}
|
||
|
|
|
||
|
|
/* Sliding box */
|
||
|
|
.sliding_box .desc_wrapper h4{color:#fff}
|
||
|
|
|
||
|
|
/* Counter & Chart */
|
||
|
|
.counter .desc_wrapper .number-wrapper,.chart_box .chart .num,.chart_box .chart .icon,.style-simple .quick_fact .number-wrapper,#edd_checkout_cart .edd_cart_header_row th{color:#444}
|
||
|
|
|
||
|
|
/* Icon bar */
|
||
|
|
a.icon_bar{color:#444!important}
|
||
|
|
|
||
|
|
/* Get in touch & Infobox */
|
||
|
|
.get_in_touch,.get_in_touch a,.get_in_touch h3,.get_in_touch ul,.infobox,.infobox a,.infobox h3,.infobox ul{color:#fff!important}
|
||
|
|
|
||
|
|
/* How it works */
|
||
|
|
.how_it_works .image .number{color:#fff}
|
||
|
|
|
||
|
|
/* Trailer box */
|
||
|
|
.trailer_box .desc h2{color:#fff}
|
||
|
|
.trailer_box .desc .subtitle{color:#fff}
|
||
|
|
|
||
|
|
/* Icon box */
|
||
|
|
.icon_box:hover .icon_wrapper,.icon_box a:hover .icon_wrapper{color:#fff}
|
||
|
|
|
||
|
|
/* List */
|
||
|
|
.list_item.lists_1 .list_left{color:#fff}
|
||
|
|
|
||
|
|
/* Features list */
|
||
|
|
.feature_list ul li:hover,.feature_list ul li:hover a{color:#fff}
|
||
|
|
.feature_list ul li:hover .icon i,.feature_list ul li:hover a .icon i{color:#fff}
|
||
|
|
|
||
|
|
/* Tabs, Accordion, Toggle, Table, Faq */
|
||
|
|
.ui-tabs .ui-tabs-nav li a,.accordion .question .title,.faq .question .title,table th{color:#444}
|
||
|
|
.ui-tabs .ui-tabs-nav li.ui-state-active a:after,body.table-hover:not(.woocommerce-page) table tr:hover td,body.table-hover:not(.woocommerce-page) table tr:hover td a{color:#fff}
|
||
|
|
.accordion .question .answer,.ui-tabs .ui-tabs-panel,.ui-tabs .ui-tabs-nav li.ui-state-active a,.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,.ui-tabs .ui-tabs-nav li.ui-state-active:after,.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a{background-color:#fff}
|
||
|
|
|
||
|
|
/* Pricing */
|
||
|
|
.pricing-box-box.pricing-box-featured,.pricing-box-box.pricing-box-featured .plan-header h2,.pricing-box-box.pricing-box-featured .plan-header .price sup.currency,.pricing-box-box.pricing-box-featured .plan-header .price > span,.pricing-box-box.pricing-box-featured .plan-header .price sup.period,.pricing-box-box.pricing-box-featured .plan-header p.subtitle,.pricing-box-box.pricing-box-featured .plan-inside ul{color:#fff}
|
||
|
|
.pricing-box-box.pricing-box-featured .plan-header hr{border-color:rgba(0,0,0,.2);background:rgba(0,0,0,.2)}
|
||
|
|
.pricing-box-box.pricing-box-featured a.button{background-color:#fff;color:#444}
|
||
|
|
|
||
|
|
/* Mobile menu */
|
||
|
|
@media only screen and (max-width: 959px) {
|
||
|
|
#Header #menu > ul > li.current-menu-item > a,#Header #menu > ul > li.current_page_item > a,#Header #menu > ul > li.current-menu-parent > a,#Header #menu > ul > li.current-page-parent > a,#Header #menu > ul > li.current-menu-ancestor > a,#Header #menu > ul > li.current_page_ancestor > a{background:rgba(0,0,0,.02)}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Style Simple ---------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
/* Tabs */
|
||
|
|
.style-simple .ui-tabs{border:0}
|
||
|
|
.style-simple .ui-tabs .ui-tabs-panel{background:none}
|
||
|
|
.style-simple .ui-tabs .ui-tabs-nav{background:none}
|
||
|
|
.style-simple .ui-tabs .ui-tabs-nav li{border:0;display:inline-block;float:none}
|
||
|
|
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a,.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active:after{background-color:transparent}
|
||
|
|
.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,.style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,.style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a:after,.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:after{bottom:-1px;height:2px;margin-left:-50%;width:100%}
|
||
|
|
|
||
|
|
.style-simple .tabs_vertical.ui-tabs .ui-tabs-panel{border-width:0 0 0 1px !important}
|
||
|
|
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav{border:0}
|
||
|
|
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after{display:block;width:2px;height:100%;right:-1px;top:0;bottom:auto;left:auto;margin:0}
|
||
|
|
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a{background:none;text-align:right;padding-right:20px!important;padding-left:10px!important}
|
||
|
|
|
||
|
|
/* Accordion & Toggle */
|
||
|
|
.style-simple .accordion .question{border-width:0 0 0 1px;border-radius:0;position:relative;margin-bottom:0}
|
||
|
|
.style-simple .accordion .question:after{content:"";display:none;width:2px;height:100%;position:absolute;left:0;top:0;background-color:#ccc}
|
||
|
|
.style-simple .accordion .question.active:after{display:block}
|
||
|
|
.style-simple .accordion .question .title{background:none;padding-left:50px;border:0}
|
||
|
|
.style-simple .accordion .question .title:before{display:none}
|
||
|
|
.style-simple .accordion .question .answer{background:none;padding:0 20px 10px 50px}
|
||
|
|
|
||
|
|
/* FAQ */
|
||
|
|
.style-simple .faq .question{border-width:0 0 0 1px;border-style:solid;margin-bottom:0;position:relative;background:none}
|
||
|
|
.style-simple .faq .question:before{display:none}
|
||
|
|
.style-simple .faq .question:after{content:"";display:none;width:2px;height:100%;position:absolute;top:0;background-color:#ccc}
|
||
|
|
.style-simple .faq .question .title,.style-simple .faq .question .answer{padding-left:70px}
|
||
|
|
.style-simple .faq .question.active:after{display:block}
|
||
|
|
|
||
|
|
/* Table */
|
||
|
|
.style-simple table:not(.recaptchatable) th{background:none}
|
||
|
|
.style-simple table:not(.recaptchatable) tr:first-child td{background:none}
|
||
|
|
.style-simple table:not(.recaptchatable) th,.style-simple table td{border-width:0 1px 1px 0}
|
||
|
|
.style-simple table:not(.recaptchatable) tr td:last-child,.style-simple table tr th:last-child{border-right:0}
|
||
|
|
.style-simple table:not(.recaptchatable) tr:last-child td{border-bottom:0}
|
||
|
|
.style-simple table:not(.recaptchatable) tr:nth-child(2n) td{background:none}
|
||
|
|
|
||
|
|
/* Opening hours */
|
||
|
|
.style-simple .opening_hours{padding:0;border:0;background-color:transparent}
|
||
|
|
.style-simple .opening_hours .opening_hours_wrapper li{padding-bottom:0;border:0;margin-bottom:0;text-align:left}
|
||
|
|
.style-simple .opening_hours .opening_hours_wrapper li label{background-color:transparent;background-image:none;font-size:15px;border-bottom:1px solid #ccc;padding:10px 0;border-radius:0}
|
||
|
|
.style-simple .opening_hours .opening_hours_wrapper li span{font-size:32px;line-height:32px;padding:10px 0}
|
||
|
|
.style-simple .opening_hours .opening_hours_wrapper li span sup{top:-1px;font-size:16px;line-height:16px;margin-left:4px}
|
||
|
|
|
||
|
|
/* Icon box */
|
||
|
|
.style-simple .icon_box .image_wrapper,.style-simple .icon_box .icon_wrapper{padding-top:5px;margin-bottom:25px}
|
||
|
|
.style-simple .icon_box .icon_wrapper{font-size:80px;background-color:transparent;box-shadow:0 0 0 0 rgba(0,0,0,.0);border-width:0;background-image:none;-webkit-transform:scale(1)!important;-moz-transform:scale(1)!important;-ms-transform:scale(1)!important;-o-transform:scale(1)!important;transform:scale(1)!important}
|
||
|
|
.style-simple .icon_box .icon_wrapper:before{display:none}
|
||
|
|
.style-simple .icon_box .icon_wrapper i{position:relative;top:0}
|
||
|
|
.style-simple .icon_box .image_wrapper img{position:relative;top:0}
|
||
|
|
.style-simple .icon_box .desc_wrapper .title{margin-bottom:20px}
|
||
|
|
.style-simple .icon_box .desc_wrapper .title:before{content:"";display:block;width:0;margin:0 auto;height:2px;top:-15px;position:relative;background-color:#ccc}
|
||
|
|
.style-simple .icon_box:hover .icon_wrapper i{top:-5px}
|
||
|
|
.style-simple .icon_box:hover .image_wrapper img{top:-5px}
|
||
|
|
.style-simple .icon_box:hover .desc_wrapper .title:before{width:100px}
|
||
|
|
.style-simple .icon_box .icon_wrapper i,.style-simple .icon_box .image_wrapper img,.style-simple .icon_box .desc_wrapper .title:before{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
|
||
|
|
/* Filters */
|
||
|
|
.style-simple #Filters{text-align:center}
|
||
|
|
.style-simple #Filters .filters_buttons{background:none;padding:15px 0}
|
||
|
|
.style-simple #Filters .filters_wrapper{margin-top:0}
|
||
|
|
.style-simple #Filters .filters_wrapper ul{overflow:visible;display:inline-block;border-bottom-width:1px;border-style:solid}
|
||
|
|
.style-simple #Filters .filters_wrapper ul li{width:auto;margin:0}
|
||
|
|
.style-simple #Filters .filters_wrapper ul li a{background:none;border:0;padding:14px 25px;position:relative}
|
||
|
|
.style-simple #Filters .filters_wrapper ul li a:after{content:"";display:none;position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#ccc}
|
||
|
|
.style-simple #Filters .filters_wrapper ul li.close a{color:inherit;padding:14px 15px;width:auto;border:0!important}
|
||
|
|
.style-simple #Filters .filters_wrapper ul li a:hover,.style-simple #Filters .filters_wrapper ul li.current-cat a{background:none;color:inherit}
|
||
|
|
.style-simple #Filters .filters_wrapper ul li.current-cat a:after{display:block}
|
||
|
|
|
||
|
|
/* Clients */
|
||
|
|
.style-simple ul.clients.clients_tiles li .client_wrapper::after{display:none}
|
||
|
|
|
||
|
|
/* Progress bars */
|
||
|
|
.style-simple .progress_bars .bars_list li .bar{height:5px}
|
||
|
|
.style-simple .progress_bars .bars_list li .bar{box-shadow:0 0 0 0 rgba(0,0,0,0) inset;background:rgba(0,0,0,0.03);border-radius:0}
|
||
|
|
.style-simple .progress_bars .bars_list li .bar .progress{background-image:none}
|
||
|
|
|
||
|
|
/* Counters */
|
||
|
|
.style-simple .counter{background-image:none;}
|
||
|
|
|
||
|
|
/* Lists */
|
||
|
|
.style-simple .list_item.lists_1 .list_left{background-image:none;border-radius:2px;box-shadow:0 0 0 0 rgba(0,0,0,0) inset}
|
||
|
|
.style-simple .list_item .circle{background-image:none;box-shadow:0 0 0 0 rgba(0,0,0,0) inset}
|
||
|
|
|
||
|
|
/* Blockquote */
|
||
|
|
.style-simple blockquote{background:none;line-height:25px;font-style:italic}
|
||
|
|
.style-simple blockquote:after{display:none}
|
||
|
|
|
||
|
|
/* Testimonials slider */
|
||
|
|
.style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper{padding-top:0;padding-bottom:1px;background:none;text-align:center}
|
||
|
|
.style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper blockquote{margin-left:0;margin-right:0;}
|
||
|
|
.style-simple .testimonials_slider .slider_images{background-color:transparent}
|
||
|
|
.style-simple .testimonials_slider .slider_images:before{display:none}
|
||
|
|
|
||
|
|
/* Article box */
|
||
|
|
.style-simple .article_box .desc_wrapper{background-image:none}
|
||
|
|
.style-simple .article_box .desc_wrapper p{border-bottom-width:0;margin-bottom:0;padding-bottom:10px}
|
||
|
|
.style-simple .article_box .desc_wrapper p:after{background-color:rgba(0,0,0,.1);content:"";display:block;height:2px;margin-top:10px;width:20px}
|
||
|
|
.style-simple .article_box:hover .desc_wrapper p:after{width:40%}
|
||
|
|
.style-simple .article_box .desc_wrapper i.icon-right-open{display:none}
|
||
|
|
.style-simple .article_box .desc_wrapper p:after{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
|
||
|
|
/* Idea box */
|
||
|
|
.style-simple .idea_box{border:1px solid rgba(0,0,0,0.08);padding:15px 15px 15px 0;background:none}
|
||
|
|
.style-simple .idea_box .icon{display:block;position:static;float:left;left:0;top:0;margin-top:0;width:60px;text-align:center;margin-top:5px}
|
||
|
|
.style-simple .idea_box .desc{border-left:1px solid rgba(0,0,0,0.08);padding:10px 15px 10px 20px;margin-left:60px}
|
||
|
|
|
||
|
|
/* Sliding box */
|
||
|
|
.style-simple .sliding_box .photo_wrapper{top:0}
|
||
|
|
.style-simple .sliding_box .desc_wrapper{background:none;padding-left:0;padding-right:0}
|
||
|
|
.style-simple .sliding_box .desc_wrapper h4{color:inherit;margin-bottom:5px}
|
||
|
|
.style-simple .sliding_box .desc_wrapper:after{display:inline-block;content:"";width:20%;height:2px;border:0;background-color:rgba(0,0,0,.1);position:static;top:0;margin:0}
|
||
|
|
.style-simple .sliding_box:hover .desc_wrapper:after{width:60%}
|
||
|
|
|
||
|
|
/* Trailer box */
|
||
|
|
.style-simple .trailer_box .desc{padding:27px 15px 30px}
|
||
|
|
.style-simple .trailer_box .desc .line{display:none}
|
||
|
|
.style-simple .trailer_box .desc .subtitle{background-image:none;background-color:transparent;color:rgba(255,255,255,.7);margin-bottom:10px;padding:0}
|
||
|
|
.style-simple .trailer_box:hover .desc h2{bottom:0}
|
||
|
|
.style-simple .trailer_box:hover .desc .subtitle{bottom:0}
|
||
|
|
.style-simple .trailer_box .desc{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
|
||
|
|
/* Timeline */
|
||
|
|
.style-simple .timeline_items{background:none}
|
||
|
|
.style-simple .timeline_items:after{display:none}
|
||
|
|
.style-simple .timeline_items li{width:50%;padding:0 0 0 50%;background:none;margin-bottom:15px!important}
|
||
|
|
.style-simple .timeline_items li:nth-child(even){padding:0 50% 0 0;background:none}
|
||
|
|
.style-simple .timeline_items li h3 span{background:none!important;border-radius:4px;font-size:14px;font-style:italic;top:22px}
|
||
|
|
.style-simple .timeline_items li h3:before{display:none}
|
||
|
|
.style-simple .timeline_items li .desc:before{display:none}
|
||
|
|
.style-simple .timeline_items li h3{border-left:2px solid rgba(0,0,0,0.08);margin:0;padding:15px 0 0 25px;width:100%;box-sizing:padding-box;-webkit-box-sizing:border-box}
|
||
|
|
.style-simple .timeline_items li h3 span{position:absolute;right:52%}
|
||
|
|
.style-simple .timeline_items li:nth-child(even) h3{padding:15px 25px 0 0;text-align:right;border-left:0;border-right:2px solid rgba(0,0,0,0.04)}
|
||
|
|
.style-simple .timeline_items li:nth-child(even) h3 span{left:52%;right:auto}
|
||
|
|
.style-simple .timeline_items li .desc{border-left:2px solid rgba(0,0,0,0.08);padding:15px 0 15px 25px;background:none;width:100%;box-sizing:padding-box;-webkit-box-sizing:border-box}
|
||
|
|
.style-simple .timeline_items li:nth-child(even) .desc{padding:15px 25px 15px 0;border-left:0;border-right:2px solid rgba(0,0,0,0.04)}
|
||
|
|
.style-simple .timeline_items li:hover h3,.style-simple .timeline_items li:nth-child(even):hover h3,.style-simple .timeline_items li:hover .desc,.style-simple .timeline_items li:nth-child(even):hover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
|
||
|
|
/* Quick fact */
|
||
|
|
.style-simple .quick_fact .number-wrapper{font-family:inherit;font-size:60px;line-height:60px}
|
||
|
|
.style-simple .quick_fact .title{font-family:inherit;font-size:18px;font-weight:400}
|
||
|
|
.style-simple .quick_fact hr{display:none}
|
||
|
|
|
||
|
|
/* Chart box */
|
||
|
|
.style-simple .chart_box:before{background-color:transparent;background-image:none;border-width:0}
|
||
|
|
.style-simple .chart_box .chart .num{font-family:inherit;font-size:30px}
|
||
|
|
|
||
|
|
/* Content link */
|
||
|
|
.style-simple a.content_link{border-width:0 0 2px;margin:0 10px;background-color:transparent;background-image:none}
|
||
|
|
.style-simple a.content_link:after{border-width:0 0 2px;bottom:-2px}
|
||
|
|
.style-simple a.content_link:before{border-width:0 5px 6px}
|
||
|
|
|
||
|
|
/* How it works */
|
||
|
|
.style-simple .how_it_works .image{border-width:0 0 2px;background:transparent;border-radius:0;margin-bottom:30px}
|
||
|
|
.style-simple .how_it_works .image .number{border-radius:0;bottom:-17px;left:50%;margin-left:-17px;box-shadow:0 0 0 0 rgba(0,0,0,0) inset}
|
||
|
|
|
||
|
|
/* Offer thumb */
|
||
|
|
.style-simple .offer_thumb_ul li.offer_thumb_li{padding-left:0}
|
||
|
|
.style-simple .offer_thumb .slider_pagination a img{filter:alpha(opacity=70);opacity:.7}
|
||
|
|
.style-simple .offer_thumb .slider_pagination a.selected img,.style-simple .offer_thumb .slider_pagination a:not(.selected):hover img{filter:alpha(opacity=1);opacity:1}
|
||
|
|
|
||
|
|
@media only screen and (min-width: 768px) {
|
||
|
|
.style-simple .offer_thumb .slider_pagination{border:0}
|
||
|
|
.style-simple .offer_thumb .slider_pagination a{margin-bottom:6px;border-width:1px;background:none}
|
||
|
|
.style-simple .offer_thumb.bottom .slider_pagination a{margin:3px}
|
||
|
|
.style-simple .offer_thumb .slider_pagination a:before,.style-simple .offer_thumb .slider_pagination a:after{display:none}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Alerts */
|
||
|
|
.style-simple .alert{-webkit-border-radius:0;border-radius:0}
|
||
|
|
.style-simple .alert .alert_icon{position:absolute;left:0;top:0;background:none;border-right:1px solid rgba(255,255,255,.3);-webkit-border-radius:0;border-radius:0}
|
||
|
|
|
||
|
|
/* Zoom box */
|
||
|
|
/*
|
||
|
|
.style-simple .zoom_box{position:relative;line-height:0;overflow:hidden}
|
||
|
|
.style-simple .zoom_box .photo img,.style-simple .zoom_box .desc{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
.style-simple .zoom_box .photo img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
|
||
|
|
.style-simple .zoom_box:hover .photo img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
|
||
|
|
.style-simple .zoom_box .desc{background:rgba(0,0,0,.8);width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;opacity:0;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
|
||
|
|
.style-simple .zoom_box:hover .desc{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
|
||
|
|
.style-simple .zoom_box .desc .desc_img{position:absolute;left:0;top:50%;width:100%;text-align:center;transform:translateY(-80%);-webkit-transform:translateY(-80%)}
|
||
|
|
.style-simple .zoom_box .desc .desc_img img{padding:0}
|
||
|
|
.style-simple .zoom_box .desc .desc_txt{width:100%;padding:15px 20px;font-size:17px;line-height:22px;color:#fff;position:absolute;left:0;bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* Features list */
|
||
|
|
.style-simple .feature_list hr{background-color:rgba(0,0,0,0);color:rgba(0,0,0,0)}
|
||
|
|
|
||
|
|
/* Progress icons */
|
||
|
|
.style-simple .progress_icons .progress_icon{color:rgba(0,0,0,.3);border-width:1px;border-style:solid}
|
||
|
|
.style-simple .progress_icons .progress_icon.themebg{border-color:transparent;color:#fff}
|
||
|
|
.style-simple .progress_icons .progress_icon:not(.themebg){background:none;border-color:rgba(0,0,0,.3)}
|
||
|
|
|
||
|
|
/* Pricing box */
|
||
|
|
.style-simple .pricing-box{border:0}
|
||
|
|
.style-simple .pricing-box:not(.pricing-box-featured){background:none}
|
||
|
|
|
||
|
|
/* Tooltip */
|
||
|
|
.style-simple .tooltip:hover:after,.style-simple .tooltip.hover:after{background-image:none}
|
||
|
|
|
||
|
|
/* Highlight */
|
||
|
|
.style-simple .highlight{background-image:none;}
|
||
|
|
|
||
|
|
/* Get in touch */
|
||
|
|
.style-simple .get_in_touch{padding:25px 30px}
|
||
|
|
.style-simple .get_in_touch ul li{border-bottom:1px solid rgba(255,255,255,.1)}
|
||
|
|
.style-simple .get_in_touch ul li:last-child{border:0}
|
||
|
|
.style-simple .get_in_touch ul li:after{display:none}
|
||
|
|
.style-simple .get_in_touch ul li .icon{left:5px}
|
||
|
|
|
||
|
|
/* Infobox */
|
||
|
|
.style-simple .infobox{padding:25px 30px}
|
||
|
|
.style-simple .infobox ul li{border-bottom:1px solid rgba(255,255,255,.1);padding-left:40px}
|
||
|
|
.style-simple .infobox ul li:last-child{border:0}
|
||
|
|
.style-simple .infobox ul li:after{display:none}
|
||
|
|
.style-simple .infobox ul li:before{left:5px}
|
||
|
|
|
||
|
|
/* Icon bar */
|
||
|
|
.style-simple a.icon_bar{border-width:0;background-color:#f0f0f0;background-image:none;-webkit-box-shadow:inset 0 0 0 0 rgba(0,0,0,.0);box-shadow:inset 0 0 0 0 rgba(0,0,0,.0)}
|
||
|
|
.style-simple a.icon_bar span.t{opacity:1;filter:alpha(opacity=100)}
|
||
|
|
.style-simple a:hover.icon_bar span.t{opacity:0;filter:alpha(opacity=0)}
|
||
|
|
.style-simple a.icon_bar span.b{position:absolute;top:0;opacity:0;filter:alpha(opacity=0)}
|
||
|
|
.style-simple a:hover.icon_bar span.b{opacity:1;filter:alpha(opacity=100)}
|
||
|
|
.style-simple a.icon_bar span{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
|
||
|
|
.style-simple a.icon_bar span.b{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
|
||
|
|
.style-simple a:hover.icon_bar span{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 6.0 Animation
|
||
|
|
|
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
|
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/* Animations v1.4, Copyright 2014, Joe Mottershaw, https://github.com/joemottershaw/ */
|
||
|
|
|
||
|
|
.animate, .hover-bounce, .hover-flash, .hover-heartbeat, .hover-panic, .hover-pulsate, .hover-pulse, .hover-shakeH, .hover-shakeV, .hover-slingshotCCW, .hover-slingshotCW, .hover-spinCCW, .hover-spinCW, .hover-strobe, .hover-tada, .hover-wave, .hover-wobble, .trigger {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-animation-duration: 1s;
|
||
|
|
-moz-animation-duration: 1s;
|
||
|
|
-ms-animation-duration: 1s;
|
||
|
|
-o-animation-duration: 1s;
|
||
|
|
animation-duration: 1s;
|
||
|
|
-webkit-animation-fill-mode: both;
|
||
|
|
-moz-animation-fill-mode: both;
|
||
|
|
-ms-animation-fill-mode: both;
|
||
|
|
-o-animation-fill-mode: both;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
}
|
||
|
|
.animate.slow-mo, .hover-bounce.slow-mo, .hover-flash.slow-mo, .hover-heartbeat.slow-mo, .hover-panic.slow-mo, .hover-pulsate.slow-mo, .hover-pulse.slow-mo, .hover-shakeH.slow-mo, .hover-shakeV.slow-mo, .hover-slingshotCCW.slow-mo, .hover-slingshotCW.slow-mo, .hover-spinCCW.slow-mo, .hover-spinCW.slow-mo, .hover-strobe.slow-mo, .hover-tada.slow-mo, .hover-wave.slow-mo, .hover-wobble.slow-mo, .trigger.slow-mo {
|
||
|
|
-webkit-animation-duration: 2s;
|
||
|
|
-moz-animation-duration: 2s;
|
||
|
|
-ms-animation-duration: 2s;
|
||
|
|
-o-animation-duration: 2s;
|
||
|
|
animation-duration: 2s;
|
||
|
|
}
|
||
|
|
.animate.super-slow-mo, .hover-bounce.super-slow-mo, .hover-flash.super-slow-mo, .hover-heartbeat.super-slow-mo, .hover-panic.super-slow-mo, .hover-pulsate.super-slow-mo, .hover-pulse.super-slow-mo, .hover-shakeH.super-slow-mo, .hover-shakeV.super-slow-mo, .hover-slingshotCCW.super-slow-mo, .hover-slingshotCW.super-slow-mo, .hover-spinCCW.super-slow-mo, .hover-spinCW.super-slow-mo, .hover-strobe.super-slow-mo, .hover-tada.super-slow-mo, .hover-wave.super-slow-mo, .hover-wobble.super-slow-mo, .trigger.super-slow-mo {
|
||
|
|
-webkit-animation-duration: 3s;
|
||
|
|
-moz-animation-duration: 3s;
|
||
|
|
-ms-animation-duration: 3s;
|
||
|
|
-o-animation-duration: 3s;
|
||
|
|
animation-duration: 3s;
|
||
|
|
}
|
||
|
|
.animate.ultra-slow-mo, .hover-bounce.ultra-slow-mo, .hover-flash.ultra-slow-mo, .hover-heartbeat.ultra-slow-mo, .hover-panic.ultra-slow-mo, .hover-pulsate.ultra-slow-mo, .hover-pulse.ultra-slow-mo, .hover-shakeH.ultra-slow-mo, .hover-shakeV.ultra-slow-mo, .hover-slingshotCCW.ultra-slow-mo, .hover-slingshotCW.ultra-slow-mo, .hover-spinCCW.ultra-slow-mo, .hover-spinCW.ultra-slow-mo, .hover-strobe.ultra-slow-mo, .hover-tada.ultra-slow-mo, .hover-wave.ultra-slow-mo, .hover-wobble.ultra-slow-mo, .trigger.ultra-slow-mo {
|
||
|
|
-webkit-animation-duration: 4s;
|
||
|
|
-moz-animation-duration: 4s;
|
||
|
|
-ms-animation-duration: 4s;
|
||
|
|
-o-animation-duration: 4s;
|
||
|
|
animation-duration: 4s;
|
||
|
|
}
|
||
|
|
.animate.hyper-slow-mo, .hover-bounce.hyper-slow-mo, .hover-flash.hyper-slow-mo, .hover-heartbeat.hyper-slow-mo, .hover-panic.hyper-slow-mo, .hover-pulsate.hyper-slow-mo, .hover-pulse.hyper-slow-mo, .hover-shakeH.hyper-slow-mo, .hover-shakeV.hyper-slow-mo, .hover-slingshotCCW.hyper-slow-mo, .hover-slingshotCW.hyper-slow-mo, .hover-spinCCW.hyper-slow-mo, .hover-spinCW.hyper-slow-mo, .hover-strobe.hyper-slow-mo, .hover-tada.hyper-slow-mo, .hover-wave.hyper-slow-mo, .hover-wobble.hyper-slow-mo, .trigger.hyper-slow-mo {
|
||
|
|
-webkit-animation-duration: 5s;
|
||
|
|
-moz-animation-duration: 5s;
|
||
|
|
-ms-animation-duration: 5s;
|
||
|
|
-o-animation-duration: 5s;
|
||
|
|
animation-duration: 5s;
|
||
|
|
}
|
||
|
|
.hover-bounce, .hover-flash, .hover-heartbeat, .hover-panic, .hover-pulsate, .hover-pulse, .hover-shakeH, .hover-shakeV, .hover-slingshotCCW, .hover-slingshotCW, .hover-spinCCW, .hover-spinCW, .hover-strobe, .hover-tada, .hover-wave, .hover-wobble, .ie .animate, .no-js .animate, .trigger {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.animate.infinite, .hover-bounce.infinite, .hover-flash.infinite, .hover-heartbeat.infinite, .hover-panic.infinite, .hover-pulsate.infinite, .hover-pulse.infinite, .hover-shakeH.infinite, .hover-shakeV.infinite, .hover-slingshotCCW.infinite, .hover-slingshotCW.infinite, .hover-spinCCW.infinite, .hover-spinCW.infinite, .hover-strobe.infinite, .hover-tada.infinite, .hover-wave.infinite, .hover-wobble.infinite, .trigger.infinite {
|
||
|
|
-webkit-animation-iteration-count: infinite;
|
||
|
|
-moz-animation-iteration-count: infinite;
|
||
|
|
-ms-animation-iteration-count: infinite;
|
||
|
|
-o-animation-iteration-count: infinite;
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeIn {
|
||
|
|
-webkit-animation-name: fadeIn;
|
||
|
|
-moz-animation-name: fadeIn;
|
||
|
|
-ms-animation-name: fadeIn;
|
||
|
|
-o-animation-name: fadeIn;
|
||
|
|
animation-name: fadeIn;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateY(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateY(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateY(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateY(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeInUp {
|
||
|
|
-webkit-animation-name: fadeInUp;
|
||
|
|
-moz-animation-name: fadeInUp;
|
||
|
|
-ms-animation-name: fadeInUp;
|
||
|
|
-o-animation-name: fadeInUp;
|
||
|
|
animation-name: fadeInUp;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateY(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateY(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateY(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateY(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeInDown {
|
||
|
|
-webkit-animation-name: fadeInDown;
|
||
|
|
-moz-animation-name: fadeInDown;
|
||
|
|
-ms-animation-name: fadeInDown;
|
||
|
|
-o-animation-name: fadeInDown;
|
||
|
|
animation-name: fadeInDown;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeInLeft {
|
||
|
|
-webkit-animation-name: fadeInLeft;
|
||
|
|
-moz-animation-name: fadeInLeft;
|
||
|
|
-ms-animation-name: fadeInLeft;
|
||
|
|
-o-animation-name: fadeInLeft;
|
||
|
|
animation-name: fadeInLeft;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateX(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateX(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateX(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateX(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateX(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeInRight {
|
||
|
|
-webkit-animation-name: fadeInRight;
|
||
|
|
-moz-animation-name: fadeInRight;
|
||
|
|
-ms-animation-name: fadeInRight;
|
||
|
|
-o-animation-name: fadeInRight;
|
||
|
|
animation-name: fadeInRight;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeInUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateY(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeInUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateY(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeInUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateY(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeInUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateY(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeInUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeInUpLarge {
|
||
|
|
-webkit-animation-name: fadeInUpLarge;
|
||
|
|
-moz-animation-name: fadeInUpLarge;
|
||
|
|
-ms-animation-name: fadeInUpLarge;
|
||
|
|
-o-animation-name: fadeInUpLarge;
|
||
|
|
animation-name: fadeInUpLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeInDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateY(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeInDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateY(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeInDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateY(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeInDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateY(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeInDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeInDownLarge {
|
||
|
|
-webkit-animation-name: fadeInDownLarge;
|
||
|
|
-moz-animation-name: fadeInDownLarge;
|
||
|
|
-ms-animation-name: fadeInDownLarge;
|
||
|
|
-o-animation-name: fadeInDownLarge;
|
||
|
|
animation-name: fadeInDownLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeInLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateX(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeInLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateX(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeInLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateX(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeInLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateX(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeInLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateX(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeInLeftLarge {
|
||
|
|
-webkit-animation-name: fadeInLeftLarge;
|
||
|
|
-moz-animation-name: fadeInLeftLarge;
|
||
|
|
-ms-animation-name: fadeInLeftLarge;
|
||
|
|
-o-animation-name: fadeInLeftLarge;
|
||
|
|
animation-name: fadeInLeftLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeInRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateX(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeInRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateX(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeInRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateX(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeInRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateX(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeInRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateX(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeInRightLarge {
|
||
|
|
-webkit-animation-name: fadeInRightLarge;
|
||
|
|
-moz-animation-name: fadeInRightLarge;
|
||
|
|
-ms-animation-name: fadeInRightLarge;
|
||
|
|
-o-animation-name: fadeInRightLarge;
|
||
|
|
animation-name: fadeInRightLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeOut {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeOut {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeOut {
|
||
|
|
-webkit-animation-name: fadeOut;
|
||
|
|
-moz-animation-name: fadeOut;
|
||
|
|
-ms-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(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeOutUp {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateY(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeOutUp {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateY(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeOutUp {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateY(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeOutUp {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeOutUp {
|
||
|
|
-webkit-animation-name: fadeOutUp;
|
||
|
|
-moz-animation-name: fadeOutUp;
|
||
|
|
-ms-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(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeOutDown {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateY(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeOutDown {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateY(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeOutDown {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateY(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeOutDown {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeOutDown {
|
||
|
|
-webkit-animation-name: fadeOutDown;
|
||
|
|
-moz-animation-name: fadeOutDown;
|
||
|
|
-ms-animation-name: fadeOutDown;
|
||
|
|
-o-animation-name: fadeOutDown;
|
||
|
|
animation-name: fadeOutDown;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeOutLeft {
|
||
|
|
-webkit-animation-name: fadeOutLeft;
|
||
|
|
-moz-animation-name: fadeOutLeft;
|
||
|
|
-ms-animation-name: fadeOutLeft;
|
||
|
|
-o-animation-name: fadeOutLeft;
|
||
|
|
animation-name: fadeOutLeft;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeOutRight {
|
||
|
|
-webkit-animation-name: fadeOutRight;
|
||
|
|
-moz-animation-name: fadeOutRight;
|
||
|
|
-ms-animation-name: fadeOutRight;
|
||
|
|
-o-animation-name: fadeOutRight;
|
||
|
|
animation-name: fadeOutRight;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeOutUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateY(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeOutUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateY(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeOutUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateY(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeOutUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateY(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeOutUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeOutUpLarge {
|
||
|
|
-webkit-animation-name: fadeOutUpLarge;
|
||
|
|
-moz-animation-name: fadeOutUpLarge;
|
||
|
|
-ms-animation-name: fadeOutUpLarge;
|
||
|
|
-o-animation-name: fadeOutUpLarge;
|
||
|
|
animation-name: fadeOutUpLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeOutDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateY(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeOutDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateY(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeOutDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateY(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeOutDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateY(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeOutDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeOutDownLarge {
|
||
|
|
-webkit-animation-name: fadeOutDownLarge;
|
||
|
|
-moz-animation-name: fadeOutDownLarge;
|
||
|
|
-ms-animation-name: fadeOutDownLarge;
|
||
|
|
-o-animation-name: fadeOutDownLarge;
|
||
|
|
animation-name: fadeOutDownLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeOutLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateX(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeOutLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateX(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeOutLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateX(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeOutLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateX(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeOutLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateX(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeOutLeftLarge {
|
||
|
|
-webkit-animation-name: fadeOutLeftLarge;
|
||
|
|
-moz-animation-name: fadeOutLeftLarge;
|
||
|
|
-ms-animation-name: fadeOutLeftLarge;
|
||
|
|
-o-animation-name: fadeOutLeftLarge;
|
||
|
|
animation-name: fadeOutLeftLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeOutRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateX(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes fadeOutRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateX(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes fadeOutRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateX(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes fadeOutRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateX(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fadeOutRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateX(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.fadeOutRightLarge {
|
||
|
|
-webkit-animation-name: fadeOutRightLarge;
|
||
|
|
-moz-animation-name: fadeOutRightLarge;
|
||
|
|
-ms-animation-name: fadeOutRightLarge;
|
||
|
|
-o-animation-name: fadeOutRightLarge;
|
||
|
|
animation-name: fadeOutRightLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomIn {
|
||
|
|
-webkit-animation-name: zoomIn;
|
||
|
|
-moz-animation-name: zoomIn;
|
||
|
|
-ms-animation-name: zoomIn;
|
||
|
|
-o-animation-name: zoomIn;
|
||
|
|
animation-name: zoomIn;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomInUp {
|
||
|
|
-webkit-animation-name: zoomInUp;
|
||
|
|
-moz-animation-name: zoomInUp;
|
||
|
|
-ms-animation-name: zoomInUp;
|
||
|
|
-o-animation-name: zoomInUp;
|
||
|
|
animation-name: zoomInUp;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomInDown {
|
||
|
|
-webkit-animation-name: zoomInDown;
|
||
|
|
-moz-animation-name: zoomInDown;
|
||
|
|
-ms-animation-name: zoomInDown;
|
||
|
|
-o-animation-name: zoomInDown;
|
||
|
|
animation-name: zoomInDown;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateX(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateX(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateX(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateX(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateX(-200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomInLeft {
|
||
|
|
-webkit-animation-name: zoomInLeft;
|
||
|
|
-moz-animation-name: zoomInLeft;
|
||
|
|
-ms-animation-name: zoomInLeft;
|
||
|
|
-o-animation-name: zoomInLeft;
|
||
|
|
animation-name: zoomInLeft;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateX(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateX(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateX(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateX(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateX(200px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomInRight {
|
||
|
|
-webkit-animation-name: zoomInRight;
|
||
|
|
-moz-animation-name: zoomInRight;
|
||
|
|
-ms-animation-name: zoomInRight;
|
||
|
|
-o-animation-name: zoomInRight;
|
||
|
|
animation-name: zoomInRight;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomInUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateY(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomInUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateY(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomInUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateY(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomInUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateY(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomInUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateY(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomInUpLarge {
|
||
|
|
-webkit-animation-name: zoomInUpLarge;
|
||
|
|
-moz-animation-name: zoomInUpLarge;
|
||
|
|
-ms-animation-name: zoomInUpLarge;
|
||
|
|
-o-animation-name: zoomInUpLarge;
|
||
|
|
animation-name: zoomInUpLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomInDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateY(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomInDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateY(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomInDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateY(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomInDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateY(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomInDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateY(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomInDownLarge {
|
||
|
|
-webkit-animation-name: zoomInDownLarge;
|
||
|
|
-moz-animation-name: zoomInDownLarge;
|
||
|
|
-ms-animation-name: zoomInDownLarge;
|
||
|
|
-o-animation-name: zoomInDownLarge;
|
||
|
|
animation-name: zoomInDownLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomInLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateX(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomInLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateX(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomInLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateX(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomInLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateX(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomInLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateX(-1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomInLeftLarge {
|
||
|
|
-webkit-animation-name: zoomInLeftLarge;
|
||
|
|
-moz-animation-name: zoomInLeftLarge;
|
||
|
|
-ms-animation-name: zoomInLeftLarge;
|
||
|
|
-o-animation-name: zoomInLeftLarge;
|
||
|
|
animation-name: zoomInLeftLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomInRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateX(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomInRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateX(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomInRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateX(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomInRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateX(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomInRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateX(1000px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomInRightLarge {
|
||
|
|
-webkit-animation-name: zoomInRightLarge;
|
||
|
|
-moz-animation-name: zoomInRightLarge;
|
||
|
|
-ms-animation-name: zoomInRightLarge;
|
||
|
|
-o-animation-name: zoomInRightLarge;
|
||
|
|
animation-name: zoomInRightLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomOut {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomOut {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomOut {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomOut {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomOut {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomOut {
|
||
|
|
-webkit-animation-name: zoomOut;
|
||
|
|
-moz-animation-name: zoomOut;
|
||
|
|
-ms-animation-name: zoomOut;
|
||
|
|
-o-animation-name: zoomOut;
|
||
|
|
animation-name: zoomOut;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomOutUp {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomOutUp {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomOutUp {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomOutUp {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomOutUp {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomOutUp {
|
||
|
|
-webkit-animation-name: zoomOutUp;
|
||
|
|
-moz-animation-name: zoomOutUp;
|
||
|
|
-ms-animation-name: zoomOutUp;
|
||
|
|
-o-animation-name: zoomOutUp;
|
||
|
|
animation-name: zoomOutUp;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomOutDown {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomOutDown {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomOutDown {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomOutDown {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomOutDown {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomOutDown {
|
||
|
|
-webkit-animation-name: zoomOutDown;
|
||
|
|
-moz-animation-name: zoomOutDown;
|
||
|
|
-ms-animation-name: zoomOutDown;
|
||
|
|
-o-animation-name: zoomOutDown;
|
||
|
|
animation-name: zoomOutDown;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomOutLeft {
|
||
|
|
-webkit-animation-name: zoomOutLeft;
|
||
|
|
-moz-animation-name: zoomOutLeft;
|
||
|
|
-ms-animation-name: zoomOutLeft;
|
||
|
|
-o-animation-name: zoomOutLeft;
|
||
|
|
animation-name: zoomOutLeft;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomOutRight {
|
||
|
|
-webkit-animation-name: zoomOutRight;
|
||
|
|
-moz-animation-name: zoomOutRight;
|
||
|
|
-ms-animation-name: zoomOutRight;
|
||
|
|
-o-animation-name: zoomOutRight;
|
||
|
|
animation-name: zoomOutRight;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomOutUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateY(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomOutUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateY(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomOutUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateY(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomOutUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateY(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomOutUpLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateY(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomOutUpLarge {
|
||
|
|
-webkit-animation-name: zoomOutUpLarge;
|
||
|
|
-moz-animation-name: zoomOutUpLarge;
|
||
|
|
-ms-animation-name: zoomOutUpLarge;
|
||
|
|
-o-animation-name: zoomOutUpLarge;
|
||
|
|
animation-name: zoomOutUpLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomOutDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateY(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomOutDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateY(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomOutDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateY(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomOutDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateY(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomOutDownLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateY(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomOutDownLarge {
|
||
|
|
-webkit-animation-name: zoomOutDownLarge;
|
||
|
|
-moz-animation-name: zoomOutDownLarge;
|
||
|
|
-ms-animation-name: zoomOutDownLarge;
|
||
|
|
-o-animation-name: zoomOutDownLarge;
|
||
|
|
animation-name: zoomOutDownLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomOutLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateX(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomOutLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateX(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomOutLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateX(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomOutLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateX(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomOutLeftLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateX(-1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomOutLeftLarge {
|
||
|
|
-webkit-animation-name: zoomOutLeftLarge;
|
||
|
|
-moz-animation-name: zoomOutLeftLarge;
|
||
|
|
-ms-animation-name: zoomOutLeftLarge;
|
||
|
|
-o-animation-name: zoomOutLeftLarge;
|
||
|
|
animation-name: zoomOutLeftLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes zoomOutRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateX(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes zoomOutRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateX(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes zoomOutRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateX(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes zoomOutRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateX(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes zoomOutRightLarge {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateX(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateX(1000px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.zoomOutRightLarge {
|
||
|
|
-webkit-animation-name: zoomOutRightLarge;
|
||
|
|
-moz-animation-name: zoomOutRightLarge;
|
||
|
|
-ms-animation-name: zoomOutRightLarge;
|
||
|
|
-o-animation-name: zoomOutRightLarge;
|
||
|
|
animation-name: zoomOutRightLarge;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes bounceIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
70% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(.9);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes bounceIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
70% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(.9);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes bounceIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
70% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(.9);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes bounceIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
70% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(.9);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes bounceIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1.1);
|
||
|
|
}
|
||
|
|
70% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(.9);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.bounceIn {
|
||
|
|
-webkit-animation-name: bounceIn;
|
||
|
|
-moz-animation-name: bounceIn;
|
||
|
|
-ms-animation-name: bounceIn;
|
||
|
|
-o-animation-name: bounceIn;
|
||
|
|
animation-name: bounceIn;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes bounceInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1.1) translateY(-40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(.9) translateY(20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes bounceInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1.1) translateY(-40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(.9) translateY(20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes bounceInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1.1) translateY(-40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(.9) translateY(20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes bounceInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1.1) translateY(-40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(.9) translateY(20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes bounceInUp {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateY(200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1.1) translateY(-40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(.9) translateY(20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.bounceInUp {
|
||
|
|
-webkit-animation-name: bounceInUp;
|
||
|
|
-moz-animation-name: bounceInUp;
|
||
|
|
-ms-animation-name: bounceInUp;
|
||
|
|
-o-animation-name: bounceInUp;
|
||
|
|
animation-name: bounceInUp;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes bounceInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1.1) translateY(40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(.9) translateY(-20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes bounceInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1.1) translateY(40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(.9) translateY(-20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes bounceInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1.1) translateY(40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(.9) translateY(-20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes bounceInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1.1) translateY(40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(.9) translateY(-20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes bounceInDown {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateY(-200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1.1) translateY(40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(.9) translateY(-20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.bounceInDown {
|
||
|
|
-webkit-animation-name: bounceInDown;
|
||
|
|
-moz-animation-name: bounceInDown;
|
||
|
|
-ms-animation-name: bounceInDown;
|
||
|
|
-o-animation-name: bounceInDown;
|
||
|
|
animation-name: bounceInDown;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes bounceInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateX(-200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1.1) translateX(40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(.9) translateX(-20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes bounceInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateX(-200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1.1) translateX(40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(.9) translateX(-20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes bounceInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateX(-200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1.1) translateX(40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(.9) translateX(-20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes bounceInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateX(-200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1.1) translateX(40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(.9) translateX(-20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes bounceInLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateX(-200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1.1) translateX(40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(.9) translateX(-20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.bounceInLeft {
|
||
|
|
-webkit-animation-name: bounceInLeft;
|
||
|
|
-moz-animation-name: bounceInLeft;
|
||
|
|
-ms-animation-name: bounceInLeft;
|
||
|
|
-o-animation-name: bounceInLeft;
|
||
|
|
animation-name: bounceInLeft;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes bounceInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0) translateX(200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1.1) translateX(-40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(.9) translateX(20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes bounceInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0) translateX(200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1.1) translateX(-40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(.9) translateX(20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes bounceInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0) translateX(200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1.1) translateX(-40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(.9) translateX(20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes bounceInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0) translateX(200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1.1) translateX(-40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(.9) translateX(20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes bounceInRight {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0) translateX(200px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1.1) translateX(-40px);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(.9) translateX(20px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateX(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.bounceInRight {
|
||
|
|
-webkit-animation-name: bounceInRight;
|
||
|
|
-moz-animation-name: bounceInRight;
|
||
|
|
-ms-animation-name: bounceInRight;
|
||
|
|
-o-animation-name: bounceInRight;
|
||
|
|
animation-name: bounceInRight;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes bounceOut {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(.9);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes bounceOut {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(.9);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: scale(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes bounceOut {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(.9);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: scale(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes bounceOut {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(.9);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: scale(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes bounceOut {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1.1);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(.9);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.bounceOut {
|
||
|
|
-webkit-animation-name: bounceOut;
|
||
|
|
-moz-animation-name: bounceOut;
|
||
|
|
-ms-animation-name: bounceOut;
|
||
|
|
-o-animation-name: bounceOut;
|
||
|
|
animation-name: bounceOut;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes bounceOutUp {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateY(40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateY(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes bounceOutUp {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateY(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateY(40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateY(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes bounceOutUp {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateY(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateY(40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateY(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes bounceOutUp {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateY(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateY(40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateY(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes bounceOutUp {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.bounceOutUp {
|
||
|
|
-webkit-animation-name: bounceOutUp;
|
||
|
|
-moz-animation-name: bounceOutUp;
|
||
|
|
-ms-animation-name: bounceOutUp;
|
||
|
|
-o-animation-name: bounceOutUp;
|
||
|
|
animation-name: bounceOutUp;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes bounceOutDown {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateY(-40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateY(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes bounceOutDown {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateY(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateY(-40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateY(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes bounceOutDown {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateY(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateY(-40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateY(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes bounceOutDown {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateY(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateY(-40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateY(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes bounceOutDown {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(-40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.bounceOutDown {
|
||
|
|
-webkit-animation-name: bounceOutDown;
|
||
|
|
-moz-animation-name: bounceOutDown;
|
||
|
|
-ms-animation-name: bounceOutDown;
|
||
|
|
-o-animation-name: bounceOutDown;
|
||
|
|
animation-name: bounceOutDown;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes bounceOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateX(40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes bounceOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateX(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateX(40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes bounceOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateX(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateX(40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes bounceOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateX(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateX(40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes bounceOutLeft {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateX(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateX(40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateX(-200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.bounceOutLeft {
|
||
|
|
-webkit-animation-name: bounceOutLeft;
|
||
|
|
-moz-animation-name: bounceOutLeft;
|
||
|
|
-ms-animation-name: bounceOutLeft;
|
||
|
|
-o-animation-name: bounceOutLeft;
|
||
|
|
animation-name: bounceOutLeft;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes bounceOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateX(-40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes bounceOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateX(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transform: translateX(-40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-moz-transform: translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes bounceOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateX(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-ms-transform: translateX(-40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-ms-transform: translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes bounceOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateX(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
-o-transform: translateX(-40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-o-transform: translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes bounceOutRight {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateX(0);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateX(-40px);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateX(200px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.animate.bounceOutRight {
|
||
|
|
-webkit-animation-name: bounceOutRight;
|
||
|
|
-moz-animation-name: bounceOutRight;
|
||
|
|
-ms-animation-name: bounceOutRight;
|
||
|
|
-o-animation-name: bounceOutRight;
|
||
|
|
animation-name: bounceOutRight;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes flash {
|
||
|
|
0%, 100%, 50% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
25%, 75% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes flash {
|
||
|
|
0%, 100%, 50% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
25%, 75% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes flash {
|
||
|
|
0%, 100%, 50% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
25%, 75% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes flash {
|
||
|
|
0%, 100%, 50% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
25%, 75% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes flash {
|
||
|
|
0%, 100%, 50% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
25%, 75% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-flash:hover, .trigger.flash {
|
||
|
|
-webkit-animation-name: flash;
|
||
|
|
-moz-animation-name: flash;
|
||
|
|
-ms-animation-name: flash;
|
||
|
|
-o-animation-name: flash;
|
||
|
|
animation-name: flash;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes strobe {
|
||
|
|
0%, 100%, 20%, 40%, 60%, 80% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
10%, 30%, 50%, 70%, 90% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes strobe {
|
||
|
|
0%, 100%, 20%, 40%, 60%, 80% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
10%, 30%, 50%, 70%, 90% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes strobe {
|
||
|
|
0%, 100%, 20%, 40%, 60%, 80% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
10%, 30%, 50%, 70%, 90% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes strobe {
|
||
|
|
0%, 100%, 20%, 40%, 60%, 80% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
10%, 30%, 50%, 70%, 90% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes strobe {
|
||
|
|
0%, 100%, 20%, 40%, 60%, 80% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
10%, 30%, 50%, 70%, 90% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-strobe:hover, .trigger.strobe {
|
||
|
|
-webkit-animation-name: strobe;
|
||
|
|
-moz-animation-name: strobe;
|
||
|
|
-ms-animation-name: strobe;
|
||
|
|
-o-animation-name: strobe;
|
||
|
|
animation-name: strobe;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes shakeH {
|
||
|
|
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 shakeH {
|
||
|
|
0%, 100% {
|
||
|
|
-moz-transform: translateX(0);
|
||
|
|
}
|
||
|
|
10%, 30%, 50%, 70%, 90% {
|
||
|
|
-moz-transform: translateX(-10px);
|
||
|
|
}
|
||
|
|
20%, 40%, 60%, 80% {
|
||
|
|
-moz-transform: translateX(10px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes shakeH {
|
||
|
|
0%, 100% {
|
||
|
|
-ms-transform: translateX(0);
|
||
|
|
}
|
||
|
|
10%, 30%, 50%, 70%, 90% {
|
||
|
|
-ms-transform: translateX(-10px);
|
||
|
|
}
|
||
|
|
20%, 40%, 60%, 80% {
|
||
|
|
-ms-transform: translateX(10px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes shakeH {
|
||
|
|
0%, 100% {
|
||
|
|
-o-transform: translateX(0);
|
||
|
|
}
|
||
|
|
10%, 30%, 50%, 70%, 90% {
|
||
|
|
-o-transform: translateX(-10px);
|
||
|
|
}
|
||
|
|
20%, 40%, 60%, 80% {
|
||
|
|
-o-transform: translateX(10px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes shakeH {
|
||
|
|
0%, 100% {
|
||
|
|
transform: translateX(0);
|
||
|
|
}
|
||
|
|
10%, 30%, 50%, 70%, 90% {
|
||
|
|
transform: translateX(-10px);
|
||
|
|
}
|
||
|
|
20%, 40%, 60%, 80% {
|
||
|
|
transform: translateX(10px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-shakeH:hover, .trigger.shakeH {
|
||
|
|
-webkit-animation-name: shakeH;
|
||
|
|
-moz-animation-name: shakeH;
|
||
|
|
-ms-animation-name: shakeH;
|
||
|
|
-o-animation-name: shakeH;
|
||
|
|
animation-name: shakeH;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes shakeV {
|
||
|
|
0%, 100% {
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
}
|
||
|
|
10%, 30%, 50%, 70%, 90% {
|
||
|
|
-webkit-transform: translateY(-10px);
|
||
|
|
}
|
||
|
|
20%, 40%, 60%, 80% {
|
||
|
|
-webkit-transform: translateY(10px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes shakeV {
|
||
|
|
0%, 100% {
|
||
|
|
-moz-transform: translateY(0);
|
||
|
|
}
|
||
|
|
10%, 30%, 50%, 70%, 90% {
|
||
|
|
-moz-transform: translateY(-10px);
|
||
|
|
}
|
||
|
|
20%, 40%, 60%, 80% {
|
||
|
|
-moz-transform: translateY(10px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes shakeV {
|
||
|
|
0%, 100% {
|
||
|
|
-ms-transform: translateY(0);
|
||
|
|
}
|
||
|
|
10%, 30%, 50%, 70%, 90% {
|
||
|
|
-ms-transform: translateY(-10px);
|
||
|
|
}
|
||
|
|
20%, 40%, 60%, 80% {
|
||
|
|
-ms-transform: translateY(10px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes shakeV {
|
||
|
|
0%, 100% {
|
||
|
|
-o-transform: translateY(0);
|
||
|
|
}
|
||
|
|
10%, 30%, 50%, 70%, 90% {
|
||
|
|
-o-transform: translateY(-10px);
|
||
|
|
}
|
||
|
|
20%, 40%, 60%, 80% {
|
||
|
|
-o-transform: translateY(10px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes shakeV {
|
||
|
|
0%, 100% {
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
10%, 30%, 50%, 70%, 90% {
|
||
|
|
transform: translateY(-10px);
|
||
|
|
}
|
||
|
|
20%, 40%, 60%, 80% {
|
||
|
|
transform: translateY(10px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-shakeV:hover, .trigger.shakeV {
|
||
|
|
-webkit-animation-name: shakeV;
|
||
|
|
-moz-animation-name: shakeV;
|
||
|
|
-ms-animation-name: shakeV;
|
||
|
|
-o-animation-name: shakeV;
|
||
|
|
animation-name: shakeV;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes bounce {
|
||
|
|
0%, 100%, 20%, 50%, 80% {
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
}
|
||
|
|
40% {
|
||
|
|
-webkit-transform: translateY(-30px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
-webkit-transform: translateY(-15px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes bounce {
|
||
|
|
0%, 100%, 20%, 50%, 80% {
|
||
|
|
-moz-transform: translateY(0);
|
||
|
|
}
|
||
|
|
40% {
|
||
|
|
-moz-transform: translateY(-30px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
-moz-transform: translateY(-15px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes bounce {
|
||
|
|
0%, 100%, 20%, 50%, 80% {
|
||
|
|
-ms-transform: translateY(0);
|
||
|
|
}
|
||
|
|
40% {
|
||
|
|
-ms-transform: translateY(-30px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
-ms-transform: translateY(-15px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes bounce {
|
||
|
|
0%, 100%, 20%, 50%, 80% {
|
||
|
|
-o-transform: translateY(0);
|
||
|
|
}
|
||
|
|
40% {
|
||
|
|
-o-transform: translateY(-30px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
-o-transform: translateY(-15px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes bounce {
|
||
|
|
0%, 100%, 20%, 50%, 80% {
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
40% {
|
||
|
|
transform: translateY(-30px);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
transform: translateY(-15px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-bounce:hover, .trigger.bounce {
|
||
|
|
-webkit-animation-name: bounce;
|
||
|
|
-moz-animation-name: bounce;
|
||
|
|
-ms-animation-name: bounce;
|
||
|
|
-o-animation-name: bounce;
|
||
|
|
animation-name: bounce;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes tada {
|
||
|
|
0%, 100% {
|
||
|
|
-webkit-transform: scale(1) rotate(0);
|
||
|
|
}
|
||
|
|
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);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes tada {
|
||
|
|
0%, 100% {
|
||
|
|
-moz-transform: scale(1) rotate(0);
|
||
|
|
}
|
||
|
|
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);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes tada {
|
||
|
|
0%, 100% {
|
||
|
|
-ms-transform: scale(1) rotate(0);
|
||
|
|
}
|
||
|
|
10%, 20% {
|
||
|
|
-ms-transform: scale(0.9) rotate(-3deg);
|
||
|
|
}
|
||
|
|
30%, 50%, 70%, 90% {
|
||
|
|
-ms-transform: scale(1.1) rotate(3deg);
|
||
|
|
}
|
||
|
|
40%, 60%, 80% {
|
||
|
|
-ms-transform: scale(1.1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes tada {
|
||
|
|
0%, 100% {
|
||
|
|
-o-transform: scale(1) rotate(0);
|
||
|
|
}
|
||
|
|
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);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes tada {
|
||
|
|
0%, 100% {
|
||
|
|
transform: scale(1) rotate(0);
|
||
|
|
}
|
||
|
|
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);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-tada:hover, .trigger.tada {
|
||
|
|
-webkit-animation-name: tada;
|
||
|
|
-moz-animation-name: tada;
|
||
|
|
-ms-animation-name: tada;
|
||
|
|
-o-animation-name: tada;
|
||
|
|
animation-name: tada;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes wave {
|
||
|
|
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 wave {
|
||
|
|
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);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes wave {
|
||
|
|
20% {
|
||
|
|
-ms-transform: rotate(15deg);
|
||
|
|
}
|
||
|
|
40% {
|
||
|
|
-ms-transform: rotate(-10deg);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
-ms-transform: rotate(5deg);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
-ms-transform: rotate(-5deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-ms-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes wave {
|
||
|
|
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 wave {
|
||
|
|
20% {
|
||
|
|
transform: rotate(15deg);
|
||
|
|
}
|
||
|
|
40% {
|
||
|
|
transform: rotate(-10deg);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
transform: rotate(5deg);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
transform: rotate(-5deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-wave:hover {
|
||
|
|
-webkit-animation-name: wave;
|
||
|
|
-moz-animation-name: wave;
|
||
|
|
-ms-animation-name: wave;
|
||
|
|
-o-animation-name: wave;
|
||
|
|
animation-name: wave;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes spinCW {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes spinCW {
|
||
|
|
0% {
|
||
|
|
-moz-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-moz-transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes spinCW {
|
||
|
|
0% {
|
||
|
|
-ms-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-ms-transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes spinCW {
|
||
|
|
0% {
|
||
|
|
-o-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-o-transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes spinCW {
|
||
|
|
0% {
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-spinCW:hover, .trigger.spinCW {
|
||
|
|
-webkit-animation-name: spinCW;
|
||
|
|
-moz-animation-name: spinCW;
|
||
|
|
-ms-animation-name: spinCW;
|
||
|
|
-o-animation-name: spinCW;
|
||
|
|
animation-name: spinCW;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes spinCCW {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(-360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes spinCCW {
|
||
|
|
0% {
|
||
|
|
-moz-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-moz-transform: rotate(-360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes spinCCW {
|
||
|
|
0% {
|
||
|
|
-ms-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-ms-transform: rotate(-360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes spinCCW {
|
||
|
|
0% {
|
||
|
|
-o-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-o-transform: rotate(-360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes spinCCW {
|
||
|
|
0% {
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
transform: rotate(-360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-spinCCW:hover, .trigger.spinCCW {
|
||
|
|
-webkit-animation-name: spinCCW;
|
||
|
|
-moz-animation-name: spinCCW;
|
||
|
|
-ms-animation-name: spinCCW;
|
||
|
|
-o-animation-name: spinCCW;
|
||
|
|
animation-name: spinCCW;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes slingshotCW {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
20%, 30% {
|
||
|
|
-webkit-transform: rotate(-45deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes slingshotCW {
|
||
|
|
0% {
|
||
|
|
-moz-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
20%, 30% {
|
||
|
|
-moz-transform: rotate(-45deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-moz-transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes slingshotCW {
|
||
|
|
0% {
|
||
|
|
-ms-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
20%, 30% {
|
||
|
|
-ms-transform: rotate(-45deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-ms-transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes slingshotCW {
|
||
|
|
0% {
|
||
|
|
-o-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
20%, 30% {
|
||
|
|
-o-transform: rotate(-45deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-o-transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes slingshotCW {
|
||
|
|
0% {
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
20%, 30% {
|
||
|
|
transform: rotate(-45deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-slingshotCW:hover, .trigger.slingshotCW {
|
||
|
|
-webkit-animation-name: slingshotCW;
|
||
|
|
-moz-animation-name: slingshotCW;
|
||
|
|
-ms-animation-name: slingshotCW;
|
||
|
|
-o-animation-name: slingshotCW;
|
||
|
|
animation-name: slingshotCW;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes slingshotCCW {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
20%, 30% {
|
||
|
|
-webkit-transform: rotate(45deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(-360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes slingshotCCW {
|
||
|
|
0% {
|
||
|
|
-moz-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
20%, 30% {
|
||
|
|
-moz-transform: rotate(45deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-moz-transform: rotate(-360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes slingshotCCW {
|
||
|
|
0% {
|
||
|
|
-ms-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
20%, 30% {
|
||
|
|
-ms-transform: rotate(45deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-ms-transform: rotate(-360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes slingshotCCW {
|
||
|
|
0% {
|
||
|
|
-o-transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
20%, 30% {
|
||
|
|
-o-transform: rotate(45deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-o-transform: rotate(-360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes slingshotCCW {
|
||
|
|
0% {
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
20%, 30% {
|
||
|
|
transform: rotate(45deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
transform: rotate(-360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-slingshotCCW:hover, .trigger.slingshotCCW {
|
||
|
|
-webkit-animation-name: slingshotCCW;
|
||
|
|
-moz-animation-name: slingshotCCW;
|
||
|
|
-ms-animation-name: slingshotCCW;
|
||
|
|
-o-animation-name: slingshotCCW;
|
||
|
|
animation-name: slingshotCCW;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes wobble {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: translateX(0px);
|
||
|
|
}
|
||
|
|
15% {
|
||
|
|
-webkit-transform: translateX(-25px) rotate(-5deg);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
-webkit-transform: translateX(20px) rotate(3deg);
|
||
|
|
}
|
||
|
|
45% {
|
||
|
|
-webkit-transform: translateX(-15px) rotate(-3deg);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
-webkit-transform: translateX(10px) rotate(2deg);
|
||
|
|
}
|
||
|
|
75% {
|
||
|
|
-webkit-transform: translateX(-5px) rotate(-1deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-webkit-transform: translateX(0px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes wobble {
|
||
|
|
0% {
|
||
|
|
-moz-transform: translateX(0px);
|
||
|
|
}
|
||
|
|
15% {
|
||
|
|
-moz-transform: translateX(-25px) rotate(-5deg);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
-moz-transform: translateX(20px) rotate(3deg);
|
||
|
|
}
|
||
|
|
45% {
|
||
|
|
-moz-transform: translateX(-15px) rotate(-3deg);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
-moz-transform: translateX(10px) rotate(2deg);
|
||
|
|
}
|
||
|
|
75% {
|
||
|
|
-moz-transform: translateX(-5px) rotate(-1deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-moz-transform: translateX(0px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes wobble {
|
||
|
|
0% {
|
||
|
|
-ms-transform: translateX(0px);
|
||
|
|
}
|
||
|
|
15% {
|
||
|
|
-ms-transform: translateX(-25px) rotate(-5deg);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
-ms-transform: translateX(20px) rotate(3deg);
|
||
|
|
}
|
||
|
|
45% {
|
||
|
|
-ms-transform: translateX(-15px) rotate(-3deg);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
-ms-transform: translateX(10px) rotate(2deg);
|
||
|
|
}
|
||
|
|
75% {
|
||
|
|
-ms-transform: translateX(-5px) rotate(-1deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-ms-transform: translateX(0px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes wobble {
|
||
|
|
0% {
|
||
|
|
-o-transform: translateX(0px);
|
||
|
|
}
|
||
|
|
15% {
|
||
|
|
-o-transform: translateX(-25px) rotate(-5deg);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
-o-transform: translateX(20px) rotate(3deg);
|
||
|
|
}
|
||
|
|
45% {
|
||
|
|
-o-transform: translateX(-15px) rotate(-3deg);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
-o-transform: translateX(10px) rotate(2deg);
|
||
|
|
}
|
||
|
|
75% {
|
||
|
|
-o-transform: translateX(-5px) rotate(-1deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-o-transform: translateX(0px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes wobble {
|
||
|
|
0% {
|
||
|
|
transform: translateX(0px);
|
||
|
|
}
|
||
|
|
15% {
|
||
|
|
transform: translateX(-25px) rotate(-5deg);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
transform: translateX(20px) rotate(3deg);
|
||
|
|
}
|
||
|
|
45% {
|
||
|
|
transform: translateX(-15px) rotate(-3deg);
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
transform: translateX(10px) rotate(2deg);
|
||
|
|
}
|
||
|
|
75% {
|
||
|
|
transform: translateX(-5px) rotate(-1deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
transform: translateX(0px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-wobble:hover, .trigger.wobble {
|
||
|
|
-webkit-animation-name: wobble;
|
||
|
|
-moz-animation-name: wobble;
|
||
|
|
-ms-animation-name: wobble;
|
||
|
|
-o-animation-name: wobble;
|
||
|
|
animation-name: wobble;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes pulse {
|
||
|
|
0%, 100% {
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
-webkit-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes pulse {
|
||
|
|
0%, 100% {
|
||
|
|
-moz-transform: scale(1);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
-moz-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes pulse {
|
||
|
|
0%, 100% {
|
||
|
|
-ms-transform: scale(1);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
-ms-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes pulse {
|
||
|
|
0%, 100% {
|
||
|
|
-o-transform: scale(1);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
-o-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes pulse {
|
||
|
|
0%, 100% {
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-pulse:hover, .trigger.pulse {
|
||
|
|
-webkit-animation-name: pulse;
|
||
|
|
-moz-animation-name: pulse;
|
||
|
|
-ms-animation-name: pulse;
|
||
|
|
-o-animation-name: pulse;
|
||
|
|
animation-name: pulse;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes pulsate {
|
||
|
|
0%, 100%, 50% {
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
}
|
||
|
|
25%, 75% {
|
||
|
|
-webkit-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes pulsate {
|
||
|
|
0%, 100%, 50% {
|
||
|
|
-moz-transform: scale(1);
|
||
|
|
}
|
||
|
|
25%, 75% {
|
||
|
|
-moz-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes pulsate {
|
||
|
|
0%, 100%, 50% {
|
||
|
|
-ms-transform: scale(1);
|
||
|
|
}
|
||
|
|
25%, 75% {
|
||
|
|
-ms-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes pulsate {
|
||
|
|
0%, 100%, 50% {
|
||
|
|
-o-transform: scale(1);
|
||
|
|
}
|
||
|
|
25%, 75% {
|
||
|
|
-o-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes pulsate {
|
||
|
|
0%, 100%, 50% {
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
25%, 75% {
|
||
|
|
transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-pulsate:hover, .trigger.pulsate {
|
||
|
|
-webkit-animation-name: pulsate;
|
||
|
|
-moz-animation-name: pulsate;
|
||
|
|
-ms-animation-name: pulsate;
|
||
|
|
-o-animation-name: pulsate;
|
||
|
|
animation-name: pulsate;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes heartbeat {
|
||
|
|
0%, 30%, 50%, 60%, 80% {
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
}
|
||
|
|
40%, 70% {
|
||
|
|
-webkit-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes heartbeat {
|
||
|
|
0%, 30%, 50%, 60%, 80% {
|
||
|
|
-moz-transform: scale(1);
|
||
|
|
}
|
||
|
|
40%, 70% {
|
||
|
|
-moz-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes heartbeat {
|
||
|
|
0%, 30%, 50%, 60%, 80% {
|
||
|
|
-ms-transform: scale(1);
|
||
|
|
}
|
||
|
|
40%, 70% {
|
||
|
|
-ms-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes heartbeat {
|
||
|
|
0%, 30%, 50%, 60%, 80% {
|
||
|
|
-o-transform: scale(1);
|
||
|
|
}
|
||
|
|
40%, 70% {
|
||
|
|
-o-transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes heartbeat {
|
||
|
|
0%, 30%, 50%, 60%, 80% {
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
40%, 70% {
|
||
|
|
transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-heartbeat:hover, .trigger.heartbeat {
|
||
|
|
-webkit-animation-name: heartbeat;
|
||
|
|
-moz-animation-name: heartbeat;
|
||
|
|
-ms-animation-name: heartbeat;
|
||
|
|
-o-animation-name: heartbeat;
|
||
|
|
animation-name: heartbeat;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes panic {
|
||
|
|
0%, 100% {
|
||
|
|
-webkit-transform: scale(1) rotate(0);
|
||
|
|
}
|
||
|
|
10%, 60% {
|
||
|
|
-webkit-transform: scale(1.1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
20%, 40% {
|
||
|
|
-webkit-transform: scale(1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
-webkit-transform: scale(1.1) rotate(3deg);
|
||
|
|
}
|
||
|
|
50%, 70%, 90% {
|
||
|
|
-webkit-transform: scale(1) rotate(3deg);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
-webkit-transform: scale(1.1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-moz-keyframes panic {
|
||
|
|
0%, 100% {
|
||
|
|
-moz-transform: scale(1) rotate(0);
|
||
|
|
}
|
||
|
|
10%, 60% {
|
||
|
|
-moz-transform: scale(1.1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
20%, 40% {
|
||
|
|
-moz-transform: scale(1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
-moz-transform: scale(1.1) rotate(3deg);
|
||
|
|
}
|
||
|
|
50%, 70%, 90% {
|
||
|
|
-moz-transform: scale(1) rotate(3deg);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
-moz-transform: scale(1.1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-ms-keyframes panic {
|
||
|
|
0%, 100% {
|
||
|
|
-ms-transform: scale(1) rotate(0);
|
||
|
|
}
|
||
|
|
10%, 60% {
|
||
|
|
-ms-transform: scale(1.1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
20%, 40% {
|
||
|
|
-ms-transform: scale(1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
-ms-transform: scale(1.1) rotate(3deg);
|
||
|
|
}
|
||
|
|
50%, 70%, 90% {
|
||
|
|
-ms-transform: scale(1) rotate(3deg);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
-ms-transform: scale(1.1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-o-keyframes panic {
|
||
|
|
0%, 100% {
|
||
|
|
-o-transform: scale(1) rotate(0);
|
||
|
|
}
|
||
|
|
10%, 60% {
|
||
|
|
-o-transform: scale(1.1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
20%, 40% {
|
||
|
|
-o-transform: scale(1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
-o-transform: scale(1.1) rotate(3deg);
|
||
|
|
}
|
||
|
|
50%, 70%, 90% {
|
||
|
|
-o-transform: scale(1) rotate(3deg);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
-o-transform: scale(1.1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes panic {
|
||
|
|
0%, 100% {
|
||
|
|
transform: scale(1) rotate(0);
|
||
|
|
}
|
||
|
|
10%, 60% {
|
||
|
|
transform: scale(1.1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
20%, 40% {
|
||
|
|
transform: scale(1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
transform: scale(1.1) rotate(3deg);
|
||
|
|
}
|
||
|
|
50%, 70%, 90% {
|
||
|
|
transform: scale(1) rotate(3deg);
|
||
|
|
}
|
||
|
|
80% {
|
||
|
|
transform: scale(1.1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.hover-panic:hover, .trigger.panic {
|
||
|
|
-webkit-animation-name: panic;
|
||
|
|
-moz-animation-name: panic;
|
||
|
|
-ms-animation-name: panic;
|
||
|
|
-o-animation-name: panic;
|
||
|
|
animation-name: panic;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 7.0 jQuery ui
|
||
|
|
|
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
|
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
* jQuery UI CSS Framework 1.8.22
|
||
|
|
*
|
||
|
|
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
|
||
|
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||
|
|
* http://jquery.org/license
|
||
|
|
*
|
||
|
|
* http://docs.jquery.com/UI/Theming
|
||
|
|
*/
|
||
|
|
|
||
|
|
.ui-helper-hidden {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.ui-helper-hidden-accessible {
|
||
|
|
position: absolute !important;
|
||
|
|
clip: rect(1px, 1px, 1px, 1px);
|
||
|
|
}
|
||
|
|
.ui-helper-reset {
|
||
|
|
border: 0;
|
||
|
|
outline: 0;
|
||
|
|
line-height: 1.3;
|
||
|
|
text-decoration: none;
|
||
|
|
font-size: 100%;
|
||
|
|
list-style: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
|
||
|
|
content: "";
|
||
|
|
display: table;
|
||
|
|
}
|
||
|
|
.ui-helper-clearfix:after {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.ui-helper-clearfix {
|
||
|
|
zoom: 1;
|
||
|
|
}
|
||
|
|
.ui-helper-zfix {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
opacity: 0;
|
||
|
|
filter: Alpha(Opacity=0);
|
||
|
|
}
|
||
|
|
.ui-state-disabled {
|
||
|
|
cursor: default !important;
|
||
|
|
}
|
||
|
|
.ui-icon {
|
||
|
|
display: block;
|
||
|
|
text-indent: -99999px;
|
||
|
|
overflow: hidden;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
background-image: url(images/ui-icons_222222_256x240.png);
|
||
|
|
}
|
||
|
|
.ui-widget-overlay {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
|
||
|
|
opacity: .3;
|
||
|
|
filter: Alpha(Opacity=30);
|
||
|
|
}
|
||
|
|
.ui-accordion {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-accordion-header {
|
||
|
|
cursor: pointer;
|
||
|
|
position: relative;
|
||
|
|
margin-top: 1px;
|
||
|
|
zoom: 1;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 1px;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-accordion-li-fix {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-accordion-header-active {
|
||
|
|
border-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-accordion-header a {
|
||
|
|
display: block;
|
||
|
|
font-size: 13px;
|
||
|
|
padding: .5em .5em .5em .7em;
|
||
|
|
}
|
||
|
|
.ui-accordion-icons .ui-accordion-header a {
|
||
|
|
padding-left: 30px;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-accordion-header .ui-icon {
|
||
|
|
position: absolute;
|
||
|
|
left: .5em;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -8px;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-accordion-content {
|
||
|
|
border-top: 0;
|
||
|
|
margin-top: -2px;
|
||
|
|
position: relative;
|
||
|
|
top: 1px;
|
||
|
|
margin-bottom: 2px;
|
||
|
|
overflow: auto;
|
||
|
|
display: none;
|
||
|
|
zoom: 1;
|
||
|
|
-webkit-border-radius: 0 0 6px 4px;
|
||
|
|
border-radius: 0 0 6px 4px;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 1px;
|
||
|
|
padding: 1em 2.2em;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-accordion-content-active {
|
||
|
|
display: block;
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-state-active {
|
||
|
|
background: none !important;
|
||
|
|
font-weight: 700;
|
||
|
|
-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.00);
|
||
|
|
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.00);
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-icon {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-state-default {
|
||
|
|
background: url(images/bg_widget_header.png) no-repeat 0 0;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-state-hover {
|
||
|
|
background: url(images/bg_widget_header_active.png) no-repeat 0 0;
|
||
|
|
}
|
||
|
|
.ui-tabs {
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
zoom: 1;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
background: none !important;
|
||
|
|
-webkit-border-radius: 5px !important;
|
||
|
|
border-radius: 5px !important;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 1px;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav {
|
||
|
|
display: block;
|
||
|
|
background-image: url(../images/bg_panel.png);
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
background-position: left top;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 0 0 1px;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li {
|
||
|
|
list-style: none;
|
||
|
|
float: left;
|
||
|
|
position: relative;
|
||
|
|
white-space: nowrap;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 0 1px 0 0;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li a {
|
||
|
|
text-decoration: none;
|
||
|
|
display: block;
|
||
|
|
font-size: 13px;
|
||
|
|
font-weight: 700;
|
||
|
|
padding: 14px 30px !important;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li a i {
|
||
|
|
margin-right: 4px;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .ui-tabs .ui-tabs-nav li.ui-state-active:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 5px;
|
||
|
|
width: 100%;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
bottom: -5px;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a, .ui-tabs .ui-tabs-nav li.ui-state-active a {
|
||
|
|
cursor: text;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .ui-tabs .ui-tabs-nav li.ui-state-active a:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 1px;
|
||
|
|
width: 80%;
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -40%;
|
||
|
|
bottom: -1px;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-panel {
|
||
|
|
display: block;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background-image: url(../images/box_shadow.png);
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
background-position: left top;
|
||
|
|
border-width: 0;
|
||
|
|
padding: 15px 20px 20px !important;
|
||
|
|
margin: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel {
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-panel p:last-child {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-hide {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
.ui-widget .ui-widget {
|
||
|
|
font-size: 1em;
|
||
|
|
}
|
||
|
|
.ui-widget-content {
|
||
|
|
background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 1px;
|
||
|
|
}
|
||
|
|
.ui-widget-header {
|
||
|
|
font-weight: 700;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 1px;
|
||
|
|
}
|
||
|
|
.ui-widget :active {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
|
||
|
|
border: 1px solid #fcefa1;
|
||
|
|
background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
|
||
|
|
color: #363636;
|
||
|
|
}
|
||
|
|
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
|
||
|
|
color: #363636;
|
||
|
|
}
|
||
|
|
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
|
||
|
|
border: 1px solid #cd0a0a;
|
||
|
|
background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
|
||
|
|
color: #cd0a0a;
|
||
|
|
}
|
||
|
|
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
|
||
|
|
opacity: .7;
|
||
|
|
filter: Alpha(Opacity=70);
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
|
||
|
|
opacity: .35;
|
||
|
|
filter: Alpha(Opacity=35);
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.ui-state-default .ui-icon {
|
||
|
|
background-image: url(images/ui-icons_888888_256x240.png);
|
||
|
|
}
|
||
|
|
.ui-state-highlight .ui-icon {
|
||
|
|
background-image: url(images/ui-icons_2e83ff_256x240.png);
|
||
|
|
}
|
||
|
|
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
|
||
|
|
background-image: url(images/ui-icons_cd0a0a_256x240.png);
|
||
|
|
}
|
||
|
|
.ui-icon-carat-1-n {
|
||
|
|
background-position: 0 0;
|
||
|
|
}
|
||
|
|
.ui-icon-carat-1-ne {
|
||
|
|
background-position: -16px 0;
|
||
|
|
}
|
||
|
|
.ui-icon-carat-1-e {
|
||
|
|
background-position: -32px 0;
|
||
|
|
}
|
||
|
|
.ui-icon-carat-1-se {
|
||
|
|
background-position: -48px 0;
|
||
|
|
}
|
||
|
|
.ui-icon-carat-1-s {
|
||
|
|
background-position: -64px 0;
|
||
|
|
}
|
||
|
|
.ui-icon-carat-1-sw {
|
||
|
|
background-position: -80px 0;
|
||
|
|
}
|
||
|
|
.ui-icon-carat-1-w {
|
||
|
|
background-position: -96px 0;
|
||
|
|
}
|
||
|
|
.ui-icon-carat-1-nw {
|
||
|
|
background-position: -112px 0;
|
||
|
|
}
|
||
|
|
.ui-icon-carat-2-n-s {
|
||
|
|
background-position: -128px 0;
|
||
|
|
}
|
||
|
|
.ui-icon-carat-2-e-w {
|
||
|
|
background-position: -144px 0;
|
||
|
|
}
|
||
|
|
.ui-icon-triangle-1-n {
|
||
|
|
background-position: 0 -16px;
|
||
|
|
}
|
||
|
|
.ui-icon-triangle-1-ne {
|
||
|
|
background-position: -16px -16px;
|
||
|
|
}
|
||
|
|
.ui-icon-triangle-1-e {
|
||
|
|
background-position: -32px -16px;
|
||
|
|
}
|
||
|
|
.ui-icon-triangle-1-se {
|
||
|
|
background-position: -48px -16px;
|
||
|
|
}
|
||
|
|
.ui-icon-triangle-1-s {
|
||
|
|
background-position: -64px -16px;
|
||
|
|
}
|
||
|
|
.ui-icon-triangle-1-sw {
|
||
|
|
background-position: -80px -16px;
|
||
|
|
}
|
||
|
|
.ui-icon-triangle-1-w {
|
||
|
|
background-position: -96px -16px;
|
||
|
|
}
|
||
|
|
.ui-icon-triangle-1-nw {
|
||
|
|
background-position: -112px -16px;
|
||
|
|
}
|
||
|
|
.ui-icon-triangle-2-n-s {
|
||
|
|
background-position: -128px -16px;
|
||
|
|
}
|
||
|
|
.ui-icon-triangle-2-e-w {
|
||
|
|
background-position: -144px -16px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrow-1-n {
|
||
|
|
background-position: 0 -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrow-1-ne {
|
||
|
|
background-position: -16px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrow-1-e {
|
||
|
|
background-position: -32px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrow-1-se {
|
||
|
|
background-position: -48px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrow-1-s {
|
||
|
|
background-position: -64px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrow-1-sw {
|
||
|
|
background-position: -80px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrow-1-w {
|
||
|
|
background-position: -96px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrow-1-nw {
|
||
|
|
background-position: -112px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrow-2-n-s {
|
||
|
|
background-position: -128px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrow-2-ne-sw {
|
||
|
|
background-position: -144px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrow-2-e-w {
|
||
|
|
background-position: -160px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrow-2-se-nw {
|
||
|
|
background-position: -176px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowstop-1-n {
|
||
|
|
background-position: -192px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowstop-1-e {
|
||
|
|
background-position: -208px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowstop-1-s {
|
||
|
|
background-position: -224px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowstop-1-w {
|
||
|
|
background-position: -240px -32px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthick-1-n {
|
||
|
|
background-position: 0 -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthick-1-ne {
|
||
|
|
background-position: -16px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthick-1-e {
|
||
|
|
background-position: -32px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthick-1-se {
|
||
|
|
background-position: -48px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthick-1-s {
|
||
|
|
background-position: -64px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthick-1-sw {
|
||
|
|
background-position: -80px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthick-1-w {
|
||
|
|
background-position: -96px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthick-1-nw {
|
||
|
|
background-position: -112px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthick-2-n-s {
|
||
|
|
background-position: -128px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthick-2-ne-sw {
|
||
|
|
background-position: -144px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthick-2-e-w {
|
||
|
|
background-position: -160px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthick-2-se-nw {
|
||
|
|
background-position: -176px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthickstop-1-n {
|
||
|
|
background-position: -192px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthickstop-1-e {
|
||
|
|
background-position: -208px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthickstop-1-s {
|
||
|
|
background-position: -224px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowthickstop-1-w {
|
||
|
|
background-position: -240px -48px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowreturnthick-1-w {
|
||
|
|
background-position: 0 -64px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowreturnthick-1-n {
|
||
|
|
background-position: -16px -64px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowreturnthick-1-e {
|
||
|
|
background-position: -32px -64px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowreturnthick-1-s {
|
||
|
|
background-position: -48px -64px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowreturn-1-w {
|
||
|
|
background-position: -64px -64px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowreturn-1-n {
|
||
|
|
background-position: -80px -64px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowreturn-1-e {
|
||
|
|
background-position: -96px -64px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowreturn-1-s {
|
||
|
|
background-position: -112px -64px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowrefresh-1-w {
|
||
|
|
background-position: -128px -64px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowrefresh-1-n {
|
||
|
|
background-position: -144px -64px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowrefresh-1-e {
|
||
|
|
background-position: -160px -64px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrowrefresh-1-s {
|
||
|
|
background-position: -176px -64px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrow-4 {
|
||
|
|
background-position: 0 -80px;
|
||
|
|
}
|
||
|
|
.ui-icon-arrow-4-diag {
|
||
|
|
background-position: -16px -80px;
|
||
|
|
}
|
||
|
|
.ui-icon-extlink {
|
||
|
|
background-position: -32px -80px;
|
||
|
|
}
|
||
|
|
.ui-icon-newwin {
|
||
|
|
background-position: -48px -80px;
|
||
|
|
}
|
||
|
|
.ui-icon-refresh {
|
||
|
|
background-position: -64px -80px;
|
||
|
|
}
|
||
|
|
.ui-icon-shuffle {
|
||
|
|
background-position: -80px -80px;
|
||
|
|
}
|
||
|
|
.ui-icon-transfer-e-w {
|
||
|
|
background-position: -96px -80px;
|
||
|
|
}
|
||
|
|
.ui-icon-transferthick-e-w {
|
||
|
|
background-position: -112px -80px;
|
||
|
|
}
|
||
|
|
.ui-icon-folder-collapsed {
|
||
|
|
background-position: 0 -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-folder-open {
|
||
|
|
background-position: -16px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-document {
|
||
|
|
background-position: -32px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-document-b {
|
||
|
|
background-position: -48px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-note {
|
||
|
|
background-position: -64px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-mail-closed {
|
||
|
|
background-position: -80px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-mail-open {
|
||
|
|
background-position: -96px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-suitcase {
|
||
|
|
background-position: -112px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-comment {
|
||
|
|
background-position: -128px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-person {
|
||
|
|
background-position: -144px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-print {
|
||
|
|
background-position: -160px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-trash {
|
||
|
|
background-position: -176px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-locked {
|
||
|
|
background-position: -192px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-unlocked {
|
||
|
|
background-position: -208px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-bookmark {
|
||
|
|
background-position: -224px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-tag {
|
||
|
|
background-position: -240px -96px;
|
||
|
|
}
|
||
|
|
.ui-icon-home {
|
||
|
|
background-position: 0 -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-flag {
|
||
|
|
background-position: -16px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-calendar {
|
||
|
|
background-position: -32px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-cart {
|
||
|
|
background-position: -48px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-pencil {
|
||
|
|
background-position: -64px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-clock {
|
||
|
|
background-position: -80px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-disk {
|
||
|
|
background-position: -96px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-calculator {
|
||
|
|
background-position: -112px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-zoomin {
|
||
|
|
background-position: -128px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-zoomout {
|
||
|
|
background-position: -144px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-search {
|
||
|
|
background-position: -160px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-wrench {
|
||
|
|
background-position: -176px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-gear {
|
||
|
|
background-position: -192px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-heart {
|
||
|
|
background-position: -208px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-star {
|
||
|
|
background-position: -224px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-link {
|
||
|
|
background-position: -240px -112px;
|
||
|
|
}
|
||
|
|
.ui-icon-cancel {
|
||
|
|
background-position: 0 -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-plus {
|
||
|
|
background-position: -16px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-plusthick {
|
||
|
|
background-position: -32px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-minus {
|
||
|
|
background-position: -48px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-minusthick {
|
||
|
|
background-position: -64px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-close {
|
||
|
|
background-position: -80px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-closethick {
|
||
|
|
background-position: -96px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-key {
|
||
|
|
background-position: -112px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-lightbulb {
|
||
|
|
background-position: -128px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-scissors {
|
||
|
|
background-position: -144px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-clipboard {
|
||
|
|
background-position: -160px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-copy {
|
||
|
|
background-position: -176px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-contact {
|
||
|
|
background-position: -192px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-image {
|
||
|
|
background-position: -208px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-video {
|
||
|
|
background-position: -224px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-script {
|
||
|
|
background-position: -240px -128px;
|
||
|
|
}
|
||
|
|
.ui-icon-alert {
|
||
|
|
background-position: 0 -144px;
|
||
|
|
}
|
||
|
|
.ui-icon-info {
|
||
|
|
background-position: -16px -144px;
|
||
|
|
}
|
||
|
|
.ui-icon-notice {
|
||
|
|
background-position: -32px -144px;
|
||
|
|
}
|
||
|
|
.ui-icon-help {
|
||
|
|
background-position: -48px -144px;
|
||
|
|
}
|
||
|
|
.ui-icon-check {
|
||
|
|
background-position: -64px -144px;
|
||
|
|
}
|
||
|
|
.ui-icon-bullet {
|
||
|
|
background-position: -80px -144px;
|
||
|
|
}
|
||
|
|
.ui-icon-radio-off {
|
||
|
|
background-position: -96px -144px;
|
||
|
|
}
|
||
|
|
.ui-icon-radio-on {
|
||
|
|
background-position: -112px -144px;
|
||
|
|
}
|
||
|
|
.ui-icon-pin-w {
|
||
|
|
background-position: -128px -144px;
|
||
|
|
}
|
||
|
|
.ui-icon-pin-s {
|
||
|
|
background-position: -144px -144px;
|
||
|
|
}
|
||
|
|
.ui-icon-play {
|
||
|
|
background-position: 0 -160px;
|
||
|
|
}
|
||
|
|
.ui-icon-pause {
|
||
|
|
background-position: -16px -160px;
|
||
|
|
}
|
||
|
|
.ui-icon-seek-next {
|
||
|
|
background-position: -32px -160px;
|
||
|
|
}
|
||
|
|
.ui-icon-seek-prev {
|
||
|
|
background-position: -48px -160px;
|
||
|
|
}
|
||
|
|
.ui-icon-seek-end {
|
||
|
|
background-position: -64px -160px;
|
||
|
|
}
|
||
|
|
.ui-icon-stop {
|
||
|
|
background-position: -96px -160px;
|
||
|
|
}
|
||
|
|
.ui-icon-eject {
|
||
|
|
background-position: -112px -160px;
|
||
|
|
}
|
||
|
|
.ui-icon-volume-off {
|
||
|
|
background-position: -128px -160px;
|
||
|
|
}
|
||
|
|
.ui-icon-volume-on {
|
||
|
|
background-position: -144px -160px;
|
||
|
|
}
|
||
|
|
.ui-icon-power {
|
||
|
|
background-position: 0 -176px;
|
||
|
|
}
|
||
|
|
.ui-icon-signal-diag {
|
||
|
|
background-position: -16px -176px;
|
||
|
|
}
|
||
|
|
.ui-icon-signal {
|
||
|
|
background-position: -32px -176px;
|
||
|
|
}
|
||
|
|
.ui-icon-battery-0 {
|
||
|
|
background-position: -48px -176px;
|
||
|
|
}
|
||
|
|
.ui-icon-battery-1 {
|
||
|
|
background-position: -64px -176px;
|
||
|
|
}
|
||
|
|
.ui-icon-battery-2 {
|
||
|
|
background-position: -80px -176px;
|
||
|
|
}
|
||
|
|
.ui-icon-battery-3 {
|
||
|
|
background-position: -96px -176px;
|
||
|
|
}
|
||
|
|
.ui-icon-circle-plus {
|
||
|
|
background-position: 0 -192px;
|
||
|
|
}
|
||
|
|
.ui-icon-circle-minus {
|
||
|
|
background-position: -16px -192px;
|
||
|
|
}
|
||
|
|
.ui-icon-circle-close {
|
||
|
|
background-position: -32px -192px;
|
||
|
|
}
|
||
|
|
.ui-icon-circle-triangle-e {
|
||
|
|
background-position: -48px -192px;
|
||
|
|
}
|
||
|
|
.ui-icon-circle-triangle-s {
|
||
|
|
background-position: -64px -192px;
|
||
|
|
}
|
||
|
|
.ui-icon-circle-triangle-w {
|
||
|
|
background-position: -80px -192px;
|
||
|
|
}
|
||
|
|
.ui-icon-circle-triangle-n {
|
||
|
|
background-position: -96px -192px;
|
||
|
|
}
|
||
|
|
.ui-icon-circle-arrow-e {
|
||
|
|
background-position: -112px -192px;
|
||
|
|
}
|
||
|
|
.ui-icon-circle-arrow-s {
|
||
|
|
background-position: -128px -192px;
|
||
|
|
}
|
||
|
|
.ui-icon-circle-arrow-w {
|
||
|
|
background-position: -144px -192px;
|
||
|
|
}
|
||
|
|
.ui-icon-circle-arrow-n {
|
||
|
|
background-position: -160px -192px;
|
||
|
|
}
|
||
|
|
.ui-icon-circle-zoomin {
|
||
|
|
background-position: -176px -192px;
|
||
|
|
}
|
||
|
|
.ui-icon-circle-zoomout {
|
||
|
|
background-position: -192px -192px;
|
||
|
|
}
|
||
|
|
.ui-icon-circle-check {
|
||
|
|
background-position: -208px -192px;
|
||
|
|
}
|
||
|
|
.ui-icon-circlesmall-plus {
|
||
|
|
background-position: 0 -208px;
|
||
|
|
}
|
||
|
|
.ui-icon-circlesmall-minus {
|
||
|
|
background-position: -16px -208px;
|
||
|
|
}
|
||
|
|
.ui-icon-circlesmall-close {
|
||
|
|
background-position: -32px -208px;
|
||
|
|
}
|
||
|
|
.ui-icon-squaresmall-plus {
|
||
|
|
background-position: -48px -208px;
|
||
|
|
}
|
||
|
|
.ui-icon-squaresmall-minus {
|
||
|
|
background-position: -64px -208px;
|
||
|
|
}
|
||
|
|
.ui-icon-squaresmall-close {
|
||
|
|
background-position: -80px -208px;
|
||
|
|
}
|
||
|
|
.ui-icon-grip-dotted-vertical {
|
||
|
|
background-position: 0 -224px;
|
||
|
|
}
|
||
|
|
.ui-icon-grip-dotted-horizontal {
|
||
|
|
background-position: -16px -224px;
|
||
|
|
}
|
||
|
|
.ui-icon-grip-solid-vertical {
|
||
|
|
background-position: -32px -224px;
|
||
|
|
}
|
||
|
|
.ui-icon-grip-solid-horizontal {
|
||
|
|
background-position: -48px -224px;
|
||
|
|
}
|
||
|
|
.ui-icon-gripsmall-diagonal-se {
|
||
|
|
background-position: -64px -224px;
|
||
|
|
}
|
||
|
|
.ui-icon-grip-diagonal-se {
|
||
|
|
background-position: -80px -224px;
|
||
|
|
}
|
||
|
|
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
|
||
|
|
-moz-border-radius-topleft: 0;
|
||
|
|
-webkit-border-top-left-radius: 0;
|
||
|
|
-khtml-border-top-left-radius: 0;
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
}
|
||
|
|
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
|
||
|
|
-moz-border-radius-topright: 0;
|
||
|
|
-webkit-border-top-right-radius: 0;
|
||
|
|
-khtml-border-top-right-radius: 0;
|
||
|
|
border-top-right-radius: 0;
|
||
|
|
}
|
||
|
|
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
|
||
|
|
-moz-border-radius-bottomleft: 0;
|
||
|
|
-webkit-border-bottom-left-radius: 0;
|
||
|
|
-khtml-border-bottom-left-radius: 0;
|
||
|
|
border-bottom-left-radius: 0;
|
||
|
|
}
|
||
|
|
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
|
||
|
|
-moz-border-radius-bottomright: 0;
|
||
|
|
-webkit-border-bottom-right-radius: 0;
|
||
|
|
-khtml-border-bottom-right-radius: 0;
|
||
|
|
border-bottom-right-radius: 0;
|
||
|
|
}
|
||
|
|
.ui-accordion-header.ui-corner-all {
|
||
|
|
-moz-border-radius-bottomleft: 4px;
|
||
|
|
-webkit-border-bottom-left-radius: 4px;
|
||
|
|
-khtml-border-bottom-left-radius: 4px;
|
||
|
|
border-bottom-left-radius: 4px;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-corner-top {
|
||
|
|
-moz-border-radius-topright: 0;
|
||
|
|
-webkit-border-top-right-radius: 0;
|
||
|
|
-khtml-border-top-right-radius: 0;
|
||
|
|
border-top-right-radius: 0;
|
||
|
|
-moz-border-radius-topleft: 0;
|
||
|
|
-webkit-border-top-left-radius: 0;
|
||
|
|
-khtml-border-top-left-radius: 0;
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
}
|
||
|
|
.ui-widget-shadow {
|
||
|
|
background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
|
||
|
|
opacity: .3;
|
||
|
|
filter: Alpha(Opacity=30);
|
||
|
|
-moz-border-radius: 8px;
|
||
|
|
-khtml-border-radius: 8px;
|
||
|
|
-webkit-border-radius: 8px;
|
||
|
|
border-radius: 8px;
|
||
|
|
margin: -8px 0 0 -8px;
|
||
|
|
padding: 8px;
|
||
|
|
}
|
||
|
|
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
|
||
|
|
color: #cd0a0a;
|
||
|
|
}
|
||
|
|
.ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
|
||
|
|
background-image: url(images/ui-icons_222222_256x240.png);
|
||
|
|
}
|
||
|
|
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon {
|
||
|
|
background-image: url(images/ui-icons_454545_256x240.png);
|
||
|
|
}
|
||
|
|
.ui-icon-seek-start, .ui-icon-seek-first {
|
||
|
|
background-position: -80px -160px;
|
||
|
|
}
|
||
|
|
.wpb_tour .wpb_tabs_nav a {
|
||
|
|
width: auto !important;
|
||
|
|
}
|
||
|
|
@media only screen and (min-width: 767px) {
|
||
|
|
.tabs_vertical.ui-tabs {
|
||
|
|
-webkit-border-radius: 0 !important;
|
||
|
|
border-radius: 0 !important;
|
||
|
|
}
|
||
|
|
.tabs_vertical.ui-widget-content {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.tabs_vertical.ui-tabs .ui-tabs-nav {
|
||
|
|
width: 30%;
|
||
|
|
float: left;
|
||
|
|
background: none;
|
||
|
|
-webkit-border-radius: 5px 0 0 5px !important;
|
||
|
|
border-radius: 5px 0 0 5px !important;
|
||
|
|
border-width: 1px 0 1px 1px;
|
||
|
|
}
|
||
|
|
.tabs_vertical.ui-tabs .ui-tabs-panel {
|
||
|
|
width: 69.7%;
|
||
|
|
float: left;
|
||
|
|
min-height: 120px;
|
||
|
|
-webkit-border-radius: 0 5px 5px 5px !important;
|
||
|
|
border-radius: 0 5px 5px 5px !important;
|
||
|
|
background-image: none;
|
||
|
|
border: 1px solid rgba(0, 0, 0, .08) !important;
|
||
|
|
}
|
||
|
|
.tabs_vertical.ui-tabs .ui-tabs-nav li {
|
||
|
|
float: none;
|
||
|
|
width: 100%;
|
||
|
|
white-space: normal;
|
||
|
|
border-width: 0 0 1px;
|
||
|
|
}
|
||
|
|
.tabs_vertical.ui-tabs .ui-tabs-nav li:first-child a {
|
||
|
|
-webkit-border-radius: 5px 0 0 0 !important;
|
||
|
|
border-radius: 5px 0 0 0 !important;
|
||
|
|
}
|
||
|
|
.tabs_vertical.ui-tabs .ui-tabs-nav li:last-child {
|
||
|
|
border-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
.tabs_vertical.ui-tabs .ui-tabs-nav li a {
|
||
|
|
float: none;
|
||
|
|
line-height: 18px;
|
||
|
|
height: auto;
|
||
|
|
padding-left: 20px;
|
||
|
|
padding-right: 20px;
|
||
|
|
background-image: url(../images/bg_panel.png);
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
background-position: left top;
|
||
|
|
}
|
||
|
|
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 100%;
|
||
|
|
width: 1px;
|
||
|
|
position: absolute;
|
||
|
|
left: auto;
|
||
|
|
right: -1px;
|
||
|
|
top: 0;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 8.0 jPlayer
|
||
|
|
|
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
|
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
div.jp-audio, div.jp-audio-stream, div.jp-video {
|
||
|
|
background-color: #EEE;
|
||
|
|
color: #666;
|
||
|
|
font-family: Verdana, Arial, sans-serif;
|
||
|
|
font-size: 1.25em;
|
||
|
|
line-height: 1.6;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
div.jp-video-full {
|
||
|
|
height: 270px;
|
||
|
|
position: static !important;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
div.jp-video-full div.jp-jplayer, div.jp-jplayer>video {
|
||
|
|
height: 100% !important;
|
||
|
|
}
|
||
|
|
div.jp-video-full div div {
|
||
|
|
z-index: 1000;
|
||
|
|
}
|
||
|
|
div.jp-video-full div.jp-jplayer {
|
||
|
|
left: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
position: fixed !important;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
div.jp-video-full div.jp-gui {
|
||
|
|
height: 100%;
|
||
|
|
left: 0;
|
||
|
|
position: fixed !important;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 1001;
|
||
|
|
}
|
||
|
|
div.jp-video-full div.jp-interface {
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
position: absolute !important;
|
||
|
|
}
|
||
|
|
div.jp-interface {
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
bottom: 0;
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 45px;
|
||
|
|
}
|
||
|
|
div.jp-controls-holder {
|
||
|
|
clear: both;
|
||
|
|
height: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
top: -8px;
|
||
|
|
width: 440px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
div.jp-interface ul.jp-controls {
|
||
|
|
list-style-type: none;
|
||
|
|
overflow: hidden;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
div.jp-audio ul.jp-controls {
|
||
|
|
width: 380px;
|
||
|
|
padding: 20px 20px 0;
|
||
|
|
}
|
||
|
|
div.jp-audio-stream ul.jp-controls {
|
||
|
|
width: 142px;
|
||
|
|
padding: 20px 20px 0;
|
||
|
|
}
|
||
|
|
div.jp-video div.jp-type-single ul.jp-controls {
|
||
|
|
margin-left: 200px;
|
||
|
|
width: 78px;
|
||
|
|
}
|
||
|
|
div.jp-video div.jp-type-playlist ul.jp-controls {
|
||
|
|
margin-left: 172px;
|
||
|
|
width: 134px;
|
||
|
|
}
|
||
|
|
div.jp-interface ul.jp-controls a {
|
||
|
|
display: block;
|
||
|
|
overflow: hidden;
|
||
|
|
text-indent: -9999px;
|
||
|
|
}
|
||
|
|
a.jp-play, a.jp-pause {
|
||
|
|
height: 45px;
|
||
|
|
width: 45px;
|
||
|
|
background-color: rgba(0, 0, 0, .05);
|
||
|
|
}
|
||
|
|
a:hover.jp-play, a:hover.jp-pause {
|
||
|
|
background-color: rgba(0, 0, 0, .1);
|
||
|
|
}
|
||
|
|
a.jp-play {
|
||
|
|
background-image: url(images/jplayer.png);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: 0 0;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
a.jp-play:hover {
|
||
|
|
background-image: url(images/jplayer.png);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: 0 0;
|
||
|
|
}
|
||
|
|
a.jp-pause {
|
||
|
|
background-image: url(images/jplayer.png);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: -45px 0;
|
||
|
|
display: none;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
a.jp-pause:hover {
|
||
|
|
background-image: url(images/jplayer.png);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: -45px 0;
|
||
|
|
}
|
||
|
|
a.jp-stop, a.jp-previous, a.jp-next {
|
||
|
|
height: 24px;
|
||
|
|
width: 24px;
|
||
|
|
}
|
||
|
|
a.jp-stop {
|
||
|
|
background: url(images/jplayer.png) no-repeat scroll -60px 0 rgba(0, 0, 0, 0);
|
||
|
|
left: 60px;
|
||
|
|
position: absolute;
|
||
|
|
top: 23px;
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
a.jp-stop:hover {
|
||
|
|
background: url(images/jplayer.png) no-repeat scroll -60px 0 rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
a.jp-previous {
|
||
|
|
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -112px rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
a.jp-previous:hover {
|
||
|
|
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -29px -112px rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
a.jp-next {
|
||
|
|
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -141px rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
a.jp-next:hover {
|
||
|
|
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -29px -141px rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
div.jp-progress {
|
||
|
|
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||
|
|
overflow: hidden;
|
||
|
|
margin: 0 108px 0 45px;
|
||
|
|
height: 45px !important;
|
||
|
|
}
|
||
|
|
div.jp-audio div.jp-progress {
|
||
|
|
height: 15px;
|
||
|
|
position: absolute;
|
||
|
|
top: 32px;
|
||
|
|
}
|
||
|
|
div.jp-video div.jp-progress {
|
||
|
|
height: 4px;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
div.jp-seek-bar {
|
||
|
|
cursor: pointer;
|
||
|
|
height: 100%;
|
||
|
|
width: 0;
|
||
|
|
background: none !important;
|
||
|
|
}
|
||
|
|
div.jp-play-bar {
|
||
|
|
height: 100%;
|
||
|
|
width: 0;
|
||
|
|
background-color: rgba(255, 255, 255, .15);
|
||
|
|
}
|
||
|
|
div.jp-seeking-bg {
|
||
|
|
background: url(images/jplayer.blue.monday.seeking.gif) repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
a.jp-mute, a.jp-unmute, a.jp-volume-max {
|
||
|
|
height: 10px;
|
||
|
|
width: 10px;
|
||
|
|
}
|
||
|
|
div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute {
|
||
|
|
margin-left: 210px;
|
||
|
|
}
|
||
|
|
div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-unmute {
|
||
|
|
margin-left: 154px;
|
||
|
|
}
|
||
|
|
div.jp-audio-stream div.jp-type-single a.jp-mute div.jp-audio-stream div.jp-type-single a.jp-unmute {
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
div.jp-audio a.jp-volume-max, div.jp-audio-stream a.jp-volume-max {
|
||
|
|
margin-left: 56px;
|
||
|
|
}
|
||
|
|
ul.jp-toggles li a.jp-repeat {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
div.jp-video a.jp-mute, div.jp-video a.jp-unmute, div.jp-video a.jp-volume-max {
|
||
|
|
margin-top: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 12px;
|
||
|
|
}
|
||
|
|
div.jp-video a.jp-mute, div.jp-video a.jp-unmute {
|
||
|
|
right: 73px;
|
||
|
|
top: 18px;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
div.jp-video a.jp-volume-max {
|
||
|
|
display: none !important;
|
||
|
|
left: 134px;
|
||
|
|
}
|
||
|
|
a.jp-unmute {
|
||
|
|
background-image: url(images/jplayer.png);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: -235px 0;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
a.jp-unmute:hover {
|
||
|
|
background-image: url(images/jplayer.png);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: -235px 0;
|
||
|
|
}
|
||
|
|
a.jp-volume-max {
|
||
|
|
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -186px rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
a.jp-volume-max:hover {
|
||
|
|
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -19px -186px rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
div.jp-volume-bar {
|
||
|
|
background-image: url(images/jplayer.png);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: -110px 0;
|
||
|
|
cursor: pointer;
|
||
|
|
height: 45px;
|
||
|
|
position: absolute;
|
||
|
|
width: 25px;
|
||
|
|
}
|
||
|
|
div.jp-volume-bar:before {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 45px;
|
||
|
|
height: 45px;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
background-color: rgba(0, 0, 0, .05);
|
||
|
|
}
|
||
|
|
div.jp-audio div.jp-volume-bar {
|
||
|
|
left: 330px;
|
||
|
|
top: 37px;
|
||
|
|
}
|
||
|
|
div.jp-audio-stream div.jp-volume-bar {
|
||
|
|
left: 92px;
|
||
|
|
top: 37px;
|
||
|
|
}
|
||
|
|
div.jp-video div.jp-volume-bar {
|
||
|
|
right: 45px;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
div.jp-volume-bar-value {
|
||
|
|
background-image: url(images/jplayer.png);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: -155px 0;
|
||
|
|
height: 45px;
|
||
|
|
width: 0;
|
||
|
|
}
|
||
|
|
div.jp-audio div.jp-time-holder {
|
||
|
|
position: absolute;
|
||
|
|
top: 50px;
|
||
|
|
}
|
||
|
|
div.jp-current-time, div.jp-duration {
|
||
|
|
font-size: .64em;
|
||
|
|
font-style: oblique;
|
||
|
|
width: 60px;
|
||
|
|
}
|
||
|
|
div.jp-duration {
|
||
|
|
display: inline;
|
||
|
|
float: right;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
div.jp-video div.jp-current-time {
|
||
|
|
display: none;
|
||
|
|
margin-left: 20px;
|
||
|
|
}
|
||
|
|
div.jp-video div.jp-duration {
|
||
|
|
display: none;
|
||
|
|
margin-right: 20px;
|
||
|
|
}
|
||
|
|
div.jp-title {
|
||
|
|
display: none;
|
||
|
|
font-weight: 700;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
div.jp-title, div.jp-playlist {
|
||
|
|
background-color: #CCC;
|
||
|
|
border-top: 1px solid #009BE3;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
div.jp-type-single div.jp-title, div.jp-type-playlist div.jp-title, div.jp-type-single div.jp-playlist {
|
||
|
|
border-top: medium none;
|
||
|
|
}
|
||
|
|
div.jp-title ul, div.jp-playlist ul {
|
||
|
|
font-size: .72em;
|
||
|
|
list-style-type: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 20px;
|
||
|
|
}
|
||
|
|
div.jp-title li {
|
||
|
|
font-weight: 700;
|
||
|
|
padding: 5px 0;
|
||
|
|
}
|
||
|
|
div.jp-playlist li {
|
||
|
|
border-bottom: 1px solid #EEE;
|
||
|
|
padding: 5px 0 4px 20px;
|
||
|
|
}
|
||
|
|
div.jp-playlist li div {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
div.jp-type-playlist div.jp-playlist li:last-child {
|
||
|
|
border-bottom: medium none;
|
||
|
|
padding: 5px 0 5px 20px;
|
||
|
|
}
|
||
|
|
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
|
||
|
|
list-style-position: inside;
|
||
|
|
list-style-type: square;
|
||
|
|
padding-left: 7px;
|
||
|
|
}
|
||
|
|
div.jp-type-playlist div.jp-playlist a {
|
||
|
|
color: #333;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
|
||
|
|
color: #666;
|
||
|
|
display: inline;
|
||
|
|
float: right;
|
||
|
|
font-weight: 700;
|
||
|
|
margin-right: 10px;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
div.jp-type-playlist div.jp-playlist span.jp-free-media {
|
||
|
|
display: inline;
|
||
|
|
float: right;
|
||
|
|
margin-right: 10px;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
div.jp-type-playlist div.jp-playlist span.jp-free-media a {
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
span.jp-artist {
|
||
|
|
color: #666;
|
||
|
|
font-size: .8em;
|
||
|
|
}
|
||
|
|
div.jp-video-play {
|
||
|
|
background-color: rgba(0, 0, 0, 0);
|
||
|
|
cursor: pointer;
|
||
|
|
overflow: hidden;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
div.jp-video-full div.jp-video-play {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
a.jp-video-play-icon {
|
||
|
|
background: url(images/jplayer.png) no-repeat scroll -280px 0 rgba(0, 0, 0, 0);
|
||
|
|
display: block;
|
||
|
|
height: 72px;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -36px;
|
||
|
|
margin-top: -66px;
|
||
|
|
position: absolute;
|
||
|
|
text-indent: -9999px;
|
||
|
|
top: 50%;
|
||
|
|
width: 72px;
|
||
|
|
}
|
||
|
|
div.jp-video-play:hover a.jp-video-play-icon {
|
||
|
|
background: url(images/jplayer.png) no-repeat scroll -352px 0 rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
div.jp-jplayer audio, div.jp-jplayer {
|
||
|
|
height: 0;
|
||
|
|
width: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
div.jp-jplayer {
|
||
|
|
background-color: #000;
|
||
|
|
}
|
||
|
|
div.jp-jplayer>img {
|
||
|
|
height: auto !important;
|
||
|
|
}
|
||
|
|
.image_frame:not(.no_link) .image_wrapper div.jp-jplayer>img {
|
||
|
|
margin-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
ul.jp-toggles {
|
||
|
|
list-style-type: none;
|
||
|
|
overflow: hidden;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
div.jp-audio .jp-type-single ul.jp-toggles {
|
||
|
|
width: 25px;
|
||
|
|
}
|
||
|
|
div.jp-audio .jp-type-playlist ul.jp-toggles {
|
||
|
|
left: 325px;
|
||
|
|
position: absolute;
|
||
|
|
top: 50px;
|
||
|
|
width: 55px;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
div.jp-video ul.jp-toggles {
|
||
|
|
margin-top: 10px;
|
||
|
|
width: 100px;
|
||
|
|
}
|
||
|
|
ul.jp-toggles li {
|
||
|
|
display: block;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
ul.jp-toggles li a {
|
||
|
|
display: block;
|
||
|
|
height: 45px;
|
||
|
|
line-height: 100%;
|
||
|
|
text-indent: -9999px;
|
||
|
|
width: 45px;
|
||
|
|
}
|
||
|
|
a.jp-repeat {
|
||
|
|
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -290px rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
a.jp-repeat:hover {
|
||
|
|
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -30px -290px rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
a.jp-repeat-off {
|
||
|
|
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -60px -290px rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
a.jp-repeat-off:hover {
|
||
|
|
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -90px -290px rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
a.jp-shuffle {
|
||
|
|
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -270px rgba(0, 0, 0, 0);
|
||
|
|
margin-left: 5px;
|
||
|
|
}
|
||
|
|
a.jp-shuffle:hover {
|
||
|
|
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -30px -270px rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
a.jp-shuffle-off {
|
||
|
|
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -60px -270px rgba(0, 0, 0, 0);
|
||
|
|
margin-left: 5px;
|
||
|
|
}
|
||
|
|
a.jp-shuffle-off:hover {
|
||
|
|
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -90px -270px rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
.jp-no-solution {
|
||
|
|
background-color: #EEE;
|
||
|
|
border: 2px solid #009BE3;
|
||
|
|
color: #000;
|
||
|
|
display: none;
|
||
|
|
font-size: .8em;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
.jp-no-solution a {
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
.jp-no-solution span {
|
||
|
|
display: block;
|
||
|
|
font-size: 1em;
|
||
|
|
font-weight: 700;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
div.jp-audio, div.jp-audio-stream, div.jp-video-270p, div.jp-video-360p {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
div.jp-audio div.jp-type-single div.jp-interface, div.jp-audio div.jp-type-playlist div.jp-interface, div.jp-audio-stream div.jp-type-single div.jp-interface {
|
||
|
|
height: 80px;
|
||
|
|
}
|
||
|
|
div.jp-video ul.jp-controls, div.jp-interface ul.jp-controls li, div.jp-current-time {
|
||
|
|
display: inline;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
div.jp-audio div.jp-type-single div.jp-progress, div.jp-audio div.jp-type-single div.jp-time-holder {
|
||
|
|
left: 110px;
|
||
|
|
width: 186px;
|
||
|
|
}
|
||
|
|
div.jp-audio div.jp-type-playlist div.jp-progress, div.jp-audio div.jp-type-playlist div.jp-time-holder {
|
||
|
|
left: 166px;
|
||
|
|
width: 130px;
|
||
|
|
}
|
||
|
|
a.jp-mute, a.jp-mute:hover {
|
||
|
|
background-image: url(images/jplayer.png);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: -225px 0;
|
||
|
|
}
|
||
|
|
div.jp-type-playlist div.jp-playlist a:hover, div.jp-type-playlist div.jp-playlist a.jp-playlist-current, div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover, div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
|
||
|
|
color: #0D88C1;
|
||
|
|
}
|
||
|
|
a.jp-full-screen, a.jp-restore-screen {
|
||
|
|
background-image: url(images/jplayer.png);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: -180px 0;
|
||
|
|
background-color: rgba(0, 0, 0, .05);
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
a.jp-full-screen:hover, a.jp-restore-screen:hover {
|
||
|
|
background-color: rgba(0, 0, 0, .1);
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 9.0 Prrettyphoto
|
||
|
|
|
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
|
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
|
||
|
|
height: 13px;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_top .pp_left {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_top .pp_middle {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_top .pp_right {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_content .ppt {
|
||
|
|
color: #f8f8f8;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_content_container .pp_left {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
|
||
|
|
padding-left: 13px;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_content_container .pp_right {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
|
||
|
|
padding-right: 13px;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_next:hover {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_previous:hover {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_expand {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
width: 28px;
|
||
|
|
height: 28px;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_expand:hover {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_contract {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
width: 28px;
|
||
|
|
height: 28px;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_contract:hover {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_close {
|
||
|
|
width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_gallery ul li a {
|
||
|
|
background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
|
||
|
|
border: 1px solid #aaa;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_social {
|
||
|
|
margin-top: 7px;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
|
||
|
|
position: static;
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
|
||
|
|
height: 30px;
|
||
|
|
width: 30px;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_nav .pp_pause {
|
||
|
|
background-position: -51px -29px;
|
||
|
|
}
|
||
|
|
div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
|
||
|
|
height: 20px;
|
||
|
|
width: 20px;
|
||
|
|
margin: 4px 0 0;
|
||
|
|
}
|
||
|
|
div.pp_default a.pp_arrow_next {
|
||
|
|
left: 52px;
|
||
|
|
background-position: -82px -3px;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_content_container .pp_details {
|
||
|
|
margin-top: 5px;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_nav {
|
||
|
|
clear: none;
|
||
|
|
height: 30px;
|
||
|
|
width: 110px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_nav .currentTextHolder {
|
||
|
|
font-family: Georgia;
|
||
|
|
font-style: italic;
|
||
|
|
color: #999;
|
||
|
|
font-size: 11px;
|
||
|
|
left: 75px;
|
||
|
|
line-height: 25px;
|
||
|
|
position: absolute;
|
||
|
|
top: 2px;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 0 0 10px;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
|
||
|
|
opacity: .7;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_description {
|
||
|
|
font-size: 11px;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: 14px;
|
||
|
|
margin: 5px 50px 5px 0;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_bottom .pp_left {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_bottom .pp_middle {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_bottom .pp_right {
|
||
|
|
background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_loaderIcon {
|
||
|
|
background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_top .pp_left {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_top .pp_right {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_next:hover {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_previous:hover {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_expand {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_expand:hover {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_contract {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_contract:hover {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_close {
|
||
|
|
width: 75px;
|
||
|
|
height: 22px;
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_nav .pp_play {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
|
||
|
|
height: 15px;
|
||
|
|
width: 14px;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_nav .pp_pause {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
|
||
|
|
height: 15px;
|
||
|
|
width: 14px;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_arrow_previous {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_arrow_next {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_bottom .pp_left {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_bottom .pp_right {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_top .pp_left {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_top .pp_right {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_content_container .pp_left {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_content_container .pp_right {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_next:hover {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_previous:hover {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_expand {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_expand:hover {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_contract {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_contract:hover {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_close {
|
||
|
|
width: 75px;
|
||
|
|
height: 22px;
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_description {
|
||
|
|
margin-right: 85px;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_nav .pp_play {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
|
||
|
|
height: 15px;
|
||
|
|
width: 14px;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_nav .pp_pause {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
|
||
|
|
height: 15px;
|
||
|
|
width: 14px;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_arrow_previous {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_arrow_next {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_bottom .pp_left {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_bottom .pp_right {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_loaderIcon {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {
|
||
|
|
background: #000;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_description {
|
||
|
|
color: #fff;
|
||
|
|
margin: 0 85px 0 0;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_loaderIcon {
|
||
|
|
background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_expand {
|
||
|
|
background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_expand:hover {
|
||
|
|
background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_contract {
|
||
|
|
background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_contract:hover {
|
||
|
|
background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_close {
|
||
|
|
width: 75px;
|
||
|
|
height: 22px;
|
||
|
|
background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_nav {
|
||
|
|
clear: none;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_nav .pp_play {
|
||
|
|
background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
|
||
|
|
height: 15px;
|
||
|
|
width: 14px;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_nav .pp_pause {
|
||
|
|
background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
|
||
|
|
height: 15px;
|
||
|
|
width: 14px;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_arrow_previous {
|
||
|
|
background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_arrow_next {
|
||
|
|
background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_next:hover {
|
||
|
|
background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.dark_square .pp_previous:hover {
|
||
|
|
background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.light_square .pp_expand {
|
||
|
|
background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.light_square .pp_expand:hover {
|
||
|
|
background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.light_square .pp_contract {
|
||
|
|
background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.light_square .pp_contract:hover {
|
||
|
|
background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.light_square .pp_close {
|
||
|
|
width: 75px;
|
||
|
|
height: 22px;
|
||
|
|
background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.light_square .pp_nav .pp_play {
|
||
|
|
background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
|
||
|
|
height: 15px;
|
||
|
|
width: 14px;
|
||
|
|
}
|
||
|
|
div.light_square .pp_nav .pp_pause {
|
||
|
|
background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
|
||
|
|
height: 15px;
|
||
|
|
width: 14px;
|
||
|
|
}
|
||
|
|
div.light_square .pp_arrow_previous {
|
||
|
|
background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
|
||
|
|
}
|
||
|
|
div.light_square .pp_arrow_next {
|
||
|
|
background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
|
||
|
|
}
|
||
|
|
div.light_square .pp_next:hover {
|
||
|
|
background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.light_square .pp_previous:hover {
|
||
|
|
background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.facebook .pp_top .pp_left {
|
||
|
|
background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
|
||
|
|
}
|
||
|
|
div.facebook .pp_top .pp_middle {
|
||
|
|
background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
|
||
|
|
}
|
||
|
|
div.facebook .pp_top .pp_right {
|
||
|
|
background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
|
||
|
|
}
|
||
|
|
div.facebook .pp_content_container .pp_left {
|
||
|
|
background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
|
||
|
|
}
|
||
|
|
div.facebook .pp_content_container .pp_right {
|
||
|
|
background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
|
||
|
|
}
|
||
|
|
div.facebook .pp_expand {
|
||
|
|
background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.facebook .pp_expand:hover {
|
||
|
|
background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.facebook .pp_contract {
|
||
|
|
background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.facebook .pp_contract:hover {
|
||
|
|
background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.facebook .pp_close {
|
||
|
|
width: 22px;
|
||
|
|
height: 22px;
|
||
|
|
background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.facebook .pp_description {
|
||
|
|
margin: 0 37px 0 0;
|
||
|
|
}
|
||
|
|
div.facebook .pp_loaderIcon {
|
||
|
|
background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
|
||
|
|
}
|
||
|
|
div.facebook .pp_arrow_previous {
|
||
|
|
background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
|
||
|
|
height: 22px;
|
||
|
|
margin-top: 0;
|
||
|
|
width: 22px;
|
||
|
|
}
|
||
|
|
div.facebook .pp_arrow_previous.disabled {
|
||
|
|
background-position: 0 -96px;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
div.facebook .pp_arrow_next {
|
||
|
|
background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
|
||
|
|
height: 22px;
|
||
|
|
margin-top: 0;
|
||
|
|
width: 22px;
|
||
|
|
}
|
||
|
|
div.facebook .pp_arrow_next.disabled {
|
||
|
|
background-position: -32px -96px;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
div.facebook .pp_nav {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
div.facebook .pp_nav p {
|
||
|
|
font-size: 15px;
|
||
|
|
padding: 0 3px 0 4px;
|
||
|
|
}
|
||
|
|
div.facebook .pp_nav .pp_play {
|
||
|
|
background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
|
||
|
|
height: 22px;
|
||
|
|
width: 22px;
|
||
|
|
}
|
||
|
|
div.facebook .pp_nav .pp_pause {
|
||
|
|
background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
|
||
|
|
height: 22px;
|
||
|
|
width: 22px;
|
||
|
|
}
|
||
|
|
div.facebook .pp_next:hover {
|
||
|
|
background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.facebook .pp_previous:hover {
|
||
|
|
background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.facebook .pp_bottom .pp_left {
|
||
|
|
background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
|
||
|
|
}
|
||
|
|
div.facebook .pp_bottom .pp_middle {
|
||
|
|
background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
|
||
|
|
}
|
||
|
|
div.facebook .pp_bottom .pp_right {
|
||
|
|
background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
|
||
|
|
}
|
||
|
|
div.pp_pic_holder a:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
div.pp_overlay {
|
||
|
|
background: #000;
|
||
|
|
display: none;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 9500;
|
||
|
|
}
|
||
|
|
div.pp_pic_holder {
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
width: 100px;
|
||
|
|
z-index: 10000;
|
||
|
|
}
|
||
|
|
.pp_content {
|
||
|
|
height: 40px;
|
||
|
|
min-width: 40px;
|
||
|
|
}
|
||
|
|
* html .pp_content {
|
||
|
|
width: 40px;
|
||
|
|
}
|
||
|
|
.pp_content_container {
|
||
|
|
position: relative;
|
||
|
|
text-align: left;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.pp_content_container .pp_left {
|
||
|
|
padding-left: 20px;
|
||
|
|
}
|
||
|
|
.pp_content_container .pp_right {
|
||
|
|
padding-right: 20px;
|
||
|
|
}
|
||
|
|
.pp_content_container .pp_details {
|
||
|
|
float: left;
|
||
|
|
margin: 10px 0 2px;
|
||
|
|
}
|
||
|
|
.pp_description {
|
||
|
|
display: none;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.pp_social {
|
||
|
|
float: left;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.pp_social .facebook {
|
||
|
|
float: left;
|
||
|
|
margin-left: 5px;
|
||
|
|
width: 55px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.pp_social .twitter {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.pp_nav {
|
||
|
|
clear: right;
|
||
|
|
float: left;
|
||
|
|
margin: 3px 10px 0 0;
|
||
|
|
}
|
||
|
|
.pp_nav p {
|
||
|
|
float: left;
|
||
|
|
white-space: nowrap;
|
||
|
|
margin: 2px 4px;
|
||
|
|
}
|
||
|
|
.pp_nav .pp_play, .pp_nav .pp_pause {
|
||
|
|
float: left;
|
||
|
|
margin-right: 4px;
|
||
|
|
text-indent: -10000px;
|
||
|
|
}
|
||
|
|
a.pp_arrow_previous, a.pp_arrow_next {
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
height: 15px;
|
||
|
|
margin-top: 3px;
|
||
|
|
overflow: hidden;
|
||
|
|
text-indent: -10000px;
|
||
|
|
width: 14px;
|
||
|
|
}
|
||
|
|
.pp_hoverContainer {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 2000;
|
||
|
|
}
|
||
|
|
.pp_gallery {
|
||
|
|
display: none;
|
||
|
|
left: 50%;
|
||
|
|
margin-top: -50px;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 10000;
|
||
|
|
}
|
||
|
|
.pp_gallery div {
|
||
|
|
float: left;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.pp_gallery ul {
|
||
|
|
float: left;
|
||
|
|
height: 35px;
|
||
|
|
position: relative;
|
||
|
|
white-space: nowrap;
|
||
|
|
margin: 0 0 0 5px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.pp_gallery ul a {
|
||
|
|
border: 1px rgba(0, 0, 0, 0.5) solid;
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
height: 33px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.pp_gallery ul a img {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.pp_gallery li {
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
margin: 0 5px 0 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.pp_gallery li.default a {
|
||
|
|
background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
|
||
|
|
display: block;
|
||
|
|
height: 33px;
|
||
|
|
width: 50px;
|
||
|
|
}
|
||
|
|
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
|
||
|
|
margin-top: 7px !important;
|
||
|
|
}
|
||
|
|
a.pp_next {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
|
||
|
|
display: block;
|
||
|
|
float: right;
|
||
|
|
height: 100%;
|
||
|
|
text-indent: -10000px;
|
||
|
|
width: 49%;
|
||
|
|
}
|
||
|
|
a.pp_previous {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
height: 100%;
|
||
|
|
text-indent: -10000px;
|
||
|
|
width: 49%;
|
||
|
|
}
|
||
|
|
a.pp_expand, a.pp_contract {
|
||
|
|
cursor: pointer;
|
||
|
|
display: none;
|
||
|
|
height: 20px;
|
||
|
|
position: absolute;
|
||
|
|
right: 30px;
|
||
|
|
text-indent: -10000px;
|
||
|
|
top: 10px;
|
||
|
|
width: 20px;
|
||
|
|
z-index: 20000;
|
||
|
|
}
|
||
|
|
a.pp_close {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
display: block;
|
||
|
|
line-height: 22px;
|
||
|
|
text-indent: -10000px;
|
||
|
|
}
|
||
|
|
.pp_loaderIcon {
|
||
|
|
display: block;
|
||
|
|
height: 24px;
|
||
|
|
left: 50%;
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
width: 24px;
|
||
|
|
margin: -12px 0 0 -12px;
|
||
|
|
}
|
||
|
|
#pp_full_res {
|
||
|
|
line-height: 1 !important;
|
||
|
|
}
|
||
|
|
#pp_full_res .pp_inline {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
#pp_full_res .pp_inline p {
|
||
|
|
margin: 0 0 15px;
|
||
|
|
}
|
||
|
|
div.ppt {
|
||
|
|
color: #fff;
|
||
|
|
display: none;
|
||
|
|
font-size: 17px;
|
||
|
|
z-index: 9999;
|
||
|
|
margin: 0 0 5px 15px;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_content, div.light_rounded .pp_content {
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline {
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a {
|
||
|
|
border-color: #fff;
|
||
|
|
}
|
||
|
|
div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content {
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_description, div.light_square .pp_description {
|
||
|
|
margin-right: 85px;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
|
||
|
|
margin-top: 12px !important;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled {
|
||
|
|
background-position: 0 -87px;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled {
|
||
|
|
background-position: -22px -87px;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon {
|
||
|
|
background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
|
||
|
|
}
|
||
|
|
div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle {
|
||
|
|
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
|
||
|
|
}
|
||
|
|
div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder {
|
||
|
|
color: #c4c4c4;
|
||
|
|
}
|
||
|
|
div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.pp_top, .pp_bottom {
|
||
|
|
height: 20px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
* html .pp_top, * html .pp_bottom {
|
||
|
|
padding: 0 20px;
|
||
|
|
}
|
||
|
|
.pp_top .pp_left, .pp_bottom .pp_left {
|
||
|
|
height: 20px;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
width: 20px;
|
||
|
|
}
|
||
|
|
.pp_top .pp_middle, .pp_bottom .pp_middle {
|
||
|
|
height: 20px;
|
||
|
|
left: 20px;
|
||
|
|
position: absolute;
|
||
|
|
right: 20px;
|
||
|
|
}
|
||
|
|
* html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
|
||
|
|
left: 0;
|
||
|
|
position: static;
|
||
|
|
}
|
||
|
|
.pp_top .pp_right, .pp_bottom .pp_right {
|
||
|
|
height: 20px;
|
||
|
|
left: auto;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 20px;
|
||
|
|
}
|
||
|
|
.pp_fade, .pp_gallery li.default a img {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 10. simple style
|
||
|
|
|
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
|
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/* Tabs */
|
||
|
|
|
||
|
|
.style-simple .ui-tabs {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.style-simple .ui-tabs .ui-tabs-panel {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.style-simple .ui-tabs .ui-tabs-nav {
|
||
|
|
background: none;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.style-simple .ui-tabs .ui-tabs-nav li {
|
||
|
|
border: 0;
|
||
|
|
display: inline-block;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a, .style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active:after {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:after {
|
||
|
|
bottom: -1px;
|
||
|
|
height: 2px;
|
||
|
|
margin-left: -50%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.style-simple .tabs_vertical.ui-tabs .ui-tabs-panel {
|
||
|
|
border-width: 0 0 0 1px !important;
|
||
|
|
}
|
||
|
|
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
|
||
|
|
display: block;
|
||
|
|
width: 2px;
|
||
|
|
height: 100%;
|
||
|
|
right: -1px;
|
||
|
|
top: 0;
|
||
|
|
bottom: auto;
|
||
|
|
left: auto;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a {
|
||
|
|
background: none;
|
||
|
|
text-align: right;
|
||
|
|
padding-right: 20px !important;
|
||
|
|
padding-left: 10px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Accordion & Toggle */
|
||
|
|
|
||
|
|
.style-simple .accordion .question {
|
||
|
|
border-width: 0 0 0 1px;
|
||
|
|
border-radius: 0;
|
||
|
|
position: relative;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.style-simple .accordion .question:after {
|
||
|
|
content: "";
|
||
|
|
display: none;
|
||
|
|
width: 2px;
|
||
|
|
height: 100%;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
background-color: #ccc;
|
||
|
|
}
|
||
|
|
.style-simple .accordion .question.active:after {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.style-simple .accordion .question .title {
|
||
|
|
background: none;
|
||
|
|
padding-left: 50px;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.style-simple .accordion .question .title:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.style-simple .accordion .question .answer {
|
||
|
|
background: none;
|
||
|
|
padding: 0 20px 10px 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* FAQ */
|
||
|
|
|
||
|
|
.style-simple .faq .question {
|
||
|
|
border-width: 0 0 0 1px;
|
||
|
|
border-style: solid;
|
||
|
|
margin-bottom: 0;
|
||
|
|
position: relative;
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.style-simple .faq .question:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.style-simple .faq .question:after {
|
||
|
|
content: "";
|
||
|
|
display: none;
|
||
|
|
width: 2px;
|
||
|
|
height: 100%;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
background-color: #ccc;
|
||
|
|
}
|
||
|
|
.style-simple .faq .question .title, .style-simple .faq .question .answer {
|
||
|
|
padding-left: 70px;
|
||
|
|
}
|
||
|
|
.style-simple .faq .question.active:after {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Table */
|
||
|
|
|
||
|
|
.style-simple table th {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.style-simple table tr:first-child td {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.style-simple table tr:hover td {
|
||
|
|
background: none;
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
.style-simple table th, .style-simple table td {
|
||
|
|
border-width: 0 1px 1px 0;
|
||
|
|
}
|
||
|
|
.style-simple table tr td:last-child, .style-simple table tr th:last-child {
|
||
|
|
border-right: 0;
|
||
|
|
}
|
||
|
|
.style-simple table tr:last-child td {
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
.style-simple table tr:nth-child(2n) td {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Opening hours */
|
||
|
|
|
||
|
|
.style-simple .opening_hours {
|
||
|
|
padding: 0;
|
||
|
|
border: 0;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.style-simple .opening_hours .opening_hours_wrapper li {
|
||
|
|
padding-bottom: 0;
|
||
|
|
border: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.style-simple .opening_hours .opening_hours_wrapper li {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.style-simple .opening_hours .opening_hours_wrapper li label {
|
||
|
|
background-color: transparent;
|
||
|
|
background-image: none;
|
||
|
|
font-size: 15px;
|
||
|
|
border-bottom: 1px solid #ccc;
|
||
|
|
padding: 10px 0;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
.style-simple .opening_hours .opening_hours_wrapper li span {
|
||
|
|
font-size: 32px;
|
||
|
|
line-height: 32px;
|
||
|
|
padding: 10px 0;
|
||
|
|
}
|
||
|
|
.style-simple .opening_hours .opening_hours_wrapper li span sup {
|
||
|
|
top: -1px;
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 16px;
|
||
|
|
margin-left: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Icon box */
|
||
|
|
|
||
|
|
.style-simple .icon_box .image_wrapper, .style-simple .icon_box .icon_wrapper {
|
||
|
|
padding-top: 5px;
|
||
|
|
margin-bottom: 25px;
|
||
|
|
}
|
||
|
|
.style-simple .icon_box .icon_wrapper {
|
||
|
|
font-size: 80px;
|
||
|
|
background-color: transparent;
|
||
|
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
|
||
|
|
border-width: 0;
|
||
|
|
background-image: none;
|
||
|
|
-webkit-transform: scale(1) !important;
|
||
|
|
-moz-transform: scale(1) !important;
|
||
|
|
-ms-transform: scale(1) !important;
|
||
|
|
-o-transform: scale(1) !important;
|
||
|
|
transform: scale(1) !important;
|
||
|
|
}
|
||
|
|
.style-simple .icon_box .icon_wrapper:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.style-simple .icon_box .icon_wrapper i {
|
||
|
|
position: relative;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.style-simple .icon_box .image_wrapper img {
|
||
|
|
position: relative;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.style-simple .icon_box .desc_wrapper h4 {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
.style-simple .icon_box .desc_wrapper h4:before {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
width: 0;
|
||
|
|
margin: 0 auto;
|
||
|
|
height: 2px;
|
||
|
|
top: -15px;
|
||
|
|
position: relative;
|
||
|
|
background-color: #ccc;
|
||
|
|
}
|
||
|
|
.style-simple .icon_box:hover .icon_wrapper i {
|
||
|
|
top: -5px;
|
||
|
|
}
|
||
|
|
.style-simple .icon_box:hover .image_wrapper img {
|
||
|
|
top: -5px;
|
||
|
|
}
|
||
|
|
.style-simple .icon_box:hover .desc_wrapper h4:before {
|
||
|
|
width: 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
|
||
|
|
.style-simple .icon_box .icon_wrapper i, .style-simple .icon_box .image_wrapper img, .style-simple .icon_box .desc_wrapper h4:before {
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Filters */
|
||
|
|
|
||
|
|
.style-simple #Filters {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.style-simple #Filters .filters_buttons {
|
||
|
|
background: none;
|
||
|
|
padding: 15px 0;
|
||
|
|
}
|
||
|
|
.style-simple #Filters .filters_wrapper {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.style-simple #Filters .filters_wrapper ul {
|
||
|
|
overflow: visible;
|
||
|
|
display: inline-block;
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
}
|
||
|
|
.style-simple #Filters .filters_wrapper ul li {
|
||
|
|
width: auto;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.style-simple #Filters .filters_wrapper ul li a {
|
||
|
|
background: none;
|
||
|
|
border: 0;
|
||
|
|
padding: 14px 25px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.style-simple #Filters .filters_wrapper ul li a:after {
|
||
|
|
content: "";
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
bottom: -1px;
|
||
|
|
width: 100%;
|
||
|
|
height: 2px;
|
||
|
|
background: #ccc;
|
||
|
|
}
|
||
|
|
.style-simple #Filters .filters_wrapper ul li.close a {
|
||
|
|
color: inherit;
|
||
|
|
padding: 14px 15px;
|
||
|
|
width: auto;
|
||
|
|
border: 0 !important;
|
||
|
|
}
|
||
|
|
.style-simple #Filters .filters_wrapper ul li a:hover, .style-simple #Filters .filters_wrapper ul li.current-cat a {
|
||
|
|
background: none;
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
.style-simple #Filters .filters_wrapper ul li.current-cat a:after {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Clients */
|
||
|
|
|
||
|
|
.style-simple ul.clients.clients_tiles li .client_wrapper::after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Progress bars */
|
||
|
|
|
||
|
|
.style-simple .progress_bars .bars_list li .bar, .style-simple .progress_bars .bars_list li .bar .progress {
|
||
|
|
height: 5px;
|
||
|
|
}
|
||
|
|
.style-simple .progress_bars .bars_list li .bar {
|
||
|
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
|
||
|
|
background: rgba(0, 0, 0, 0.03);
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
.style-simple .progress_bars .bars_list li .bar .progress {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Counters */
|
||
|
|
|
||
|
|
.style-simple .counter {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Lists */
|
||
|
|
|
||
|
|
.style-simple .list_item.lists_1 .list_left {
|
||
|
|
background-image: none;
|
||
|
|
border-radius: 2px;
|
||
|
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
|
||
|
|
}
|
||
|
|
.style-simple .list_item .circle {
|
||
|
|
background-image: none;
|
||
|
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Blockquote */
|
||
|
|
|
||
|
|
.style-simple blockquote {
|
||
|
|
background: none;
|
||
|
|
line-height: 25px;
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
.style-simple blockquote:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Testimonials slider */
|
||
|
|
|
||
|
|
.style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper {
|
||
|
|
padding-top: 0;
|
||
|
|
padding-bottom: 0;
|
||
|
|
background: none;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.style-simple .testimonials_slider .slider_images {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.style-simple .testimonials_slider .slider_images:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Article box */
|
||
|
|
|
||
|
|
.style-simple .article_box .desc_wrapper {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.style-simple .article_box .desc_wrapper p {
|
||
|
|
border-bottom-width: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
}
|
||
|
|
.style-simple .article_box .desc_wrapper p:after {
|
||
|
|
background-color: rgba(0, 0, 0, .1);
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 2px;
|
||
|
|
margin-top: 10px;
|
||
|
|
width: 20px;
|
||
|
|
}
|
||
|
|
.style-simple .article_box:hover .desc_wrapper p:after {
|
||
|
|
width: 40%;
|
||
|
|
}
|
||
|
|
.style-simple .article_box .desc_wrapper i.icon-right-open {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.style-simple .article_box .desc_wrapper p:after {
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Idea box */
|
||
|
|
|
||
|
|
.style-simple .idea_box {
|
||
|
|
border: 1px solid rgba(0, 0, 0, 0.08);
|
||
|
|
padding: 15px 15px 15px 0;
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.style-simple .idea_box .icon {
|
||
|
|
display: block;
|
||
|
|
position: static;
|
||
|
|
float: left;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
margin-top: 0;
|
||
|
|
width: 60px;
|
||
|
|
text-align: center;
|
||
|
|
margin-top: 5px;
|
||
|
|
}
|
||
|
|
.style-simple .idea_box .desc {
|
||
|
|
border-left: 1px solid rgba(0, 0, 0, 0.08);
|
||
|
|
padding: 10px 15px 10px 20px;
|
||
|
|
margin-left: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Sliding box */
|
||
|
|
|
||
|
|
.style-simple .sliding_box .photo_wrapper {
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.style-simple .sliding_box .desc_wrapper {
|
||
|
|
background: none;
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
.style-simple .sliding_box .desc_wrapper h4 {
|
||
|
|
color: inherit;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
}
|
||
|
|
.style-simple .sliding_box .desc_wrapper:after {
|
||
|
|
display: inline-block;
|
||
|
|
content: "";
|
||
|
|
width: 20%;
|
||
|
|
height: 2px;
|
||
|
|
border: 0;
|
||
|
|
background-color: rgba(0, 0, 0, .1);
|
||
|
|
position: static;
|
||
|
|
top: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.style-simple .sliding_box:hover .desc_wrapper:after {
|
||
|
|
width: 60%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Trailer box */
|
||
|
|
|
||
|
|
.style-simple .trailer_box .desc {
|
||
|
|
padding: 27px 15px 30px;
|
||
|
|
}
|
||
|
|
.style-simple .trailer_box .desc .line {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.style-simple .trailer_box .desc .subtitle {
|
||
|
|
background-image: none;
|
||
|
|
background-color: transparent;
|
||
|
|
color: rgba(255, 255, 255, .7);
|
||
|
|
margin-bottom: 10px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.style-simple .trailer_box:hover .desc h2 {
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
.style-simple .trailer_box:hover .desc .subtitle {
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
|
||
|
|
.style-simple .trailer_box .desc {
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Timeline */
|
||
|
|
|
||
|
|
.style-simple .timeline_items {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li {
|
||
|
|
width: 50%;
|
||
|
|
padding: 0 0 0 50%;
|
||
|
|
background: none;
|
||
|
|
margin-bottom: 15px !important;
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li:nth-child(even) {
|
||
|
|
padding: 0 50% 0 0;
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li h3 span {
|
||
|
|
background: none !important;
|
||
|
|
border-radius: 4px;
|
||
|
|
font-size: 14px;
|
||
|
|
font-style: italic;
|
||
|
|
top: 22px;
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li h3:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li .desc:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li h3 {
|
||
|
|
border-left: 2px solid rgba(0, 0, 0, 0.08);
|
||
|
|
margin: 0;
|
||
|
|
padding: 15px 0 0 25px;
|
||
|
|
width: 100%;
|
||
|
|
box-sizing: padding-box;
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li h3 span {
|
||
|
|
position: absolute;
|
||
|
|
right: 52%;
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li:nth-child(even) h3 {
|
||
|
|
padding: 15px 25px 0 0;
|
||
|
|
text-align: right;
|
||
|
|
border-left: 0;
|
||
|
|
border-right: 2px solid rgba(0, 0, 0, 0.04);
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li:nth-child(even) h3 span {
|
||
|
|
left: 52%;
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li .desc {
|
||
|
|
border-left: 2px solid rgba(0, 0, 0, 0.08);
|
||
|
|
padding: 15px 0 15px 25px;
|
||
|
|
background: none;
|
||
|
|
width: 100%;
|
||
|
|
box-sizing: padding-box;
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li:nth-child(even) .desc {
|
||
|
|
padding: 15px 25px 15px 0;
|
||
|
|
border-left: 0;
|
||
|
|
border-right: 2px solid rgba(0, 0, 0, 0.04);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
|
||
|
|
.style-simple .timeline_items li:hover h3, .style-simple .timeline_items li:nth-child(even):hover h3, .style-simple .timeline_items li:hover .desc, .style-simple .timeline_items li:nth-child(even):hover {
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Quick fact */
|
||
|
|
|
||
|
|
.style-simple .quick_fact .number-wrapper {
|
||
|
|
font-family: inherit;
|
||
|
|
font-size: 60px;
|
||
|
|
line-height: 60px;
|
||
|
|
}
|
||
|
|
.style-simple .quick_fact .title {
|
||
|
|
font-family: inherit;
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
.style-simple .quick_fact hr {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Chart box */
|
||
|
|
|
||
|
|
.style-simple .chart_box:before {
|
||
|
|
background-color: transparent;
|
||
|
|
background-image: none;
|
||
|
|
border-width: 0;
|
||
|
|
}
|
||
|
|
.style-simple .chart_box .chart .num {
|
||
|
|
font-family: inherit;
|
||
|
|
font-size: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Content link */
|
||
|
|
|
||
|
|
.style-simple a.content_link {
|
||
|
|
border-width: 0 0 2px;
|
||
|
|
margin: 0 10px;
|
||
|
|
background-color: transparent;
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.style-simple a.content_link:after {
|
||
|
|
border-width: 0 0 2px;
|
||
|
|
bottom: -2px;
|
||
|
|
}
|
||
|
|
.style-simple a.content_link:before {
|
||
|
|
border-width: 0 5px 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* How it works */
|
||
|
|
|
||
|
|
.style-simple .how_it_works .image {
|
||
|
|
border-width: 0 0 2px;
|
||
|
|
background: transparent;
|
||
|
|
border-radius: 0;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
.style-simple .how_it_works .image .number {
|
||
|
|
border-radius: 0;
|
||
|
|
bottom: -17px;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -17px;
|
||
|
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Offer thumb */
|
||
|
|
|
||
|
|
.style-simple .offer_thumb_ul li.offer_thumb_li {
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
.style-simple .offer_thumb .slider_pagination a img {
|
||
|
|
filter: alpha(opacity=70);
|
||
|
|
opacity: .7;
|
||
|
|
}
|
||
|
|
.style-simple .offer_thumb .slider_pagination a.selected img, .style-simple .offer_thumb .slider_pagination a:not(.selected):hover img {
|
||
|
|
filter: alpha(opacity=1);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
@media only screen and (min-width: 768px) {
|
||
|
|
.style-simple .offer_thumb .slider_pagination {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.style-simple .offer_thumb .slider_pagination a {
|
||
|
|
margin-bottom: 6px;
|
||
|
|
border-width: 1px;
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.style-simple .offer_thumb.bottom .slider_pagination a {
|
||
|
|
margin: 3px;
|
||
|
|
}
|
||
|
|
.style-simple .offer_thumb .slider_pagination a:before, .style-simple .offer_thumb .slider_pagination a:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Alerts */
|
||
|
|
|
||
|
|
.style-simple .alert {
|
||
|
|
-webkit-border-radius: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
.style-simple .alert .alert_icon {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
background: none;
|
||
|
|
border-right: 1px solid rgba(255, 255, 255, .3);
|
||
|
|
-webkit-border-radius: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Zoom box */
|
||
|
|
|
||
|
|
.style-simple .zoom_box {
|
||
|
|
position: relative;
|
||
|
|
line-height: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.style-simple .zoom_box .photo img, .style-simple .zoom_box .desc {
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out;
|
||
|
|
}
|
||
|
|
.style-simple .zoom_box .photo img {
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
-moz-transform: scale(1);
|
||
|
|
-ms-transform: scale(1);
|
||
|
|
-o-transform: scale(1);
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
.style-simple .zoom_box:hover .photo img {
|
||
|
|
-webkit-transform: scale(1.15);
|
||
|
|
-moz-transform: scale(1.15);
|
||
|
|
-ms-transform: scale(1.15);
|
||
|
|
-o-transform: scale(1.15);
|
||
|
|
transform: scale(1.15);
|
||
|
|
}
|
||
|
|
.style-simple .zoom_box .desc {
|
||
|
|
background: rgba(0, 0, 0, .8);
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
text-align: center;
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: scale(1.15);
|
||
|
|
-moz-transform: scale(1.15);
|
||
|
|
-ms-transform: scale(1.15);
|
||
|
|
-o-transform: scale(1.15);
|
||
|
|
transform: scale(1.15);
|
||
|
|
}
|
||
|
|
.style-simple .zoom_box:hover .desc {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
-moz-transform: scale(1);
|
||
|
|
-ms-transform: scale(1);
|
||
|
|
-o-transform: scale(1);
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
.style-simple .zoom_box .desc .desc_img {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 50%;
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
transform: translateY(-80%);
|
||
|
|
-webkit-transform: translateY(-80%);
|
||
|
|
}
|
||
|
|
.style-simple .zoom_box .desc .desc_img img {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.style-simple .zoom_box .desc .desc_txt {
|
||
|
|
width: 100%;
|
||
|
|
padding: 15px 20px;
|
||
|
|
font-size: 17px;
|
||
|
|
line-height: 22px;
|
||
|
|
color: #fff;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Features list */
|
||
|
|
|
||
|
|
.style-simple .feature_list hr {
|
||
|
|
background-color: rgba(0, 0, 0, 0);
|
||
|
|
color: rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Progress icons */
|
||
|
|
|
||
|
|
.style-simple .progress_icons .progress_icon {
|
||
|
|
color: rgba(0, 0, 0, .3);
|
||
|
|
border-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
}
|
||
|
|
.style-simple .progress_icons .progress_icon.themebg {
|
||
|
|
border-color: transparent;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.style-simple .progress_icons .progress_icon:not(.themebg) {
|
||
|
|
background: none;
|
||
|
|
border-color: rgba(0, 0, 0, .3);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Pricing box */
|
||
|
|
|
||
|
|
.style-simple .pricing-box {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.style-simple .pricing-box:not(.pricing-box-featured) {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Tooltip */
|
||
|
|
|
||
|
|
.style-simple .tooltip:hover:after, .style-simple .tooltip.hover:after {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Highlight */
|
||
|
|
|
||
|
|
.style-simple .highlight {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Get in touch */
|
||
|
|
|
||
|
|
.style-simple .get_in_touch {
|
||
|
|
padding: 25px 30px;
|
||
|
|
}
|
||
|
|
.style-simple .get_in_touch ul li {
|
||
|
|
border-bottom: 1px solid rgba(255, 255, 255, .1);
|
||
|
|
}
|
||
|
|
.style-simple .get_in_touch ul li:last-child {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.style-simple .get_in_touch ul li:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.style-simple .get_in_touch ul li .icon {
|
||
|
|
left: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Infobox */
|
||
|
|
|
||
|
|
.style-simple .infobox {
|
||
|
|
padding: 25px 30px;
|
||
|
|
}
|
||
|
|
.style-simple .infobox ul li {
|
||
|
|
border-bottom: 1px solid rgba(255, 255, 255, .1);
|
||
|
|
padding-left: 40px;
|
||
|
|
}
|
||
|
|
.style-simple .infobox ul li:last-child {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.style-simple .infobox ul li:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.style-simple .infobox ul li:before {
|
||
|
|
left: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Icon bar */
|
||
|
|
|
||
|
|
.style-simple a.icon_bar {
|
||
|
|
border-width: 0;
|
||
|
|
background-color: #f0f0f0;
|
||
|
|
background-image: none;
|
||
|
|
-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .0);
|
||
|
|
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .0);
|
||
|
|
}
|
||
|
|
.style-simple a.icon_bar span.t {
|
||
|
|
opacity: 1;
|
||
|
|
filter: alpha(opacity=100);
|
||
|
|
}
|
||
|
|
.style-simple a:hover.icon_bar span.t {
|
||
|
|
opacity: 0;
|
||
|
|
filter: alpha(opacity=0);
|
||
|
|
}
|
||
|
|
.style-simple a.icon_bar span.b {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
opacity: 0;
|
||
|
|
filter: alpha(opacity=0);
|
||
|
|
}
|
||
|
|
.style-simple a:hover.icon_bar span.b {
|
||
|
|
opacity: 1;
|
||
|
|
filter: alpha(opacity=100);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
|
||
|
|
.style-simple a.icon_bar span {
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out;
|
||
|
|
}
|
||
|
|
.style-simple a.icon_bar span.b {
|
||
|
|
-webkit-transform: translate3d(0, 0, 0);
|
||
|
|
-moz-transform: translate3d(0, 0, 0);
|
||
|
|
transform: translate3d(0, 0, 0);
|
||
|
|
}
|
||
|
|
.style-simple a:hover.icon_bar span {
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
-moz-transform: translateY(0);
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
#contactWrapper .column {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
#contactWrapper input[type="date"], #contactWrapper input[type="email"], #contactWrapper input[type="number"], #contactWrapper input[type="password"], #contactWrapper input[type="search"], #contactWrapper input[type="tel"], #contactWrapper input[type="text"], #contactWrapper input[type="url"], #contactWrapper select, #contactWrapper textarea {
|
||
|
|
padding: 10px;
|
||
|
|
outline: none;
|
||
|
|
margin: 0;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 100%;
|
||
|
|
display: block;
|
||
|
|
margin-bottom: 0;
|
||
|
|
font-size: 13px;
|
||
|
|
border-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
-webkit-appearance: none;
|
||
|
|
-webkit-border-radius: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ---------------- contact form -------------------- */
|
||
|
|
|
||
|
|
#contactform .column input[type="text"], #contactform .column input[type="email"] {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
#contactform .column {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
.flv_disp_none {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
.flv_disp_none, div.flv_disp_none, p.flv_disp_none {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.flv_viz_hid, div.flv_viz_hid, p.flv_viz_hid {
|
||
|
|
visibility: hidden !important;
|
||
|
|
}
|
||
|
|
.flv_clear_both, div.flv_clear_both, p.flv_clear_both {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
body.nice-scroll:not(.layout-boxed) {
|
||
|
|
padding-right: 10px !important;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
#rev_slider_100_1 input, #rev_slider_98_1_wrapper input {
|
||
|
|
display: inline-block !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 11. Bootstrap elements
|
||
|
|
|
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
|
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
.visible-xs, .visible-sm, .visible-md, .visible-lg {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
@media (max-width: 767px) {
|
||
|
|
.visible-xs {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
table.visible-xs {
|
||
|
|
display: table;
|
||
|
|
}
|
||
|
|
tr.visible-xs {
|
||
|
|
display: table-row !important;
|
||
|
|
}
|
||
|
|
th.visible-xs, td.visible-xs {
|
||
|
|
display: table-cell !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 767px) {
|
||
|
|
.visible-xs-block {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 767px) {
|
||
|
|
.visible-xs-inline {
|
||
|
|
display: inline !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 767px) {
|
||
|
|
.visible-xs-inline-block {
|
||
|
|
display: inline-block !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
||
|
|
.visible-sm {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
table.visible-sm {
|
||
|
|
display: table;
|
||
|
|
}
|
||
|
|
tr.visible-sm {
|
||
|
|
display: table-row !important;
|
||
|
|
}
|
||
|
|
th.visible-sm, td.visible-sm {
|
||
|
|
display: table-cell !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
||
|
|
.visible-sm-block {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
||
|
|
.visible-sm-inline {
|
||
|
|
display: inline !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
||
|
|
.visible-sm-inline-block {
|
||
|
|
display: inline-block !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||
|
|
.visible-md {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
table.visible-md {
|
||
|
|
display: table;
|
||
|
|
}
|
||
|
|
tr.visible-md {
|
||
|
|
display: table-row !important;
|
||
|
|
}
|
||
|
|
th.visible-md, td.visible-md {
|
||
|
|
display: table-cell !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||
|
|
.visible-md-block {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||
|
|
.visible-md-inline {
|
||
|
|
display: inline !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||
|
|
.visible-md-inline-block {
|
||
|
|
display: inline-block !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 1200px) {
|
||
|
|
.visible-lg {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
table.visible-lg {
|
||
|
|
display: table;
|
||
|
|
}
|
||
|
|
tr.visible-lg {
|
||
|
|
display: table-row !important;
|
||
|
|
}
|
||
|
|
th.visible-lg, td.visible-lg {
|
||
|
|
display: table-cell !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 1200px) {
|
||
|
|
.visible-lg-block {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 1200px) {
|
||
|
|
.visible-lg-inline {
|
||
|
|
display: inline !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 1200px) {
|
||
|
|
.visible-lg-inline-block {
|
||
|
|
display: inline-block !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 767px) {
|
||
|
|
.hidden-xs {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
||
|
|
.hidden-sm {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||
|
|
.hidden-md {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 1200px) {
|
||
|
|
.hidden-lg {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.visible-print {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
@media print {
|
||
|
|
.visible-print {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
table.visible-print {
|
||
|
|
display: table;
|
||
|
|
}
|
||
|
|
tr.visible-print {
|
||
|
|
display: table-row !important;
|
||
|
|
}
|
||
|
|
th.visible-print, td.visible-print {
|
||
|
|
display: table-cell !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.visible-print-block {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
@media print {
|
||
|
|
.visible-print-block {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.visible-print-inline {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
@media print {
|
||
|
|
.visible-print-inline {
|
||
|
|
display: inline !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.visible-print-inline-block {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
@media print {
|
||
|
|
.visible-print-inline-block {
|
||
|
|
display: inline-block !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media print {
|
||
|
|
.hidden-print {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.slotholder {
|
||
|
|
transform: none !important;
|
||
|
|
}
|
||
|
|
@media only screen and (max-width: 767px) {
|
||
|
|
.caroufredsel_wrapper {
|
||
|
|
width: 90% !important;
|
||
|
|
margin: auto !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media only screen and (max-width: 767px) {
|
||
|
|
.caroufredsel_wrapper ul.offer_ul li, .caroufredsel_wrapper ul.offer_ul {
|
||
|
|
width: 100% !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.woocommerce .product .product_wrapper .product_image_wrapper .images {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.widget_product_categories ul {
|
||
|
|
background-color: #2991d6;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Hide border */
|
||
|
|
|
||
|
|
.if-border-hide .image_frame:not(.has_border) {
|
||
|
|
border-width: 0;
|
||
|
|
}
|
||
|
|
.logo-overflow #Top_bar .logo {
|
||
|
|
height: 60px;
|
||
|
|
position: relative;
|
||
|
|
z-index: 198
|
||
|
|
}
|
||
|
|
.logo-overflow #Top_bar #logo {
|
||
|
|
height: auto!important;
|
||
|
|
margin-top: 0!important;
|
||
|
|
z-index: 199
|
||
|
|
}
|
||
|
|
.logo-overflow #Top_bar #logo img {
|
||
|
|
max-height: none;
|
||
|
|
z-index: 200
|
||
|
|
}
|
||
|
|
.logo-overflow #Top_bar.is-sticky #logo {
|
||
|
|
height: auto!important
|
||
|
|
}
|
||
|
|
.logo-overflow #Top_bar.is-sticky #logo img:not(.svg) {
|
||
|
|
max-height: 110px!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* .minimalist-header */
|
||
|
|
|
||
|
|
body.minimalist-header:not(.template-slider) #Header {
|
||
|
|
min-height: 0;
|
||
|
|
background-image: none!important
|
||
|
|
}
|
||
|
|
body.minimalist-header.header-modern:not(.template-slider) #Header {
|
||
|
|
min-height: 147px
|
||
|
|
}
|
||
|
|
body.minimalist-header.header-simple:not(.template-slider) #Header {
|
||
|
|
min-height: 130px
|
||
|
|
}
|
||
|
|
body.minimalist-header.header-stack:not(.template-slider) #Header {
|
||
|
|
min-height: 0
|
||
|
|
}
|
||
|
|
body.minimalist-header.header-fixed:not(.template-slider) #Header {
|
||
|
|
min-height: 60px
|
||
|
|
}
|
||
|
|
body.minimalist-header.header-below:not(.template-slider) #Header {
|
||
|
|
min-height: 90px;
|
||
|
|
padding-top: 0
|
||
|
|
}
|
||
|
|
.minimalist-header-no #Header {
|
||
|
|
min-height: 0!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Transparent ----------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.tr-content #Wrapper, .tr-content #Content {
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.tr-header #Wrapper {
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.tr-header #Header_wrapper {
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
.tr-footer #Wrapper {
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.tr-footer #Footer {
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Decoration Image | height:100px - fallback */
|
||
|
|
|
||
|
|
.section .section-decoration {
|
||
|
|
width: 100%;
|
||
|
|
height: 100px;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.section .section-decoration.top {
|
||
|
|
top: 0;
|
||
|
|
background-position: center top;
|
||
|
|
}
|
||
|
|
.section .section-decoration.bottom {
|
||
|
|
bottom: 0;
|
||
|
|
background-position: center bottom;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header | Transparent */
|
||
|
|
|
||
|
|
.header-transparent #Top_bar .top_bar_left, .header-transparent #Top_bar .top_bar_right, .header-transparent #Top_bar .top_bar_right:before {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.header-transparent #Top_bar .top_bar_right {
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.header-transparent #Top_bar #logo {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.header-transparent #Top_bar .menu>li>a:after {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.header-transparent #Top_bar .menu>li>a span {
|
||
|
|
border-color: rgba(0, 0, 0, 0.03);
|
||
|
|
}
|
||
|
|
.header-transparent #Top_bar .menu li>ul:not(.mfn-megamenu-bg) {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.header-transparent.ab-hide #Top_bar {
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.header-transparent #Top_bar.is-sticky .menu_wrapper .menu>li>a {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.header-transparent #Top_bar.is-sticky .menu>li>a span:not(.description) {
|
||
|
|
line-height: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Buttons | Stroke ------------------------------------------------------------------ */
|
||
|
|
.button-stroke a.button:not(.action_button),.button-stroke:not(.header-plain) a.button.action_button,.button-stroke a.tp-button,.button-stroke button,.button-stroke input[type="submit"],.button-stroke input[type="reset"],.button-stroke input[type="button"]{border-width:2px;border-style:solid;-webkit-border-radius:3px;border-radius:3px;background-color:transparent!important;-webkit-box-shadow:inset 0 0 0 0;box-shadow:inset 0 0 0 0;background-image:none}
|
||
|
|
.button-stroke a.button:not(.action_button):after,.button-stroke:not(.header-plain) a.button.action_button:after,.button-stroke a.tp-button:after,.button-stroke button:after,.button-stroke input[type="submit"]:after,.button-stroke input[type="reset"]:after,.button-stroke input[type="button"]:after{display:none}
|
||
|
|
|
||
|
|
.button-stroke a.button:not(.action_button),.button-stroke:not(.header-plain) a.button.action_button,.button-stroke a.tp-button,.button-stroke button,.button-stroke input[type="submit"],.button-stroke input[type="reset"],.button-stroke input[type="button"]{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
|
||
|
|
.button-stroke a:hover.button:not(.action_button),.button-stroke:not(.header-plain) a:hover.button.action_button,.button-stroke a:hover.tp-button,.button-stroke button:hover,.button-stroke input[type="submit"]:hover,.button-stroke input[type="reset"]:hover,.button-stroke input[type="button"]:hover{background-color:#828282}
|
||
|
|
.button-stroke a:hover.button.button_stroke_custom:not(.action_button),.button-stroke:not(.header-plain) a:hover.button.button_stroke_custom.action_button,.button-stroke a:hover.tp-button.button_stroke_custom{background-color:rgba(0,0,0,.05)!important}
|
||
|
|
.button-stroke a.button .button_icon{background:none}
|
||
|
|
.button-stroke a:hover.button .button_icon i,.button-stroke a.button.button_theme:hover .button_icon i{color:rgba(0,0,0,.5)!important}
|
||
|
|
|
||
|
|
.button-stroke a.button_left.button .button_label,.button-stroke a.button_left.button_large .button_label{padding-left:0}
|
||
|
|
.button-stroke a.button_right.button .button_label,.button-stroke a.button_right.button_large .button_label{padding-right:0}
|
||
|
|
.button-stroke a.button_left.button_large .button_icon{padding-left:27px}
|
||
|
|
.button-stroke a.button_right.button_large .button_icon{padding-right:27px}
|
||
|
|
|
||
|
|
/* Buttons sizes */
|
||
|
|
a.button.button_size_1 .button_label{padding:10px 17px}
|
||
|
|
a.button.button_size_1 .button_icon{padding:10px 10px}
|
||
|
|
a.button.button_size_1,
|
||
|
|
a.tp-button.button_size_1,
|
||
|
|
button.button_size_1,
|
||
|
|
input[type="submit"].button_size_1,
|
||
|
|
input[type="reset"].button_size_1,
|
||
|
|
input[type="button"].button_size_1{font-size:95%;line-height:95%}
|
||
|
|
|
||
|
|
a.button.button_size_3 .button_label{padding:15px 30px}
|
||
|
|
a.button.button_size_3 .button_icon{padding:15px 13px}
|
||
|
|
a.button.button_size_3,
|
||
|
|
a.tp-button.button_size_3,
|
||
|
|
button.button_size_3,
|
||
|
|
input[type="submit"].button_size_3,
|
||
|
|
input[type="reset"].button_size_3,
|
||
|
|
input[type="button"].button_size_3{font-size:110%;line-height:110%}
|
||
|
|
|
||
|
|
a.button.button_size_4 .button_label{padding:18px 33px;}
|
||
|
|
a.button.button_size_4 .button_icon{padding:18px 16px}
|
||
|
|
a.button.button_size_4,
|
||
|
|
a.tp-button.button_size_4,
|
||
|
|
button.button_size_4,
|
||
|
|
input[type="submit"].button_size_4,
|
||
|
|
input[type="reset"].button_size_4,
|
||
|
|
input[type="button"].button_size_4{font-size:120%;line-height:120%}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
a.button.button_full_width, button.button_full_width, input[type="submit"].button_full_width, input[type="reset"].button_full_width, input[type="button"].button_full_width {
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
a.button.button_full_width .button_label {
|
||
|
|
display: inline-block;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
#wowslider-container1 a.ws_next:before {
|
||
|
|
content: "\e914" !important;
|
||
|
|
}
|
||
|
|
#wowslider-container1 a.ws_prev:before {
|
||
|
|
content: '\e8b6' !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Side Slide ------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
#body_overlay {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 120%;
|
||
|
|
background: rgba(0, 0, 0, .6);
|
||
|
|
z-index: 9002;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* height +20% - mobile fallback */
|
||
|
|
|
||
|
|
body.mobile-side-slide {
|
||
|
|
position: relative;
|
||
|
|
overflow-x: visible;
|
||
|
|
}
|
||
|
|
#Side_slide {
|
||
|
|
display: block;
|
||
|
|
position: fixed;
|
||
|
|
top: 0px;
|
||
|
|
right: -250px;
|
||
|
|
width: 250px;
|
||
|
|
height: 100%;
|
||
|
|
overflow: auto;
|
||
|
|
border-bottom-width: 60px;
|
||
|
|
border-bottom-style: solid;
|
||
|
|
z-index: 9003;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* border-bottom:60px - mobile fallback */
|
||
|
|
|
||
|
|
#Side_slide.left {
|
||
|
|
left: -250px;
|
||
|
|
right: 0
|
||
|
|
}
|
||
|
|
.admin-bar #Side_slide {
|
||
|
|
border-top-width: 32px;
|
||
|
|
border-top-style: solid;
|
||
|
|
}
|
||
|
|
#Side_slide .close-wrapper {
|
||
|
|
height: 60px
|
||
|
|
}
|
||
|
|
#Side_slide .close-wrapper a.close {
|
||
|
|
height: 34px;
|
||
|
|
width: 34px;
|
||
|
|
display: block;
|
||
|
|
float: right;
|
||
|
|
margin: 13px 13px 0 0
|
||
|
|
}
|
||
|
|
#Side_slide .close-wrapper a.close i {
|
||
|
|
font-size: 22px;
|
||
|
|
line-height: 34px;
|
||
|
|
}
|
||
|
|
#Side_slide .extras {
|
||
|
|
padding: 0 20px
|
||
|
|
}
|
||
|
|
#Side_slide .extras .action_button {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0 0 20px;
|
||
|
|
text-align: center;
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
#Side_slide .extras .action_button .button_label {
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
#Side_slide .extras .extras-wrapper {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
#Side_slide .extras .extras-wrapper a {
|
||
|
|
display: inline-block;
|
||
|
|
text-decoration: none;
|
||
|
|
vertical-align: middle;
|
||
|
|
padding: 5px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
line-height: 22px
|
||
|
|
}
|
||
|
|
#Side_slide .extras .extras-wrapper .icon {
|
||
|
|
font-size: 22px
|
||
|
|
}
|
||
|
|
#Side_slide .extras .extras-wrapper .cart {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
#Side_slide .extras .extras-wrapper .cart span {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 31px;
|
||
|
|
font-size: 11px;
|
||
|
|
border-radius: 2px
|
||
|
|
}
|
||
|
|
#Side_slide .extras .extras-wrapper a.lang-active img {
|
||
|
|
position: relative;
|
||
|
|
top: 2px;
|
||
|
|
}
|
||
|
|
#Side_slide .extras .extras-wrapper a.lang-active i:before {
|
||
|
|
width: auto;
|
||
|
|
margin-left: 5px
|
||
|
|
}
|
||
|
|
#Side_slide #menu {
|
||
|
|
display: block!important;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
max-height: none!important
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul {
|
||
|
|
width: 100%!important;
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li {
|
||
|
|
width: 100%;
|
||
|
|
position: relative;
|
||
|
|
border-top: 1px solid rgba(255, 255, 255, .03)
|
||
|
|
}
|
||
|
|
#Side_slide #menu>ul:last-child>li:last-child {
|
||
|
|
border-bottom: 1px solid rgba(255, 255, 255, .03)
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li a {
|
||
|
|
display: block;
|
||
|
|
padding: 11px 5px 10px 20px;
|
||
|
|
margin-right: 50px;
|
||
|
|
text-decoration: none;
|
||
|
|
line-height: 19px
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li a .menu-arrow {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li ul {
|
||
|
|
display: none;
|
||
|
|
background: rgba(255, 255, 255, .025)
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li ul li a {
|
||
|
|
padding-left: 35px
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li ul li ul li a {
|
||
|
|
padding-left: 50px
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li.submenu .menu-toggle {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
right: 5px;
|
||
|
|
top: 0;
|
||
|
|
width: 40px;
|
||
|
|
height: 40px;
|
||
|
|
line-height: 40px;
|
||
|
|
font-size: 22px;
|
||
|
|
font-weight: 100;
|
||
|
|
text-align: center;
|
||
|
|
cursor: pointer;
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li.submenu .menu-toggle:after {
|
||
|
|
content: "+"
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li.hover>.menu-toggle {
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li.hover>.menu-toggle:after {
|
||
|
|
content: "-"
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul.mfn-megamenu-bg {
|
||
|
|
background-image: none!important
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul.mfn-megamenu li .menu-toggle {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul.mfn-megamenu>li>ul {
|
||
|
|
display: block!important
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul.mfn-megamenu>li>ul:first-child {
|
||
|
|
background-color: transparent
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul.mfn-megamenu>li>ul:first-child>li:first-child {
|
||
|
|
border-top-width: 0
|
||
|
|
}
|
||
|
|
#Side_slide .lang-wrapper {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
text-align: center;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#Side_slide .lang-wrapper ul li {
|
||
|
|
border-top: 1px solid rgba(255, 255, 255, .03)
|
||
|
|
}
|
||
|
|
#Side_slide .lang-wrapper ul li:last-child {
|
||
|
|
border-bottom: 1px solid rgba(255, 255, 255, .03)
|
||
|
|
}
|
||
|
|
#Side_slide .lang-wrapper ul li a {
|
||
|
|
display: block;
|
||
|
|
padding: 11px 20px 10px 20px;
|
||
|
|
text-decoration: none;
|
||
|
|
line-height: 19px
|
||
|
|
}
|
||
|
|
#Side_slide .search-wrapper {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
position: relative;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#Side_slide .search-wrapper input.field {
|
||
|
|
width: 100%;
|
||
|
|
background: none!important;
|
||
|
|
border-width: 1px 0 1px 0;
|
||
|
|
border-color: rgba(255, 255, 255, .05);
|
||
|
|
line-height: 20px;
|
||
|
|
padding: 10px 55px 10px 20px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
box-shadow: 0 0 0 0 transparent;
|
||
|
|
}
|
||
|
|
#Side_slide .search-wrapper a.submit {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 5px;
|
||
|
|
font-size: 20px;
|
||
|
|
padding: 10px
|
||
|
|
}
|
||
|
|
#Side_slide .social {
|
||
|
|
text-align: center;
|
||
|
|
margin: 0 20px 13px
|
||
|
|
}
|
||
|
|
#Side_slide .social li {
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
#Side_slide .social li a {
|
||
|
|
display: block;
|
||
|
|
padding: 3px 5px;
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Side Slide | Color */
|
||
|
|
|
||
|
|
#Side_slide {
|
||
|
|
background-color: #191919;
|
||
|
|
border-color: #191919
|
||
|
|
}
|
||
|
|
|
||
|
|
/* border-bottom:60px - mobile fallback */
|
||
|
|
|
||
|
|
#Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.button), #Side_slide #menu ul li.submenu .menu-toggle {
|
||
|
|
color: #a6a6a6
|
||
|
|
}
|
||
|
|
#Side_slide a:not(.button):hover, #Side_slide a.active, #Side_slide #menu ul li.hover>.menu-toggle {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li.current-menu-item>a, #Side_slide #menu ul li.current_page_item>a, #Side_slide #menu ul li.current-menu-parent>a, #Side_slide #menu ul li.current-page-parent>a, #Side_slide #menu ul li.current-menu-ancestor>a, #Side_slide #menu ul li.current-page-ancestor>a, #Side_slide #menu ul li.current_page_ancestor>a, #Side_slide #menu ul li.hover>a, #Side_slide #menu ul li:hover>a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Side Slide | Light */
|
||
|
|
|
||
|
|
#Side_slide.light #menu ul li {
|
||
|
|
border-top-color: rgba(0, 0, 0, .03)
|
||
|
|
}
|
||
|
|
#Side_slide.light #menu>ul:last-child>li:last-child {
|
||
|
|
border-bottom-color: rgba(0, 0, 0, .03)
|
||
|
|
}
|
||
|
|
#Side_slide.light #menu ul li ul {
|
||
|
|
background: rgba(0, 0, 0, .02)
|
||
|
|
}
|
||
|
|
#Side_slide.light .lang-wrapper ul li {
|
||
|
|
border-top-color: rgba(0, 0, 0, .03)
|
||
|
|
}
|
||
|
|
#Side_slide.light .lang-wrapper ul li:last-child {
|
||
|
|
border-bottom-color: rgba(0, 0, 0, .03)
|
||
|
|
}
|
||
|
|
#Side_slide.light .search-wrapper input.field {
|
||
|
|
border-color: rgba(0, 0, 0, .05)
|
||
|
|
}
|
||
|
|
.aside_both .sidebar.sidebar-1 {
|
||
|
|
margin-left: -82%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Before After | TwentyTwenty plugin ------------------------------------------------ */
|
||
|
|
|
||
|
|
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
|
||
|
|
content: " ";
|
||
|
|
display: block;
|
||
|
|
background: #fff;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 30;
|
||
|
|
-webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
|
||
|
|
-moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
|
||
|
|
box-shadow: 0 0 12px rgba(51, 51, 51, 0.5)
|
||
|
|
}
|
||
|
|
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
|
||
|
|
width: 3px;
|
||
|
|
height: 9999px;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -1.5px
|
||
|
|
}
|
||
|
|
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
|
||
|
|
width: 9999px;
|
||
|
|
height: 3px;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -1.5px
|
||
|
|
}
|
||
|
|
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
-webkit-transition-duration: .5s;
|
||
|
|
-moz-transition-duration: .5s;
|
||
|
|
transition-duration: .5s
|
||
|
|
}
|
||
|
|
.twentytwenty-before-label, .twentytwenty-after-label {
|
||
|
|
-webkit-transition-property: opacity;
|
||
|
|
-moz-transition-property: opacity;
|
||
|
|
transition-property: opacity
|
||
|
|
}
|
||
|
|
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
|
||
|
|
color: #fff;
|
||
|
|
font-size: 13px;
|
||
|
|
letter-spacing: .1em;
|
||
|
|
position: absolute;
|
||
|
|
background: rgba(0, 0, 0, 0.25);
|
||
|
|
line-height: 38px;
|
||
|
|
padding: 0 20px;
|
||
|
|
-webkit-border-radius: 2px;
|
||
|
|
-moz-border-radius: 2px;
|
||
|
|
border-radius: 2px
|
||
|
|
}
|
||
|
|
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -19px
|
||
|
|
}
|
||
|
|
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -45px;
|
||
|
|
text-align: center;
|
||
|
|
width: 90px
|
||
|
|
}
|
||
|
|
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border: 6px inset transparent;
|
||
|
|
position: absolute
|
||
|
|
}
|
||
|
|
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -6px
|
||
|
|
}
|
||
|
|
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -6px
|
||
|
|
}
|
||
|
|
.twentytwenty-container {
|
||
|
|
-webkit-box-sizing: content-box;
|
||
|
|
-moz-box-sizing: content-box;
|
||
|
|
box-sizing: content-box;
|
||
|
|
z-index: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none
|
||
|
|
}
|
||
|
|
.twentytwenty-container img {
|
||
|
|
max-width: 100%;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
|
||
|
|
background: rgba(0, 0, 0, 0)
|
||
|
|
}
|
||
|
|
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
|
||
|
|
opacity: 0
|
||
|
|
}
|
||
|
|
.twentytwenty-container * {
|
||
|
|
-webkit-box-sizing: content-box;
|
||
|
|
-moz-box-sizing: content-box;
|
||
|
|
box-sizing: content-box
|
||
|
|
}
|
||
|
|
.twentytwenty-before-label {
|
||
|
|
opacity: 0
|
||
|
|
}
|
||
|
|
.twentytwenty-before-label:before {
|
||
|
|
content: "Before"
|
||
|
|
}
|
||
|
|
.twentytwenty-after-label {
|
||
|
|
opacity: 0
|
||
|
|
}
|
||
|
|
.twentytwenty-after-label:before {
|
||
|
|
content: "After"
|
||
|
|
}
|
||
|
|
.twentytwenty-horizontal .twentytwenty-before-label:before {
|
||
|
|
left: 10px
|
||
|
|
}
|
||
|
|
.twentytwenty-horizontal .twentytwenty-after-label:before {
|
||
|
|
right: 10px
|
||
|
|
}
|
||
|
|
.twentytwenty-vertical .twentytwenty-before-label:before {
|
||
|
|
top: 10px
|
||
|
|
}
|
||
|
|
.twentytwenty-vertical .twentytwenty-after-label:before {
|
||
|
|
bottom: 10px
|
||
|
|
}
|
||
|
|
.twentytwenty-overlay {
|
||
|
|
-webkit-transition-property: background;
|
||
|
|
-moz-transition-property: background;
|
||
|
|
transition-property: background;
|
||
|
|
background: rgba(0, 0, 0, 0);
|
||
|
|
z-index: 25
|
||
|
|
}
|
||
|
|
.twentytwenty-overlay:hover .twentytwenty-after-label {
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
.twentytwenty-overlay:hover .twentytwenty-before-label {
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
.twentytwenty-before {
|
||
|
|
z-index: 20
|
||
|
|
}
|
||
|
|
.twentytwenty-after {
|
||
|
|
z-index: 10
|
||
|
|
}
|
||
|
|
.twentytwenty-handle {
|
||
|
|
height: 38px;
|
||
|
|
width: 38px;
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
margin-left: -22px;
|
||
|
|
margin-top: -22px;
|
||
|
|
border: 3px solid #fff;
|
||
|
|
-webkit-border-radius: 1000px;
|
||
|
|
-moz-border-radius: 1000px;
|
||
|
|
border-radius: 1000px;
|
||
|
|
-webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
|
||
|
|
-moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
|
||
|
|
box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
|
||
|
|
z-index: 40;
|
||
|
|
cursor: pointer
|
||
|
|
}
|
||
|
|
.twentytwenty-horizontal .twentytwenty-handle:before {
|
||
|
|
bottom: 50%;
|
||
|
|
margin-bottom: 22px;
|
||
|
|
-webkit-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
|
||
|
|
-moz-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
|
||
|
|
box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5)
|
||
|
|
}
|
||
|
|
.twentytwenty-horizontal .twentytwenty-handle:after {
|
||
|
|
top: 50%;
|
||
|
|
margin-top: 22px;
|
||
|
|
-webkit-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
|
||
|
|
-moz-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
|
||
|
|
box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5)
|
||
|
|
}
|
||
|
|
.twentytwenty-vertical .twentytwenty-handle:before {
|
||
|
|
left: 50%;
|
||
|
|
margin-left: 22px;
|
||
|
|
-webkit-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
|
||
|
|
-moz-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
|
||
|
|
box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5)
|
||
|
|
}
|
||
|
|
.twentytwenty-vertical .twentytwenty-handle:after {
|
||
|
|
right: 50%;
|
||
|
|
margin-right: 22px;
|
||
|
|
-webkit-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
|
||
|
|
-moz-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
|
||
|
|
box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5)
|
||
|
|
}
|
||
|
|
.twentytwenty-left-arrow {
|
||
|
|
border-right: 6px solid #fff;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -17px
|
||
|
|
}
|
||
|
|
.twentytwenty-right-arrow {
|
||
|
|
border-left: 6px solid #fff;
|
||
|
|
right: 50%;
|
||
|
|
margin-right: -17px
|
||
|
|
}
|
||
|
|
.twentytwenty-up-arrow {
|
||
|
|
border-bottom: 6px solid #fff;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -17px
|
||
|
|
}
|
||
|
|
.twentytwenty-down-arrow {
|
||
|
|
border-top: 6px solid #fff;
|
||
|
|
bottom: 50%;
|
||
|
|
margin-bottom: -17px
|
||
|
|
}
|
||
|
|
|
||
|
|
.section.full-width > .section_wrapper {
|
||
|
|
max-width: 100% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Switch Style */
|
||
|
|
.demo-switch{text-align:center;}
|
||
|
|
.demo-switch .title{margin:0 2% 15px;font-family:Lora;font-style:italic;color:#6c6d6d;}
|
||
|
|
.demo-switch a{margin:0 2%;font-weight:700;opacity:.8;}
|
||
|
|
.demo-switch a:hover{opacity:1;}
|
||
|
|
.demo-switch a.active{color:#0095eb;opacity:1;}
|
||
|
|
.demo-switch a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Slick Slider ---------------------------------------------------------------------- */
|
||
|
|
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
|
||
|
|
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
|
||
|
|
.slick-list:focus{outline:none}
|
||
|
|
.slick-list.dragging{cursor:pointer;cursor:hand}
|
||
|
|
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
|
||
|
|
.slick-track{position:relative;top:0;left:0;display:block}
|
||
|
|
.slick-track:before,.slick-track:after{display:table;content:''}
|
||
|
|
.slick-track:after{clear:both}
|
||
|
|
.slick-loading .slick-track{visibility:hidden}
|
||
|
|
.slick-slide{display:none;float:left;height:100%;min-height:1px;outline:none}
|
||
|
|
[dir='rtl'] .slick-slide{float:right!important}
|
||
|
|
.slick-slide img{display:block}
|
||
|
|
.slick-slide.slick-loading img{display:none}
|
||
|
|
.slick-slide.dragging img{pointer-events:none}
|
||
|
|
.slick-initialized .slick-slide{display:block}
|
||
|
|
.slick-loading .slick-slide{visibility:hidden}
|
||
|
|
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
|
||
|
|
.slick-arrow.slick-hidden{display:none}
|
||
|
|
|
||
|
|
|
||
|
|
/* Buttons | Flat -------------------------------------------------------------------- */
|
||
|
|
.button-flat a.button:not(.action_button),.button-flat:not(.header-plain) a.button.action_button,.button-flat a.tp-button,.button-flat button,.button-flat input[type="submit"],.button-flat input[type="reset"],.button-flat input[type="button"]{background-image:none;border-width:0;border-style:solid;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:inset 0 0 0 0;box-shadow:inset 0 0 0 0;-webkit-appearance:none}
|
||
|
|
.button-flat a.button .button_icon{background:none}
|
||
|
|
.button-flat a.button .button_icon i{color:inherit}
|
||
|
|
|
||
|
|
.button-flat a.button_left.button .button_label,.button-flat a.button_left.button_large .button_label{padding-left:0}
|
||
|
|
.button-flat a.button_right.button .button_label,.button-flat a.button_right.button_large .button_label{padding-right:0}
|
||
|
|
.button-flat a.button_left.button_large .button_icon{padding-left:27px}
|
||
|
|
.button-flat a.button_right.button_large .button_icon{padding-right:27px}
|
||
|
|
|
||
|
|
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
|
||
|
|
|
||
|
|
@media only screen and (min-width: 768px){
|
||
|
|
.button-flat a.button:after,.button-flat a.tp-button:after,.button-flat button:after,.button-flat input[type="submit"]:after,.button-flat input[type="reset"]:after,.button-flat input[type="button"]:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;background:rgba(0,0,0,.07);filter:alpha(opacity=0);opacity:0}
|
||
|
|
.button-flat a.button:hover:after,.button-flat a.tp-button:hover:after,.button-flat button:hover:after,.button-flat input[type="submit"]:hover:after,.button-flat input[type="reset"]:hover:after,.button-flat input[type="button"]:hover:after{width:100%;filter:alpha(opacity=1);opacity:1}
|
||
|
|
}
|