/************************************************
* wordpress-post-tabs-skin-default ui-tabs *
************************************************/
.wordpress-post-tabs-skin-default ul.ui-tabs,.wordpress-post-tabs-skin-default ul.ui-tabs-nav{margin:0 !important;font-size:13px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:24px !important}
.wordpress-post-tabs-skin-default .ui-tabs { padding: 0; zoom: 1; }
.wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 1px 0; }
.wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-width: 0 !important; margin: 0 4px 2px 0 !important; padding: 0 !important; list-style:none !important;line-height:24px !important;}
.wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 4px 10px !important; color:#5E5E5E !important;line-height:24px !important;background-color:#EFEFEF;}
.wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-active a, .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#FFF !important; background-color:#5E5E5E;}
.wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a, .wordpress-post-tabs-skin-default .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-state-active a { cursor: pointer; outline: none; border: none; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-panel { padding: 4px 0; display: block; border-width: 0; background: none; }
.wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; }
/*Start - Link*/
.wordpress-post-tabs-skin-default .wpts_ext {position: relative; float: left; border-width: 0 !important; margin: 0 4px 2px 0 !important; padding: 0 !important; list-style:none !important;line-height:24px !important;height:32px; }
.wordpress-post-tabs-skin-default .wpts_ext a{ float: left; text-decoration: none; color:#5E5E5E !important;line-height:24px !important;background-color:#EFEFEF;padding: 4px 10px;}
/*End - Link CSS*/
/*Top Tabs */
.wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top, .wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext{padding-bottom:4px!important;height:32px; }
.wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top.ui-state-active { border-width: 0 !important; background:url(images/arrowt.gif) no-repeat bottom center;}
.wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext{}
* {
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
/*Prev Next Button*/
.wordpress-post-tabs-skin-default a.wpts-mover { background: #EFEFEF; padding: 3px 6px; color: #5E5E5E; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; text-decoration: none; margin-bottom:0.8em;border:none;}
/************************************************
* WPTS PRO Basic Styles
************************************************/
.wordpress-post-tabs-skin-default .wpts_spacer{margin:5px 0 0 0 !important}
.wpts-hide .wordpress-post-tabs-skin-default { display: none; }
.wordpress-post-tabs-skin-default .wpts-next-tab{ float:right;}
.wordpress-post-tabs-skin-default .wpts-prev-tab{ float:left;}
.wordpress-post-tabs-skin-default .wpts_cl{display:block;visibility:hidden;clear:left;height:0;content:".";}
.wordpress-post-tabs-skin-default .wpts_cr{display:block;visibility:hidden;clear:right;height:0;content:".";}
/*!
* Bootstrap v3.0.0
*
* Copyright 2013 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
.osc-res-tab a{color:#428bca;text-decoration:none;}.osc-res-tab a:hover,.osc-res-tab a:focus{color:#2a6496;text-decoration:underline;}
.osc-res-tab a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.osc-res-tab .pull-right {float: right !important;}
.osc-res-tab .nav{margin-bottom:0;padding-left:0;list-style:none;}.osc-res-tab .nav:before,.nav:after{content:" ";display:table;}
.osc-res-tab .nav:after{clear:both;}
.osc-res-tab .nav>li{position:relative;display:block;}.osc-res-tab .nav>li>a{position:relative;display:block;padding:10px 15px;}.osc-res-tab .nav>li>a:hover,.osc-res-tab .nav>li>a:focus{text-decoration:none;background-color:#eeeeee;}
.osc-res-tab .nav>li.disabled>a{color:#999999;}.osc-res-tab .nav>li.disabled>a:hover,.osc-res-tab .nav>li.disabled>a:focus{color:#999999;text-decoration:none;background-color:transparent;cursor:not-allowed;}
.osc-res-tab .nav .open>a,.osc-res-tab .nav .open>a:hover,.nav .open>a:focus{background-color:#eeeeee;border-color:#428bca;}
.osc-res-tab .nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}
.osc-res-tab .nav>li>a>img{max-width:none;}
.osc-res-tab .nav-tabs{border-bottom:1px solid #dddddd;}.osc-res-tab .nav-tabs>li{float:left;margin:0 0 -1px 0;}.osc-res-tab .nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0;}.osc-res-tab .nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #dddddd;}
.osc-res-tab .nav-tabs>li.active>a,.osc-res-tab .nav-tabs>li.active>a:hover,.osc-res-tab .nav-tabs>li.active>a:focus{color:#555555;background-color:#ffffff;border:1px solid #dddddd;border-bottom-color:transparent;cursor:default;}
.osc-res-tab.tabs-below .nav-tabs>li.active>a,.osc-res-tab.tabs-below .nav-tabs>li.active>a:hover,.osc-res-tab.tabs-below .nav-tabs>li.active>a:focus{color:#555555;background-color:#ffffff;border:1px solid #dddddd;border-bottom-color:transparent;cursor:default;margin-top: -2px;}
.osc-res-tab .nav-tabs.nav-justified{width:100%;border-bottom:0;}.nav-tabs.nav-justified>li{float:none;}.osc-res-tab .nav-tabs.nav-justified>li>a{text-align:center;}
@media (min-width:768px){.osc-res-tab .nav-tabs.nav-justified>li{display:table-cell;width:1%;}}.osc-res-tab .nav-tabs.nav-justified>li>a{border-bottom:1px solid #dddddd;margin-right:0;}
.osc-res-tab .nav-tabs.nav-justified>.active>a{border-bottom-color:#ffffff;}
.osc-res-tab .nav-pills>li{float:left;}.nav-pills>li>a{border-radius:5px;}
.osc-res-tab .nav-pills>li+li{margin-left:2px;}
.osc-res-tab .nav-pills>li.active>a,.osc-res-tab .nav-pills>li.active>a:hover,.osc-res-tab .nav-pills>li.active>a:focus{color:#ffffff;background-color:#428bca;}
.osc-res-tab .nav-stacked>li{float:none;}.osc-res-tab .nav-stacked>li+li{margin-top:2px;margin-left:0;}
.osc-res-tab .nav-justified{width:100%;}.osc-res-tab .nav-justified>li{float:none;}.osc-res-tab .nav-justified>li>a{text-align:center;}
@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%;}}
.osc-res-tab .nav-tabs-justified{border-bottom:0;}.osc-res-tab .nav-tabs-justified>li>a{border-bottom:1px solid #dddddd;margin-right:0;}
.osc-res-tab .nav-tabs-justified>.active>a{border-bottom-color:#ffffff;}
.osc-res-tab.tabbable:before,.osc-res-tab.tabbable:after{content:" ";display:table;}
.osc-res-tab.tabbable:after{clear:both;}
.osc-res-tab .tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
.osc-res-tab .tab-content>.active,.pill-content>.active{display:block;}
.osc-res-tab .nav .caret{border-top-color:#428bca;border-bottom-color:#428bca;}
.osc-res-tab .nav a:hover .caret{border-top-color:#2a6496;border-bottom-color:#2a6496;}
.osc-res-tab .nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0;}
.osc-res-tab.tabs-below div > .nav-tabs,.tabs-right > .nav-tabs,.tabs-left > .nav-tabs {border-bottom: 0;}
.osc-res-tab .tab-content > .tab-pane,
.osc-res-tab .pill-content > .pill-pane {
display: none;
}
.osc-res-tab .tab-content > .active,
.osc-res-tab .pill-content > .active {
display: block;
}
.osc-res-tab.tabs-below div > .nav-tabs {
border-top: 1px solid #ddd;
}
.osc-res-tab.tabs-below div > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0;
}
.osc-res-tab.tabs-below div > .nav-tabs > li > a {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.osc-res-tab.tabs-below div > .nav-tabs > li > a:hover,
.osc-res-tab.tabs-below div > .nav-tabs > li > a:focus {
border-top-color: #ddd;
border-bottom-color: transparent;
}
.osc-res-tab.tabs-below div > .nav-tabs > .active > a,
.osc-res-tab.tabs-below div > .nav-tabs > .active > a:hover,
.osc-res-tab.tabs-below div > .nav-tabs > .active > a:focus {
border-color: transparent #ddd #ddd #ddd;
}
.osc-res-tab ul.tab-content{
margin: 0;
padding: 10px;
}
.osc-res-tab .osc-tabs-center-div {
float:left;
width:100%;
background:#fff;
border-bottom:1px solid #DDDDDD;
overflow:hidden;
position:relative;
}
.osc-res-tab .nav.osc-tabs-center-ul {
clear:left;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
left:50%;
text-align:center;
}
.osc-res-tab .nav.osc-tabs-center-ul li {
display:block;
float:left;
list-style:none;
margin:-1px 0;
padding:0;
position:relative;
right:50%;
}
.osc-res-tab.osc-tabs-center > div {
border-bottom: 1px solid #DDDDDD;
display: inline-block;
}
.osc-res-tab.osc-tabs-center .nav-tabs {
border: medium none;
}
.osc-res-tab.osc-tabs-right > div {
border-bottom: 1px solid #DDDDDD;
display: inline-block;
}
.osc-res-tab.osc-tabs-right .nav-tabs {
float: right;
border-bottom: medium none;
}
/*Setting page css*/
.toplevel_page_easy-responsive-tabs .wrap {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E0E0E0;
padding: 0;
}
.toplevel_page_easy-responsive-tabs .wrap h2 {
border-bottom: 1px solid #E0E0E0;
font-size: 18px;
padding: 8px;
}
.toplevel_page_easy-responsive-tabs #ert_setting{
padding: 10px;
}
.toplevel_page_easy-responsive-tabs #ert_setting .form-table tr,
.toplevel_page_easy-responsive-tabs #ert_setting .form-table tr td,
.toplevel_page_easy-responsive-tabs #ert_setting .form-table tr th{
border: 1px solid #E0E0E0;
padding: 10px;
}
.toplevel_page_easy-responsive-tabs #ert_setting .form-table tr td label{
margin: 0 10px 0 0;
font-size: 13px;
}
/*!
* Bootstrap v3.0.0
*
* Copyright 2013 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
.osc-res-tab .dropdown{position:relative;}
.osc-res-tab .dropdown-toggle:focus{outline:0;}
.osc-res-tab .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#ffffff;border:1px solid #cccccc;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);background-clip:padding-box;}.osc-res-tab .dropdown-menu.pull-right{right:0;left:auto;}
.osc-res-tab .dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}
.osc-res-tab .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:#333333;white-space:nowrap;}
.dropdown-menu>li>a:hover,.osc-res-tab .dropdown-menu>li>a:focus{text-decoration:none;color:#ffffff;background-color:#428bca;}
.osc-res-tab .dropdown-menu>.active>a,.osc-res-tab .dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#ffffff;text-decoration:none;outline:0;background-color:#428bca;}
.osc-res-tab .dropdown-menu>.disabled>a,.osc-res-tab .dropdown-menu>.disabled>a:hover,.osc-res-tab .dropdown-menu>.disabled>a:focus{color:#999999;}
.osc-res-tab .dropdown-menu>.disabled>a:hover,.osc-res-tab .dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed;}
.osc-res-tab .open>.dropdown-menu{display:block;}
.osc-res-tab .open>a{outline:0;}
.osc-res-tab .dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999999;}
.osc-res-tab .dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990;}
.osc-res-tab .pull-right>.dropdown-menu{right:0;left:auto;}
.osc-res-tab .dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0 dotted;border-bottom:4px solid #000000;content:"";}
.osc-res-tab .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;}
@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto;}}
.osc-res-tab .hide {
display: none !important;
}
@charset "UTF-8";
.wp-block-archives {
box-sizing:border-box
}
.wp-block-archives-dropdown label {
display:block
}
.wp-block-avatar {
line-height:0
}
.wp-block-avatar,
.wp-block-avatar img {
box-sizing:border-box
}
.wp-block-avatar.aligncenter {
text-align:center
}
.wp-block-audio {
box-sizing:border-box
}
.wp-block-audio figcaption {
margin-bottom:1em;
margin-top:.5em
}
.wp-block-audio audio {
min-width:300px;
width:100%
}
.wp-block-button__link {
box-sizing:border-box;
cursor:pointer;
display:inline-block;
text-align:center;
word-break:break-word
}
.wp-block-button__link.aligncenter {
text-align:center
}
.wp-block-button__link.alignright {
text-align:right
}
:where(.wp-block-button__link) {
border-radius:9999px;
box-shadow:none;
padding:calc(.667em + 2px) calc(1.333em + 2px);
text-decoration:none
}
.wp-block-button[style*=text-decoration] .wp-block-button__link {
text-decoration:inherit
}
.wp-block-buttons>.wp-block-button.has-custom-width {
max-width:none
}
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
width:100%
}
.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
font-size:inherit
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
width:calc(25% - var(--wp--style--block-gap, .5em)*.75)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
width:calc(50% - var(--wp--style--block-gap, .5em)*.5)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
width:calc(75% - var(--wp--style--block-gap, .5em)*.25)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
flex-basis:100%;
width:100%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25 {
width:25%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50 {
width:50%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 {
width:75%
}
.wp-block-button.is-style-squared,
.wp-block-button__link.wp-block-button.is-style-squared {
border-radius:0
}
.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
border-radius:0!important
}
.wp-block-button .wp-block-button__link.is-style-outline,
.wp-block-button.is-style-outline>.wp-block-button__link {
border:2px solid;
padding:.667em 1.333em
}
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color) {
color:currentColor
}
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background) {
background-color:transparent;
background-image:none
}
.wp-block-button .wp-block-button__link:where(.has-border-color) {
border-width:initial
}
.wp-block-button .wp-block-button__link:where([style*=border-top-color]) {
border-top-width:medium
}
.wp-block-button .wp-block-button__link:where([style*=border-right-color]) {
border-right-width:medium
}
.wp-block-button .wp-block-button__link:where([style*=border-bottom-color]) {
border-bottom-width:medium
}
.wp-block-button .wp-block-button__link:where([style*=border-left-color]) {
border-left-width:medium
}
.wp-block-button .wp-block-button__link:where([style*=border-style]) {
border-width:initial
}
.wp-block-button .wp-block-button__link:where([style*=border-top-style]) {
border-top-width:medium
}
.wp-block-button .wp-block-button__link:where([style*=border-right-style]) {
border-right-width:medium
}
.wp-block-button .wp-block-button__link:where([style*=border-bottom-style]) {
border-bottom-width:medium
}
.wp-block-button .wp-block-button__link:where([style*=border-left-style]) {
border-left-width:medium
}
.wp-block-buttons.is-vertical {
flex-direction:column
}
.wp-block-buttons.is-vertical>.wp-block-button:last-child {
margin-bottom:0
}
.wp-block-buttons>.wp-block-button {
display:inline-block;
margin:0
}
.wp-block-buttons.is-content-justification-left {
justify-content:flex-start
}
.wp-block-buttons.is-content-justification-left.is-vertical {
align-items:flex-start
}
.wp-block-buttons.is-content-justification-center {
justify-content:center
}
.wp-block-buttons.is-content-justification-center.is-vertical {
align-items:center
}
.wp-block-buttons.is-content-justification-right {
justify-content:flex-end
}
.wp-block-buttons.is-content-justification-right.is-vertical {
align-items:flex-end
}
.wp-block-buttons.is-content-justification-space-between {
justify-content:space-between
}
.wp-block-buttons.aligncenter {
text-align:center
}
.wp-block-buttons:not(.is-content-justification-space-between,
.is-content-justification-right,
.is-content-justification-left,
.is-content-justification-center) .wp-block-button.aligncenter {
margin-left:auto;
margin-right:auto;
width:100%
}
.wp-block-buttons[style*=text-decoration] .wp-block-button,
.wp-block-buttons[style*=text-decoration] .wp-block-button__link {
text-decoration:inherit
}
.wp-block-buttons.has-custom-font-size .wp-block-button__link {
font-size:inherit
}
.wp-block-button.aligncenter,
.wp-block-calendar {
text-align:center
}
.wp-block-calendar td,
.wp-block-calendar th {
border:1px solid;
padding:.25em
}
.wp-block-calendar th {
font-weight:400
}
.wp-block-calendar caption {
background-color:inherit
}
.wp-block-calendar table {
border-collapse:collapse;
width:100%
}
.wp-block-calendar table:where(:not(.has-text-color)) {
color:#40464d
}
.wp-block-calendar table:where(:not(.has-text-color)) td,
.wp-block-calendar table:where(:not(.has-text-color)) th {
border-color:#ddd
}
.wp-block-calendar table.has-background th {
background-color:inherit
}
.wp-block-calendar table.has-text-color th {
color:inherit
}
:where(.wp-block-calendar table:not(.has-background) th) {
background:#ddd
}
.wp-block-categories {
box-sizing:border-box
}
.wp-block-categories.alignleft {
margin-right:2em
}
.wp-block-categories.alignright {
margin-left:2em
}
.wp-block-categories.wp-block-categories-dropdown.aligncenter {
text-align:center
}
.wp-block-code {
box-sizing:border-box
}
.wp-block-code code {
display:block;
font-family:inherit;
overflow-wrap:break-word;
white-space:pre-wrap
}
.wp-block-columns {
align-items:normal!important;
box-sizing:border-box;
display:flex;
flex-wrap:wrap!important
}
@media (min-width:782px) {
.wp-block-columns {
flex-wrap:nowrap!important
}
}
.wp-block-columns.are-vertically-aligned-top {
align-items:flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items:center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items:flex-end
}
@media (max-width:781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis:100%!important
}
}
@media (min-width:782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis:0;
flex-grow:1
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
flex-grow:0
}
}
.wp-block-columns.is-not-stacked-on-mobile {
flex-wrap:nowrap!important
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
flex-basis:0;
flex-grow:1
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis] {
flex-grow:0
}
:where(.wp-block-columns) {
margin-bottom:1.75em
}
:where(.wp-block-columns.has-background) {
padding:1.25em 2.375em
}
.wp-block-column {
flex-grow:1;
min-width:0;
overflow-wrap:break-word;
word-break:break-word
}
.wp-block-column.is-vertically-aligned-top {
align-self:flex-start
}
.wp-block-column.is-vertically-aligned-center {
align-self:center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self:flex-end
}
.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
width:100%
}
.wp-block-post-comments {
box-sizing:border-box
}
.wp-block-post-comments .alignleft {
float:left
}
.wp-block-post-comments .alignright {
float:right
}
.wp-block-post-comments .navigation:after {
clear:both;
content:"";
display:table
}
.wp-block-post-comments .commentlist {
clear:both;
list-style:none;
margin:0;
padding:0
}
.wp-block-post-comments .commentlist .comment {
min-height:2.25em;
padding-left:3.25em
}
.wp-block-post-comments .commentlist .comment p {
font-size:1em;
line-height:1.8;
margin:1em 0
}
.wp-block-post-comments .commentlist .children {
list-style:none;
margin:0;
padding:0
}
.wp-block-post-comments .comment-author {
line-height:1.5
}
.wp-block-post-comments .comment-author .avatar {
border-radius:1.5em;
display:block;
float:left;
height:2.5em;
margin-right:.75em;
margin-top:.5em;
width:2.5em
}
.wp-block-post-comments .comment-author cite {
font-style:normal
}
.wp-block-post-comments .comment-meta {
font-size:.875em;
line-height:1.5
}
.wp-block-post-comments .comment-meta b {
font-weight:400
}
.wp-block-post-comments .comment-meta .comment-awaiting-moderation {
display:block;
margin-bottom:1em;
margin-top:1em
}
.wp-block-post-comments .comment-body .commentmetadata {
font-size:.875em
}
.wp-block-post-comments .comment-form-author label,
.wp-block-post-comments .comment-form-comment label,
.wp-block-post-comments .comment-form-email label,
.wp-block-post-comments .comment-form-url label {
display:block;
margin-bottom:.25em
}
.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments .comment-form textarea {
box-sizing:border-box;
display:block;
width:100%
}
.wp-block-post-comments .comment-form-cookies-consent {
display:flex;
gap:.25em
}
.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
margin-top:.35em
}
.wp-block-post-comments .comment-reply-title {
margin-bottom:0
}
.wp-block-post-comments .comment-reply-title :where(small) {
font-size:var(--wp--preset--font-size--medium,smaller);
margin-left:.5em
}
.wp-block-post-comments .reply {
font-size:.875em;
margin-bottom:1.4em
}
.wp-block-post-comments input:not([type=submit]),
.wp-block-post-comments textarea {
border:1px solid #949494;
font-family:inherit;
font-size:1em
}
.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments textarea {
padding:calc(.667em + 2px)
}
:where(.wp-block-post-comments input[type=submit]) {
border:none
}
.wp-block-comments-pagination>.wp-block-comments-pagination-next,
.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,
.wp-block-comments-pagination>.wp-block-comments-pagination-previous {
margin-bottom:.5em;
margin-right:.5em
}
.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,
.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,
.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child {
margin-right:0
}
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow {
display:inline-block;
margin-right:1ch
}
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) {
transform:scaleX(1)
}
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow {
display:inline-block;
margin-left:1ch
}
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) {
transform:scaleX(1)
}
.wp-block-comments-pagination.aligncenter {
justify-content:center
}
.wp-block-comment-template {
box-sizing:border-box;
list-style:none;
margin-bottom:0;
max-width:100%;
padding:0
}
.wp-block-comment-template li {
clear:both
}
.wp-block-comment-template ol {
list-style:none;
margin-bottom:0;
max-width:100%;
padding-left:2rem
}
.wp-block-comment-template.alignleft {
float:left
}
.wp-block-comment-template.aligncenter {
margin-left:auto;
margin-right:auto;
width:-moz-fit-content;
width:fit-content
}
.wp-block-comment-template.alignright {
float:right
}
.wp-block-cover,
.wp-block-cover-image {
align-items:center;
background-position:50%;
box-sizing:border-box;
display:flex;
justify-content:center;
min-height:430px;
overflow:hidden;
overflow:clip;
padding:1em;
position:relative
}
.wp-block-cover .has-background-dim:not([class*=-background-color]),
.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]) {
background-color:#000
}
.wp-block-cover .has-background-dim.has-background-gradient,
.wp-block-cover-image .has-background-dim.has-background-gradient {
background-color:transparent
}
.wp-block-cover-image.has-background-dim:before,
.wp-block-cover.has-background-dim:before {
background-color:inherit;
content:""
}
.wp-block-cover .wp-block-cover__background,
.wp-block-cover .wp-block-cover__gradient-background,
.wp-block-cover-image .wp-block-cover__background,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim:not(.has-background-gradient):before {
bottom:0;
left:0;
opacity:.5;
position:absolute;
right:0;
top:0;
z-index:1
}
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
opacity:.1
}
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
opacity:.2
}
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
opacity:.3
}
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
opacity:.4
}
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
opacity:.5
}
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
opacity:.6
}
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
opacity:.7
}
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
opacity:.8
}
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
opacity:.9
}
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
opacity:1
}
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
opacity:0
}
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 {
opacity:.1
}
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 {
opacity:.2
}
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 {
opacity:.3
}
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
opacity:.4
}
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 {
opacity:.5
}
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 {
opacity:.6
}
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 {
opacity:.7
}
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 {
opacity:.8
}
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 {
opacity:.9
}
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 {
opacity:1
}
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width:420px;
width:100%
}
.wp-block-cover-image:after,
.wp-block-cover:after {
content:"";
display:block;
font-size:0;
min-height:inherit
}
@supports (position:sticky) {
.wp-block-cover-image:after,
.wp-block-cover:after {
content:none
}
}
.wp-block-cover-image.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
display:flex
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
color:inherit;
width:100%;
z-index:1
}
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color) {
color:inherit
}
.wp-block-cover-image.is-position-top-left,
.wp-block-cover.is-position-top-left {
align-items:flex-start;
justify-content:flex-start
}
.wp-block-cover-image.is-position-top-center,
.wp-block-cover.is-position-top-center {
align-items:flex-start;
justify-content:center
}
.wp-block-cover-image.is-position-top-right,
.wp-block-cover.is-position-top-right {
align-items:flex-start;
justify-content:flex-end
}
.wp-block-cover-image.is-position-center-left,
.wp-block-cover.is-position-center-left {
align-items:center;
justify-content:flex-start
}
.wp-block-cover-image.is-position-center-center,
.wp-block-cover.is-position-center-center {
align-items:center;
justify-content:center
}
.wp-block-cover-image.is-position-center-right,
.wp-block-cover.is-position-center-right {
align-items:center;
justify-content:flex-end
}
.wp-block-cover-image.is-position-bottom-left,
.wp-block-cover.is-position-bottom-left {
align-items:flex-end;
justify-content:flex-start
}
.wp-block-cover-image.is-position-bottom-center,
.wp-block-cover.is-position-bottom-center {
align-items:flex-end;
justify-content:center
}
.wp-block-cover-image.is-position-bottom-right,
.wp-block-cover.is-position-bottom-right {
align-items:flex-end;
justify-content:flex-end
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
margin:0;
width:auto
}
.wp-block-cover .wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background,
.wp-block-cover-image .wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background {
border:none;
bottom:0;
box-shadow:none;
height:100%;
left:0;
margin:0;
max-height:none;
max-width:none;
object-fit:cover;
outline:none;
padding:0;
position:absolute;
right:0;
top:0;
width:100%
}
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax,
.wp-block-cover__image-background.has-parallax,
video.wp-block-cover__video-background.has-parallax {
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover
}
@supports (-webkit-touch-callout:inherit) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax,
.wp-block-cover__image-background.has-parallax,
video.wp-block-cover__video-background.has-parallax {
background-attachment:scroll
}
}
@media (prefers-reduced-motion:reduce) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax,
.wp-block-cover__image-background.has-parallax,
video.wp-block-cover__video-background.has-parallax {
background-attachment:scroll
}
}
.wp-block-cover-image.is-repeated,
.wp-block-cover.is-repeated,
.wp-block-cover__image-background.is-repeated,
video.wp-block-cover__video-background.is-repeated {
background-repeat:repeat;
background-size:auto
}
.wp-block-cover__image-background,
.wp-block-cover__video-background {
z-index:0
}
.wp-block-cover-image-text,
.wp-block-cover-image-text a,
.wp-block-cover-image-text a:active,
.wp-block-cover-image-text a:focus,
.wp-block-cover-image-text a:hover,
.wp-block-cover-text,
.wp-block-cover-text a,
.wp-block-cover-text a:active,
.wp-block-cover-text a:focus,
.wp-block-cover-text a:hover,
section.wp-block-cover-image h2,
section.wp-block-cover-image h2 a,
section.wp-block-cover-image h2 a:active,
section.wp-block-cover-image h2 a:focus,
section.wp-block-cover-image h2 a:hover {
color:#fff
}
.wp-block-cover-image .wp-block-cover.has-left-content {
justify-content:flex-start
}
.wp-block-cover-image .wp-block-cover.has-right-content {
justify-content:flex-end
}
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text,
section.wp-block-cover-image.has-left-content>h2 {
margin-left:0;
text-align:left
}
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text,
section.wp-block-cover-image.has-right-content>h2 {
margin-right:0;
text-align:right
}
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover-image-text,
section.wp-block-cover-image>h2 {
font-size:2em;
line-height:1.25;
margin-bottom:0;
max-width:840px;
padding:.44em;
text-align:center;
z-index:1
}
:where(.wp-block-cover-image:not(.has-text-color)),
:where(.wp-block-cover:not(.has-text-color)) {
color:#fff
}
:where(.wp-block-cover-image.is-light:not(.has-text-color)),
:where(.wp-block-cover.is-light:not(.has-text-color)) {
color:#000
}
.wp-block-details {
box-sizing:border-box;
overflow:hidden
}
.wp-block-details summary {
cursor:pointer
}
.wp-block-details>:not(summary) {
margin-block-end:0;
margin-block-start:var(--wp--style--block-gap)
}
.wp-block-details>:last-child {
margin-bottom:0
}
.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block[data-align=left]>[data-type="core/embed"],
.wp-block[data-align=right]>[data-type="core/embed"] {
max-width:360px;
width:100%
}
.wp-block-embed.alignleft .wp-block-embed__wrapper,
.wp-block-embed.alignright .wp-block-embed__wrapper,
.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper {
min-width:280px
}
.wp-block-cover .wp-block-embed {
min-height:240px;
min-width:320px
}
.wp-block-embed {
overflow-wrap:break-word
}
.wp-block-embed figcaption {
margin-bottom:1em;
margin-top:.5em
}
.wp-block-embed iframe {
max-width:100%
}
.wp-block-embed__wrapper {
position:relative
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content:"";
display:block;
padding-top:50%
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
bottom:0;
height:100%;
left:0;
position:absolute;
right:0;
top:0;
width:100%
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top:42.85%
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top:50%
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top:56.25%
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top:75%
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top:100%
}
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
padding-top:177.77%
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top:200%
}
.wp-block-file:not(.wp-element-button) {
font-size:.8em
}
.wp-block-file.aligncenter {
text-align:center
}
.wp-block-file.alignright {
text-align:right
}
.wp-block-file *+.wp-block-file__button {
margin-left:.75em
}
:where(.wp-block-file) {
margin-bottom:1.5em
}
.wp-block-file__embed {
margin-bottom:1em
}
:where(.wp-block-file__button) {
border-radius:2em;
display:inline-block;
padding:.5em 1em
}
:where(.wp-block-file__button):is(a):active,
:where(.wp-block-file__button):is(a):focus,
:where(.wp-block-file__button):is(a):hover,
:where(.wp-block-file__button):is(a):visited {
box-shadow:none;
color:#fff;
opacity:.85;
text-decoration:none
}
.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
display:flex;
flex-wrap:wrap;
list-style-type:none;
margin:0;
padding:0
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item {
display:flex;
flex-direction:column;
flex-grow:1;
justify-content:center;
margin:0 1em 1em 0;
position:relative;
width:calc(50% - 1em)
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n) {
margin-right:0
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure {
align-items:flex-end;
display:flex;
height:100%;
justify-content:flex-start;
margin:0
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img {
display:block;
height:auto;
max-width:100%;
width:auto
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
bottom:0;
box-sizing:border-box;
color:#fff;
font-size:.8em;
margin:0;
max-height:100%;
overflow:auto;
padding:3em .77em .7em;
position:absolute;
text-align:center;
width:100%;
z-index:2
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img {
display:inline
}
.blocks-gallery-grid:not(.has-nested-images) figcaption,
.wp-block-gallery:not(.has-nested-images) figcaption {
flex-grow:1
}
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img {
flex:1;
height:100%;
object-fit:cover;
width:100%
}
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item {
margin-right:0;
width:100%
}
@media (min-width:600px) {
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item {
margin-right:1em;
width:calc(33.33333% - .66667em)
}
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item {
margin-right:1em;
width:calc(25% - .75em)
}
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item {
margin-right:1em;
width:calc(20% - .8em)
}
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item {
margin-right:1em;
width:calc(16.66667% - .83333em)
}
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item {
margin-right:1em;
width:calc(14.28571% - .85714em)
}
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item {
margin-right:1em;
width:calc(12.5% - .875em)
}
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right:0
}
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child {
margin-right:0
}
.blocks-gallery-grid:not(.has-nested-images).alignleft,
.blocks-gallery-grid:not(.has-nested-images).alignright,
.wp-block-gallery:not(.has-nested-images).alignleft,
.wp-block-gallery:not(.has-nested-images).alignright {
max-width:420px;
width:100%
}
.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,
.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
justify-content:center
}
.wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
align-self:flex-start
}
figure.wp-block-gallery.has-nested-images {
align-items:normal
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
margin:0;
width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
box-sizing:border-box;
display:flex;
flex-direction:column;
flex-grow:1;
justify-content:center;
max-width:100%;
position:relative
}
.wp-block-gallery.has-nested-images figure.wp-block-image>a,
.wp-block-gallery.has-nested-images figure.wp-block-image>div {
flex-direction:column;
flex-grow:1;
margin:0
}
.wp-block-gallery.has-nested-images figure.wp-block-image img {
display:block;
height:auto;
max-width:100%!important;
width:auto
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
bottom:0;
box-sizing:border-box;
color:#fff;
font-size:13px;
left:0;
margin-bottom:0;
max-height:60%;
overflow:auto;
padding:0 8px 8px;
position:absolute;
text-align:center;
width:100%
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
display:inline
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
color:inherit
}
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img {
box-sizing:border-box
}
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div {
flex:1 1 auto
}
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption {
background:none;
color:inherit;
flex:initial;
margin:0;
padding:10px 10px 9px;
position:relative
}
.wp-block-gallery.has-nested-images figcaption {
flex-basis:100%;
flex-grow:1;
text-align:center
}
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
margin-bottom:auto;
margin-top:0
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
align-self:inherit
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone) {
display:flex
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
flex:1 0 0%;
height:100%;
object-fit:cover;
width:100%
}
.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
width:100%
}
@media (min-width:600px) {
.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)
}
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75)
}
.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8)
}
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333)
}
.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714)
}
.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) {
width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child {
width:100%
}
}
.wp-block-gallery.has-nested-images.alignleft,
.wp-block-gallery.has-nested-images.alignright {
max-width:420px;
width:100%
}
.wp-block-gallery.has-nested-images.aligncenter {
justify-content:center
}
.wp-block-group {
box-sizing:border-box
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding:1.25em 2.375em
}
.wp-block-image img {
box-sizing:border-box;
height:auto;
max-width:100%;
vertical-align:bottom
}
.wp-block-image[style*=border-radius] img,
.wp-block-image[style*=border-radius]>a {
border-radius:inherit
}
.wp-block-image.has-custom-border img {
box-sizing:border-box
}
.wp-block-image.aligncenter {
text-align:center
}
.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
height:auto;
width:100%
}
.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.aligncenter,
.wp-block-image.alignleft,
.wp-block-image.alignright {
display:table
}
.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption,
.wp-block-image.aligncenter>figcaption,
.wp-block-image.alignleft>figcaption,
.wp-block-image.alignright>figcaption {
caption-side:bottom;
display:table-caption
}
.wp-block-image .alignleft {
float:left;
margin:.5em 1em .5em 0
}
.wp-block-image .alignright {
float:right;
margin:.5em 0 .5em 1em
}
.wp-block-image .aligncenter {
margin-left:auto;
margin-right:auto
}
.wp-block-image figcaption {
margin-bottom:1em;
margin-top:.5em
}
.wp-block-image .is-style-rounded img,
.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img {
border-radius:9999px
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
.wp-block-image.is-style-circle-mask img {
border-radius:0;
-webkit-mask-image:url('data:image/svg+xml;utf8,');
mask-image:url('data:image/svg+xml;utf8,');
mask-mode:alpha;
-webkit-mask-position:center;
mask-position:center;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:contain;
mask-size:contain
}
}
.wp-block-image :where(.has-border-color) {
border-style:solid
}
.wp-block-image :where([style*=border-top-color]) {
border-top-style:solid
}
.wp-block-image :where([style*=border-right-color]) {
border-right-style:solid
}
.wp-block-image :where([style*=border-bottom-color]) {
border-bottom-style:solid
}
.wp-block-image :where([style*=border-left-color]) {
border-left-style:solid
}
.wp-block-image :where([style*=border-width]) {
border-style:solid
}
.wp-block-image :where([style*=border-top-width]) {
border-top-style:solid
}
.wp-block-image :where([style*=border-right-width]) {
border-right-style:solid
}
.wp-block-image :where([style*=border-bottom-width]) {
border-bottom-style:solid
}
.wp-block-image :where([style*=border-left-width]) {
border-left-style:solid
}
.wp-block-image figure {
margin:0
}
.wp-lightbox-container .img-container {
position:relative
}
.wp-lightbox-container button {
background:none;
border:none;
cursor:zoom-in;
height:100%;
position:absolute;
width:100%;
z-index:100
}
.wp-lightbox-container button:focus-visible {
outline:5px auto #212121;
outline:5px auto -webkit-focus-ring-color;
outline-offset:5px
}
.wp-lightbox-overlay {
height:100vh;
left:0;
overflow:hidden;
position:fixed;
top:0;
visibility:hidden;
width:100vw;
z-index:100000
}
.wp-lightbox-overlay .close-button {
cursor:pointer;
padding:0;
position:absolute;
right:12.5px;
top:12.5px;
z-index:5000000
}
.wp-lightbox-overlay .wp-block-image {
align-items:center;
box-sizing:border-box;
display:flex;
flex-direction:column;
height:100%;
justify-content:center;
position:absolute;
width:100%;
z-index:3000000
}
.wp-lightbox-overlay .wp-block-image figcaption {
display:none
}
.wp-lightbox-overlay .wp-block-image img {
max-height:100%;
max-width:100%;
width:auto
}
.wp-lightbox-overlay button {
background:none;
border:none
}
.wp-lightbox-overlay .scrim {
background-color:#fff;
height:100%;
opacity:.9;
position:absolute;
width:100%;
z-index:2000000
}
.wp-lightbox-overlay.fade.active {
animation:turn-on-visibility .25s both;
visibility:visible
}
.wp-lightbox-overlay.fade.active img {
animation:turn-on-visibility .3s both
}
.wp-lightbox-overlay.fade.hideanimationenabled:not(.active) {
animation:turn-off-visibility .3s both
}
.wp-lightbox-overlay.fade.hideanimationenabled:not(.active) img {
animation:turn-off-visibility .25s both
}
.wp-lightbox-overlay.zoom img {
height:var(--lightbox-image-max-height);
position:absolute;
transform-origin:top left;
width:var(--lightbox-image-max-width)
}
.wp-lightbox-overlay.zoom.active {
opacity:1;
visibility:visible
}
.wp-lightbox-overlay.zoom.active .wp-block-image img {
animation:lightbox-zoom-in .4s forwards
}
@media (prefers-reduced-motion) {
.wp-lightbox-overlay.zoom.active .wp-block-image img {
animation:turn-on-visibility .4s both
}
}
.wp-lightbox-overlay.zoom.active .scrim {
animation:turn-on-visibility .4s forwards
}
.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img {
animation:lightbox-zoom-out .4s forwards
}
@media (prefers-reduced-motion) {
.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img {
animation:turn-off-visibility .4s both
}
}
.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim {
animation:turn-off-visibility .4s forwards
}
html.has-lightbox-open {
overflow:hidden
}
@keyframes turn-on-visibility {
0% {
opacity:0
}
to {
opacity:1
}
}
@keyframes turn-off-visibility {
0% {
opacity:1;
visibility:visible
}
99% {
opacity:0;
visibility:visible
}
to {
opacity:0;
visibility:hidden
}
}
@keyframes lightbox-zoom-in {
0% {
left:var(--lightbox-initial-left-position);
top:var(--lightbox-initial-top-position);
transform:scale(var(--lightbox-scale-width),var(--lightbox-scale-height))
}
to {
left:var(--lightbox-target-left-position);
top:var(--lightbox-target-top-position);
transform:scale(1)
}
}
@keyframes lightbox-zoom-out {
0% {
left:var(--lightbox-target-left-position);
top:var(--lightbox-target-top-position);
transform:scale(1);
visibility:visible
}
99% {
visibility:visible
}
to {
left:var(--lightbox-initial-left-position);
top:var(--lightbox-initial-top-position);
transform:scale(var(--lightbox-scale-width),var(--lightbox-scale-height))
}
}
ol.wp-block-latest-comments {
box-sizing:border-box;
margin-left:0
}
:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)) {
line-height:1.1
}
:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)) {
line-height:1.8
}
.has-dates :where(.wp-block-latest-comments:not([style*=line-height])),
.has-excerpts :where(.wp-block-latest-comments:not([style*=line-height])) {
line-height:1.5
}
.wp-block-latest-comments .wp-block-latest-comments {
padding-left:0
}
.wp-block-latest-comments__comment {
list-style:none;
margin-bottom:1em
}
.has-avatars .wp-block-latest-comments__comment {
list-style:none;
min-height:2.25em
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left:3.25em
}
.wp-block-latest-comments__comment-excerpt p {
font-size:.875em;
margin:.36em 0 1.4em
}
.wp-block-latest-comments__comment-date {
display:block;
font-size:.75em
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius:1.5em;
display:block;
float:left;
height:2.5em;
margin-right:.75em;
width:2.5em
}
.wp-block-latest-comments[class*=-font-size] a,
.wp-block-latest-comments[style*=font-size] a {
font-size:inherit
}
.wp-block-latest-posts {
box-sizing:border-box
}
.wp-block-latest-posts.alignleft {
margin-right:2em
}
.wp-block-latest-posts.alignright {
margin-left:2em
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style:none;
padding-left:0
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear:both
}
.wp-block-latest-posts.is-grid {
display:flex;
flex-wrap:wrap;
padding:0
}
.wp-block-latest-posts.is-grid li {
margin:0 1.25em 1.25em 0;
width:100%
}
@media (min-width:600px) {
.wp-block-latest-posts.columns-2 li {
width:calc(50% - .625em)
}
.wp-block-latest-posts.columns-2 li:nth-child(2n) {
margin-right:0
}
.wp-block-latest-posts.columns-3 li {
width:calc(33.33333% - .83333em)
}
.wp-block-latest-posts.columns-3 li:nth-child(3n) {
margin-right:0
}
.wp-block-latest-posts.columns-4 li {
width:calc(25% - .9375em)
}
.wp-block-latest-posts.columns-4 li:nth-child(4n) {
margin-right:0
}
.wp-block-latest-posts.columns-5 li {
width:calc(20% - 1em)
}
.wp-block-latest-posts.columns-5 li:nth-child(5n) {
margin-right:0
}
.wp-block-latest-posts.columns-6 li {
width:calc(16.66667% - 1.04167em)
}
.wp-block-latest-posts.columns-6 li:nth-child(6n) {
margin-right:0
}
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
display:block;
font-size:.8125em
}
.wp-block-latest-posts__post-excerpt {
margin-bottom:1em;
margin-top:.5em
}
.wp-block-latest-posts__featured-image a {
display:inline-block
}
.wp-block-latest-posts__featured-image img {
height:auto;
max-width:100%;
width:auto
}
.wp-block-latest-posts__featured-image.alignleft {
float:left;
margin-right:1em
}
.wp-block-latest-posts__featured-image.alignright {
float:right;
margin-left:1em
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom:1em;
text-align:center
}
ol,
ul {
box-sizing:border-box
}
ol.has-background,
ul.has-background {
padding:1.25em 2.375em
}
.wp-block-media-text {
box-sizing:border-box;
/*!rtl:begin:ignore*/
direction:ltr;
/*!rtl:end:ignore*/
display:grid;
grid-template-columns:50% 1fr;
grid-template-rows:auto
}
.wp-block-media-text.has-media-on-the-right {
grid-template-columns:1fr 50%
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
align-self:start
}
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {
align-self:center
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
align-self:end
}
.wp-block-media-text .wp-block-media-text__media {
/*!rtl:begin:ignore*/
grid-column:1;
grid-row:1;
/*!rtl:end:ignore*/
margin:0
}
.wp-block-media-text .wp-block-media-text__content {
direction:ltr;
/*!rtl:begin:ignore*/
grid-column:2;
grid-row:1;
/*!rtl:end:ignore*/
padding:0 8%;
word-break:break-word
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
/*!rtl:begin:ignore*/
grid-column:2;
grid-row:1
/*!rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
/*!rtl:begin:ignore*/
grid-column:1;
grid-row:1
/*!rtl:end:ignore*/
}
.wp-block-media-text__media img,
.wp-block-media-text__media video {
height:auto;
max-width:unset;
vertical-align:middle;
width:100%
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
background-size:cover;
height:100%;
min-height:250px
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media>a {
display:block;
height:100%
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
clip:rect(0,0,0,0);
border:0;
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}
@media (max-width:600px) {
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns:100%!important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
grid-column:1;
grid-row:1
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column:1;
grid-row:2
}
}
.wp-block-navigation {
--navigation-layout-justification-setting:flex-start;
--navigation-layout-direction:row;
--navigation-layout-wrap:wrap;
--navigation-layout-justify:flex-start;
--navigation-layout-align:center;
position:relative
}
.wp-block-navigation ul {
margin-bottom:0;
margin-left:0;
margin-top:0;
padding-left:0
}
.wp-block-navigation ul,
.wp-block-navigation ul li {
list-style:none;
padding:0
}
.wp-block-navigation .wp-block-navigation-item {
align-items:center;
display:flex;
position:relative
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty {
display:none
}
.wp-block-navigation .wp-block-navigation-item__content {
display:block
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
color:inherit
}
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus {
text-decoration:underline
}
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus {
text-decoration:line-through
}
.wp-block-navigation:where(:not([class*=has-text-decoration])) a {
text-decoration:none
}
.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,
.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus {
text-decoration:none
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
align-self:center;
background-color:inherit;
border:none;
color:currentColor;
display:inline-block;
font-size:inherit;
height:.6em;
line-height:0;
margin-left:.25em;
padding:0;
width:.6em
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
stroke:currentColor;
display:inline-block;
height:inherit;
margin-top:.075em;
width:inherit
}
.wp-block-navigation.is-vertical {
--navigation-layout-direction:column;
--navigation-layout-justify:initial;
--navigation-layout-align:flex-start
}
.wp-block-navigation.no-wrap {
--navigation-layout-wrap:nowrap
}
.wp-block-navigation.items-justified-center {
--navigation-layout-justification-setting:center;
--navigation-layout-justify:center
}
.wp-block-navigation.items-justified-center.is-vertical {
--navigation-layout-align:center
}
.wp-block-navigation.items-justified-right {
--navigation-layout-justification-setting:flex-end;
--navigation-layout-justify:flex-end
}
.wp-block-navigation.items-justified-right.is-vertical {
--navigation-layout-align:flex-end
}
.wp-block-navigation.items-justified-space-between {
--navigation-layout-justification-setting:space-between;
--navigation-layout-justify:space-between
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
align-items:normal;
background-color:inherit;
color:inherit;
display:flex;
flex-direction:column;
height:0;
left:-1px;
opacity:0;
overflow:hidden;
position:absolute;
top:100%;
transition:opacity .1s linear;
visibility:hidden;
width:0;
z-index:2
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
display:flex;
flex-grow:1
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
margin-left:auto;
margin-right:0
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
margin:0
}
@media (min-width:782px) {
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left:100%;
top:-1px
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before {
background:transparent;
content:"";
display:block;
height:100%;
position:absolute;
right:100%;
width:.5em
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
margin-right:.25em
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
transform:rotate(-90deg)
}
}
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
height:auto;
min-width:200px;
opacity:1;
overflow:visible;
visibility:visible;
width:auto
}
.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
height:auto;
min-width:200px;
opacity:1;
overflow:visible;
visibility:visible;
width:auto
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
height:auto;
min-width:200px;
opacity:1;
overflow:visible;
visibility:visible;
width:auto
}
.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
left:0;
top:100%
}
@media (min-width:782px) {
.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left:100%;
top:0
}
}
.wp-block-navigation-submenu {
display:flex;
position:relative
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke:currentColor
}
button.wp-block-navigation-item__content {
background-color:transparent;
border:none;
color:currentColor;
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
line-height:inherit;
text-align:left;
text-transform:inherit
}
.wp-block-navigation-submenu__toggle {
cursor:pointer
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
padding-right:.85em
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon {
margin-left:-.6em;
pointer-events:none
}
.wp-block-navigation .wp-block-page-list,
.wp-block-navigation__container,
.wp-block-navigation__responsive-close,
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-dialog {
gap:inherit
}
:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
padding:.5em 1em
}
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
padding:.5em 1em
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container {
left:auto;
right:0
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left:-1px;
right:-1px
}
@media (min-width:782px) {
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left:auto;
right:100%
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
background-color:#fff;
border:1px solid rgba(0,0,0,.15);
color:#000
}
.wp-block-navigation__container {
align-items:var(--navigation-layout-align,initial);
display:flex;
flex-direction:var(--navigation-layout-direction,initial);
flex-wrap:var(--navigation-layout-wrap,wrap);
justify-content:var(--navigation-layout-justify,initial);
list-style:none;
margin:0;
padding-left:0
}
.wp-block-navigation__container .is-responsive {
display:none
}
.wp-block-navigation__container:only-child,
.wp-block-page-list:only-child {
flex-grow:1
}
@keyframes overlay-menu__fade-in-animation {
0% {
opacity:0;
transform:translateY(.5em)
}
to {
opacity:1;
transform:translateY(0)
}
}
.wp-block-navigation__responsive-container {
bottom:0;
display:none;
left:0;
position:fixed;
right:0;
top:0
}
.wp-block-navigation__responsive-container .wp-block-navigation-link a {
color:inherit
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
align-items:var(--navigation-layout-align,initial);
display:flex;
flex-direction:var(--navigation-layout-direction,initial);
flex-wrap:var(--navigation-layout-wrap,wrap);
justify-content:var(--navigation-layout-justify,initial)
}
.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
background-color:inherit!important;
color:inherit!important
}
.wp-block-navigation__responsive-container.is-menu-open {
animation:overlay-menu__fade-in-animation .1s ease-out;
animation-fill-mode:forwards;
background-color:inherit;
display:flex;
flex-direction:column;
overflow:auto;
padding:var(--wp--style--root--padding-top,2rem) var(--wp--style--root--padding-right,2rem) var(--wp--style--root--padding-bottom,2rem) var(--wp--style--root--padding-left,2rem);
z-index:100000
}
@media (prefers-reduced-motion:reduce) {
.wp-block-navigation__responsive-container.is-menu-open {
animation-delay:0s;
animation-duration:1ms
}
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
align-items:var(--navigation-layout-justification-setting,inherit);
display:flex;
flex-direction:column;
flex-wrap:nowrap;
overflow:visible;
padding-top:calc(2rem + 24px)
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
justify-content:flex-start
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
display:none
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
border:none;
height:auto;
min-width:200px;
opacity:1;
overflow:initial;
padding-left:2rem;
padding-right:2rem;
position:static;
visibility:visible;
width:auto
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
gap:inherit
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
padding-top:var(--wp--style--block-gap,2em)
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
padding:0
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
align-items:var(--navigation-layout-justification-setting,initial);
display:flex;
flex-direction:column
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
background:transparent!important;
color:inherit!important
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
left:auto;
right:auto
}
@media (min-width:600px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
background-color:inherit;
display:block;
position:relative;
width:100%;
z-index:auto
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
display:none
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
left:0
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
background-color:#fff;
color:#000
}
.wp-block-navigation__toggle_button_label {
font-size:1rem;
font-weight:700
}
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
background:transparent;
border:none;
color:currentColor;
cursor:pointer;
margin:0;
padding:0;
text-transform:inherit;
vertical-align:middle
}
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
fill:currentColor;
display:block;
height:24px;
pointer-events:none;
width:24px
}
.wp-block-navigation__responsive-container-open {
display:flex
}
.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
font-family:inherit;
font-size:inherit;
font-weight:inherit
}
@media (min-width:600px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display:none
}
}
.wp-block-navigation__responsive-container-close {
position:absolute;
right:0;
top:0;
z-index:2
}
.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
font-family:inherit;
font-size:inherit;
font-weight:inherit
}
.wp-block-navigation__responsive-close {
width:100%
}
.has-modal-open .wp-block-navigation__responsive-close {
margin-left:auto;
margin-right:auto;
max-width:var(--wp--style--global--wide-size,100%)
}
.wp-block-navigation__responsive-close:focus {
outline:none
}
.is-menu-open .wp-block-navigation__responsive-close,
.is-menu-open .wp-block-navigation__responsive-container-content,
.is-menu-open .wp-block-navigation__responsive-dialog {
box-sizing:border-box
}
.wp-block-navigation__responsive-dialog {
position:relative
}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
margin-top:46px
}
@media (min-width:782px) {
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
margin-top:32px
}
}
html.has-modal-open {
overflow:hidden
}
.wp-block-navigation .wp-block-navigation-item__label {
overflow-wrap:break-word;
word-break:normal
}
.wp-block-navigation .wp-block-navigation-item__description {
display:none
}
.wp-block-navigation .wp-block-page-list {
align-items:var(--navigation-layout-align,initial);
background-color:inherit;
display:flex;
flex-direction:var(--navigation-layout-direction,initial);
flex-wrap:var(--navigation-layout-wrap,wrap);
justify-content:var(--navigation-layout-justify,initial)
}
.wp-block-navigation .wp-block-navigation-item {
background-color:inherit
}
.is-small-text {
font-size:.875em
}
.is-regular-text {
font-size:1em
}
.is-large-text {
font-size:2.25em
}
.is-larger-text {
font-size:3em
}
.has-drop-cap:not(:focus):first-letter {
float:left;
font-size:8.4em;
font-style:normal;
font-weight:100;
line-height:.68;
margin:.05em .1em 0 0;
text-transform:uppercase
}
body.rtl .has-drop-cap:not(:focus):first-letter {
float:none;
margin-left:.1em
}
p.has-drop-cap.has-background {
overflow:hidden
}
p.has-background {
padding:1.25em 2.375em
}
:where(p.has-text-color:not(.has-link-color)) a {
color:inherit
}
.wp-block-post-author {
display:flex;
flex-wrap:wrap
}
.wp-block-post-author__byline {
font-size:.5em;
margin-bottom:0;
margin-top:0;
width:100%
}
.wp-block-post-author__avatar {
margin-right:1em
}
.wp-block-post-author__bio {
font-size:.7em;
margin-bottom:.7em
}
.wp-block-post-author__content {
flex-basis:0;
flex-grow:1
}
.wp-block-post-author__name {
margin:0
}
.wp-block-post-comments-form {
box-sizing:border-box
}
.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
font-weight:inherit
}
.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) {
font-family:inherit
}
.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),
.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) {
font-size:inherit
}
.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) {
line-height:inherit
}
.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) {
font-style:inherit
}
.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
letter-spacing:inherit
}
.wp-block-post-comments-form input[type=submit] {
box-shadow:none;
cursor:pointer;
display:inline-block;
overflow-wrap:break-word;
text-align:center
}
.wp-block-post-comments-form input:not([type=submit]),
.wp-block-post-comments-form textarea {
border:1px solid #949494;
font-family:inherit;
font-size:1em
}
.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments-form textarea {
padding:calc(.667em + 2px)
}
.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]),
.wp-block-post-comments-form .comment-form textarea {
box-sizing:border-box;
display:block;
width:100%
}
.wp-block-post-comments-form .comment-form-author label,
.wp-block-post-comments-form .comment-form-email label,
.wp-block-post-comments-form .comment-form-url label {
display:block;
margin-bottom:.25em
}
.wp-block-post-comments-form .comment-form-cookies-consent {
display:flex;
gap:.25em
}
.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
margin-top:.35em
}
.wp-block-post-comments-form .comment-reply-title {
margin-bottom:0
}
.wp-block-post-comments-form .comment-reply-title :where(small) {
font-size:var(--wp--preset--font-size--medium,smaller);
margin-left:.5em
}
.wp-block-post-date {
box-sizing:border-box
}
:where(.wp-block-post-excerpt) {
margin-bottom:var(--wp--style--block-gap);
margin-top:var(--wp--style--block-gap)
}
.wp-block-post-excerpt__excerpt {
margin-bottom:0;
margin-top:0
}
.wp-block-post-excerpt__more-text {
margin-bottom:0;
margin-top:var(--wp--style--block-gap)
}
.wp-block-post-excerpt__more-link {
display:inline-block
}
.wp-block-post-featured-image {
margin-left:0;
margin-right:0
}
.wp-block-post-featured-image a {
display:block;
height:100%
}
.wp-block-post-featured-image img {
box-sizing:border-box;
height:auto;
max-width:100%;
vertical-align:bottom;
width:100%
}
.wp-block-post-featured-image.alignfull img,
.wp-block-post-featured-image.alignwide img {
width:100%
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim {
background-color:#000;
inset:0;
position:absolute
}
.wp-block-post-featured-image {
position:relative
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient {
background-color:transparent
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 {
opacity:0
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 {
opacity:.1
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 {
opacity:.2
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 {
opacity:.3
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 {
opacity:.4
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
opacity:.5
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 {
opacity:.6
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 {
opacity:.7
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 {
opacity:.8
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 {
opacity:.9
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 {
opacity:1
}
.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
display:inline-block;
margin-right:1ch
}
.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron) {
transform:scaleX(1)
}
.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next {
display:inline-block;
margin-left:1ch
}
.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron) {
transform:scaleX(1)
}
.wp-block-post-terms {
box-sizing:border-box
}
.wp-block-post-terms .wp-block-post-terms__separator {
white-space:pre-wrap
}
.wp-block-post-time-to-read,
.wp-block-post-title {
box-sizing:border-box
}
.wp-block-post-title {
word-break:break-word
}
.wp-block-post-title a {
display:inline-block
}
.wp-block-preformatted {
white-space:pre-wrap
}
.wp-block-preformatted.has-background {
padding:1.25em 2.375em
}
.wp-block-pullquote {
box-sizing:border-box;
overflow-wrap:break-word;
padding:3em 0;
text-align:center
}
.wp-block-pullquote blockquote,
.wp-block-pullquote cite,
.wp-block-pullquote p {
color:inherit
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width:420px
}
.wp-block-pullquote cite,
.wp-block-pullquote footer {
position:relative
}
.wp-block-pullquote .has-text-color a {
color:inherit
}
:where(.wp-block-pullquote) {
margin:0 0 1em
}
.wp-block-pullquote.has-text-align-left blockquote {
text-align:left
}
.wp-block-pullquote.has-text-align-right blockquote {
text-align:right
}
.wp-block-pullquote.is-style-solid-color {
border:none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left:auto;
margin-right:auto;
max-width:60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size:2em;
margin-bottom:0;
margin-top:0
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
font-style:normal;
text-transform:none
}
.wp-block-pullquote cite {
color:inherit
}
.wp-block-post-template {
list-style:none;
margin-bottom:0;
margin-top:0;
max-width:100%;
padding:0
}
.wp-block-post-template.wp-block-post-template {
background:none
}
.wp-block-post-template.is-flex-container {
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:1.25em
}
.wp-block-post-template.is-flex-container>li {
margin:0;
width:100%
}
@media (min-width:600px) {
.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li {
width:calc(50% - .625em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li {
width:calc(33.33333% - .83333em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li {
width:calc(25% - .9375em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li {
width:calc(20% - 1em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li {
width:calc(16.66667% - 1.04167em)
}
}
@media (max-width:600px) {
.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
grid-template-columns:1fr
}
}
.wp-block-query-pagination>.wp-block-query-pagination-next,
.wp-block-query-pagination>.wp-block-query-pagination-numbers,
.wp-block-query-pagination>.wp-block-query-pagination-previous {
margin-bottom:.5em;
margin-right:.5em
}
.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child {
margin-right:0
}
.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type {
margin-inline-start:auto
}
.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child {
margin-inline-end:auto
}
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
display:inline-block;
margin-right:1ch
}
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
transform:scaleX(1)
}
.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
display:inline-block;
margin-left:1ch
}
.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
transform:scaleX(1)
}
.wp-block-query-pagination.aligncenter {
justify-content:center
}
.wp-block-query-title,
.wp-block-quote {
box-sizing:border-box
}
.wp-block-quote {
overflow-wrap:break-word
}
.wp-block-quote.is-large:where(:not(.is-style-plain)),
.wp-block-quote.is-style-large:where(:not(.is-style-plain)) {
margin-bottom:1em;
padding:0 1em
}
.wp-block-quote.is-large:where(:not(.is-style-plain)) p,
.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p {
font-size:1.5em;
font-style:italic;
line-height:1.6
}
.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,
.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,
.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,
.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer {
font-size:1.125em;
text-align:right
}
.wp-block-read-more {
display:block;
width:-moz-fit-content;
width:fit-content
}
.wp-block-read-more:not([style*=text-decoration]),
.wp-block-read-more:not([style*=text-decoration]):active,
.wp-block-read-more:not([style*=text-decoration]):focus {
text-decoration:none
}
ul.wp-block-rss {
list-style:none;
padding:0
}
ul.wp-block-rss.wp-block-rss {
box-sizing:border-box
}
ul.wp-block-rss.alignleft {
margin-right:2em
}
ul.wp-block-rss.alignright {
margin-left:2em
}
ul.wp-block-rss.is-grid {
display:flex;
flex-wrap:wrap;
list-style:none;
padding:0
}
ul.wp-block-rss.is-grid li {
margin:0 1em 1em 0;
width:100%
}
@media (min-width:600px) {
ul.wp-block-rss.columns-2 li {
width:calc(50% - 1em)
}
ul.wp-block-rss.columns-3 li {
width:calc(33.33333% - 1em)
}
ul.wp-block-rss.columns-4 li {
width:calc(25% - 1em)
}
ul.wp-block-rss.columns-5 li {
width:calc(20% - 1em)
}
ul.wp-block-rss.columns-6 li {
width:calc(16.66667% - 1em)
}
}
.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
display:block;
font-size:.8125em
}
.wp-block-search__button {
margin-left:10px;
word-break:normal
}
.wp-block-search__button.has-icon {
line-height:0
}
.wp-block-search__button svg {
fill:currentColor;
min-height:24px;
min-width:24px;
vertical-align:text-bottom
}
:where(.wp-block-search__button) {
border:1px solid #ccc;
padding:6px 10px
}
.wp-block-search__inside-wrapper {
display:flex;
flex:auto;
flex-wrap:nowrap;
max-width:100%
}
.wp-block-search__label {
width:100%
}
.wp-block-search__input {
-webkit-appearance:initial;
appearance:none;
border:1px solid #949494;
flex-grow:1;
margin-left:0;
margin-right:0;
min-width:3rem;
padding:8px;
text-decoration:unset!important
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
margin-left:0
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
border:1px solid #949494;
box-sizing:border-box;
padding:4px
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
border:none;
border-radius:0;
padding:0 4px
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
outline:none
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
padding:4px 8px
}
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
margin:auto
}
.wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
min-width:0!important;
transition-property:width
}
.wp-block-search__button-behavior-expand .wp-block-search__input {
flex-basis:100%;
transition-duration:.3s
}
.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden,
.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
overflow:hidden
}
.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__input {
border-left-width:0!important;
border-right-width:0!important;
flex-basis:0;
flex-grow:0;
margin:0;
min-width:0!important;
padding-left:0!important;
padding-right:0!important;
width:0!important
}
.wp-block[data-align=right] .wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
float:right
}
.wp-block-separator {
border:1px solid;
border-left:none;
border-right:none
}
.wp-block-separator.is-style-dots {
background:none!important;
border:none;
height:auto;
line-height:1;
text-align:center
}
.wp-block-separator.is-style-dots:before {
color:currentColor;
content:"···";
font-family:serif;
font-size:1.5em;
letter-spacing:2em;
padding-left:2em
}
.wp-block-site-logo {
box-sizing:border-box;
line-height:0
}
.wp-block-site-logo a {
display:inline-block
}
.wp-block-site-logo.is-default-size img {
height:auto;
width:120px
}
.wp-block-site-logo img {
height:auto;
max-width:100%
}
.wp-block-site-logo a,
.wp-block-site-logo img {
border-radius:inherit
}
.wp-block-site-logo.aligncenter {
margin-left:auto;
margin-right:auto;
text-align:center
}
.wp-block-site-logo.is-style-rounded {
border-radius:9999px
}
.wp-block-site-title a {
color:inherit
}
.wp-block-social-links {
background:none;
box-sizing:border-box;
margin-left:0;
padding-left:0;
padding-right:0;
text-indent:0
}
.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover {
border-bottom:0;
box-shadow:none;
text-decoration:none
}
.wp-block-social-links .wp-social-link a {
padding:.25em
}
.wp-block-social-links .wp-social-link svg {
height:1em;
width:1em
}
.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
font-size:.65em;
margin-left:.5em;
margin-right:.5em
}
.wp-block-social-links.has-small-icon-size {
font-size:16px
}
.wp-block-social-links,
.wp-block-social-links.has-normal-icon-size {
font-size:24px
}
.wp-block-social-links.has-large-icon-size {
font-size:36px
}
.wp-block-social-links.has-huge-icon-size {
font-size:48px
}
.wp-block-social-links.aligncenter {
display:flex;
justify-content:center
}
.wp-block-social-links.alignright {
justify-content:flex-end
}
.wp-block-social-link {
border-radius:9999px;
display:block;
height:auto;
transition:transform .1s ease
}
@media (prefers-reduced-motion:reduce) {
.wp-block-social-link {
transition-delay:0s;
transition-duration:0s
}
}
.wp-block-social-link a {
align-items:center;
display:flex;
line-height:0;
transition:transform .1s ease
}
.wp-block-social-link:hover {
transform:scale(1.1)
}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited {
fill:currentColor;
color:currentColor
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color:#f0f0f0;
color:#444
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color:#f90;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color:#1ea0c3;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color:#0757fe;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color:#1e1f26;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color:#02e49b;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color:#e94c89;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color:#4280ff;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color:#f45800;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color:#1778f2;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color:#000;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color:#0461dd;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color:#e65678;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color:#24292d;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color:#eceadd;
color:#382110
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color:#ea4434;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color:#f00075;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color:#e21b24;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color:#0d66c2;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color:#3288d4;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color:#02ab6c;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color:#f6405f;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
background-color:#ff424d;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color:#e60122;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color:#ef4155;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color:#ff4500;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color:#0478d7;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
stroke:#000;
background-color:#fefc00;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color:#ff5600;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color:#1bd760;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
background-color:#2aabee;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
background-color:#000;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color:#011835;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color:#6440a4;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color:#1da1f2;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color:#1eb7ea;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color:#4680c2;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color:#3499cd;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp {
background-color:#25d366;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color:#d32422;
color:#fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color:red;
color:#fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background:none
}
.wp-block-social-links.is-style-logos-only .wp-social-link a {
padding:0
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
height:1.25em;
width:1.25em
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color:#f90
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color:#1ea0c3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color:#0757fe
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color:#1e1f26
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color:#02e49b
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color:#e94c89
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color:#4280ff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color:#f45800
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color:#1778f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color:#000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color:#0461dd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color:#e65678
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color:#24292d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color:#382110
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color:#ea4434
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color:#f00075
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color:#e21b24
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color:#0d66c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color:#3288d4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color:#02ab6c
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color:#f6405f
}
.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
color:#ff424d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color:#e60122
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color:#ef4155
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color:#ff4500
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color:#0478d7
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
stroke:#000;
color:#fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color:#ff5600
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color:#1bd760
}
.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
color:#2aabee
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
color:#000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color:#011835
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color:#6440a4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color:#1da1f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color:#1eb7ea
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color:#4680c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp {
color:#25d366
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color:#3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
color:#d32422
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color:red
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width:auto
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left:.66667em;
padding-right:.66667em
}
.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label {
color:#000
}
.wp-block-spacer {
clear:both
}
.wp-block-tag-cloud {
box-sizing:border-box
}
.wp-block-tag-cloud.aligncenter {
justify-content:center;
text-align:center
}
.wp-block-tag-cloud.alignfull {
padding-left:1em;
padding-right:1em
}
.wp-block-tag-cloud a {
display:inline-block;
margin-right:5px
}
.wp-block-tag-cloud span {
display:inline-block;
margin-left:5px;
text-decoration:none
}
.wp-block-tag-cloud.is-style-outline {
display:flex;
flex-wrap:wrap;
gap:1ch
}
.wp-block-tag-cloud.is-style-outline a {
border:1px solid;
font-size:unset!important;
margin-right:0;
padding:1ch 2ch;
text-decoration:none!important
}
.wp-block-table {
overflow-x:auto
}
.wp-block-table table {
border-collapse:collapse;
width:100%
}
.wp-block-table thead {
border-bottom:3px solid
}
.wp-block-table tfoot {
border-top:3px solid
}
.wp-block-table td,
.wp-block-table th {
border:1px solid;
padding:.5em
}
.wp-block-table .has-fixed-layout {
table-layout:fixed;
width:100%
}
.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
word-break:break-word
}
.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
display:table;
width:auto
}
.wp-block-table.aligncenter td,
.wp-block-table.aligncenter th,
.wp-block-table.alignleft td,
.wp-block-table.alignleft th,
.wp-block-table.alignright td,
.wp-block-table.alignright th {
word-break:break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color:#f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color:#e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color:#e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color:#fcf0ef
}
.wp-block-table.is-style-stripes {
background-color:transparent;
border-bottom:1px solid #f0f0f0;
border-collapse:inherit;
border-spacing:0
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color:#f0f0f0
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color:#f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color:#e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color:#e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color:#fcf0ef
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
border-color:transparent
}
.wp-block-table .has-border-color td,
.wp-block-table .has-border-color th,
.wp-block-table .has-border-color tr,
.wp-block-table .has-border-color>* {
border-color:inherit
}
.wp-block-table table[style*=border-top-color] tr:first-child,
.wp-block-table table[style*=border-top-color] tr:first-child td,
.wp-block-table table[style*=border-top-color] tr:first-child th,
.wp-block-table table[style*=border-top-color]>*,
.wp-block-table table[style*=border-top-color]>* td,
.wp-block-table table[style*=border-top-color]>* th {
border-top-color:inherit
}
.wp-block-table table[style*=border-top-color] tr:not(:first-child) {
border-top-color:currentColor
}
.wp-block-table table[style*=border-right-color] td:last-child,
.wp-block-table table[style*=border-right-color] th,
.wp-block-table table[style*=border-right-color] tr,
.wp-block-table table[style*=border-right-color]>* {
border-right-color:inherit
}
.wp-block-table table[style*=border-bottom-color] tr:last-child,
.wp-block-table table[style*=border-bottom-color] tr:last-child td,
.wp-block-table table[style*=border-bottom-color] tr:last-child th,
.wp-block-table table[style*=border-bottom-color]>*,
.wp-block-table table[style*=border-bottom-color]>* td,
.wp-block-table table[style*=border-bottom-color]>* th {
border-bottom-color:inherit
}
.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
border-bottom-color:currentColor
}
.wp-block-table table[style*=border-left-color] td:first-child,
.wp-block-table table[style*=border-left-color] th,
.wp-block-table table[style*=border-left-color] tr,
.wp-block-table table[style*=border-left-color]>* {
border-left-color:inherit
}
.wp-block-table table[style*=border-style] td,
.wp-block-table table[style*=border-style] th,
.wp-block-table table[style*=border-style] tr,
.wp-block-table table[style*=border-style]>* {
border-style:inherit
}
.wp-block-table table[style*=border-width] td,
.wp-block-table table[style*=border-width] th,
.wp-block-table table[style*=border-width] tr,
.wp-block-table table[style*=border-width]>* {
border-style:inherit;
border-width:inherit
}
:where(.wp-block-term-description) {
margin-bottom:var(--wp--style--block-gap);
margin-top:var(--wp--style--block-gap)
}
.wp-block-term-description p {
margin-bottom:0;
margin-top:0
}
.wp-block-text-columns,
.wp-block-text-columns.aligncenter {
display:flex
}
.wp-block-text-columns .wp-block-column {
margin:0 1em;
padding:0
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left:0
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right:0
}
.wp-block-text-columns.columns-2 .wp-block-column {
width:50%
}
.wp-block-text-columns.columns-3 .wp-block-column {
width:33.33333%
}
.wp-block-text-columns.columns-4 .wp-block-column {
width:25%
}
pre.wp-block-verse {
overflow:auto;
white-space:pre-wrap
}
:where(pre.wp-block-verse) {
font-family:inherit
}
.wp-block-video {
box-sizing:border-box
}
.wp-block-video video {
width:100%
}
@supports (position:sticky) {
.wp-block-video [poster] {
object-fit:cover
}
}
.wp-block-video.aligncenter {
text-align:center
}
.wp-block-video figcaption {
margin-bottom:1em;
margin-top:.5em
}
.editor-styles-wrapper,
.entry-content {
counter-reset:footnotes
}
a[data-fn].fn {
counter-increment:footnotes;
display:inline-flex;
font-size:smaller;
text-decoration:none;
text-indent:-9999999px;
vertical-align:super
}
a[data-fn].fn:after {
content:"[" counter(footnotes) "]";
float:left;
text-indent:0
}
.wp-element-button {
cursor:pointer
}
:root {
--wp--preset--font-size--normal:16px;
--wp--preset--font-size--huge:42px
}
:root .has-very-light-gray-background-color {
background-color:#eee
}
:root .has-very-dark-gray-background-color {
background-color:#313131
}
:root .has-very-light-gray-color {
color:#eee
}
:root .has-very-dark-gray-color {
color:#313131
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background:linear-gradient(135deg,#00d084,#0693e3)
}
:root .has-purple-crush-gradient-background {
background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)
}
:root .has-hazy-dawn-gradient-background {
background:linear-gradient(135deg,#faaca8,#dad0ec)
}
:root .has-subdued-olive-gradient-background {
background:linear-gradient(135deg,#fafae1,#67a671)
}
:root .has-atomic-cream-gradient-background {
background:linear-gradient(135deg,#fdd79a,#004a59)
}
:root .has-nightshade-gradient-background {
background:linear-gradient(135deg,#330968,#31cdcf)
}
:root .has-midnight-gradient-background {
background:linear-gradient(135deg,#020381,#2874fc)
}
.has-regular-font-size {
font-size:1em
}
.has-larger-font-size {
font-size:2.625em
}
.has-normal-font-size {
font-size:var(--wp--preset--font-size--normal)
}
.has-huge-font-size {
font-size:var(--wp--preset--font-size--huge)
}
.has-text-align-center {
text-align:center
}
.has-text-align-left {
text-align:left
}
.has-text-align-right {
text-align:right
}
#end-resizable-editor-section {
display:none
}
.aligncenter {
clear:both
}
.items-justified-left {
justify-content:flex-start
}
.items-justified-center {
justify-content:center
}
.items-justified-right {
justify-content:flex-end
}
.items-justified-space-between {
justify-content:space-between
}
.screen-reader-text {
clip:rect(1px,1px,1px,1px);
word-wrap:normal!important;
border:0;
-webkit-clip-path:inset(50%);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}
.screen-reader-text:focus {
clip:auto!important;
background-color:#ddd;
-webkit-clip-path:none;
clip-path:none;
color:#444;
display:block;
font-size:1em;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000
}
html :where(.has-border-color) {
border-style:solid
}
html :where([style*=border-top-color]) {
border-top-style:solid
}
html :where([style*=border-right-color]) {
border-right-style:solid
}
html :where([style*=border-bottom-color]) {
border-bottom-style:solid
}
html :where([style*=border-left-color]) {
border-left-style:solid
}
html :where([style*=border-width]) {
border-style:solid
}
html :where([style*=border-top-width]) {
border-top-style:solid
}
html :where([style*=border-right-width]) {
border-right-style:solid
}
html :where([style*=border-bottom-width]) {
border-bottom-style:solid
}
html :where([style*=border-left-width]) {
border-left-style:solid
}
html :where(img[class*=wp-image-]) {
height:auto;
max-width:100%
}
:where(figure) {
margin:0 0 1em
}
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)
}
@media screen and (max-width:600px) {
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset:0px
}
}
.wp-block-audio figcaption {
color:#555;
font-size:13px;
text-align:center
}
.is-dark-theme .wp-block-audio figcaption {
color:hsla(0,0%,100%,.65)
}
.wp-block-audio {
margin:0 0 1em
}
.wp-block-code {
border:1px solid #ccc;
border-radius:4px;
font-family:Menlo,Consolas,monaco,monospace;
padding:.8em 1em
}
.wp-block-embed figcaption {
color:#555;
font-size:13px;
text-align:center
}
.is-dark-theme .wp-block-embed figcaption {
color:hsla(0,0%,100%,.65)
}
.wp-block-embed {
margin:0 0 1em
}
.blocks-gallery-caption {
color:#555;
font-size:13px;
text-align:center
}
.is-dark-theme .blocks-gallery-caption {
color:hsla(0,0%,100%,.65)
}
.wp-block-image figcaption {
color:#555;
font-size:13px;
text-align:center
}
.is-dark-theme .wp-block-image figcaption {
color:hsla(0,0%,100%,.65)
}
.wp-block-image {
margin:0 0 1em
}
.wp-block-pullquote {
border-bottom:4px solid;
border-top:4px solid;
color:currentColor;
margin-bottom:1.75em
}
.wp-block-pullquote cite,
.wp-block-pullquote footer,
.wp-block-pullquote__citation {
color:currentColor;
font-size:.8125em;
font-style:normal;
text-transform:uppercase
}
.wp-block-quote {
border-left:.25em solid;
margin:0 0 1.75em;
padding-left:1em
}
.wp-block-quote cite,
.wp-block-quote footer {
color:currentColor;
font-size:.8125em;
font-style:normal;
position:relative
}
.wp-block-quote.has-text-align-right {
border-left:none;
border-right:.25em solid;
padding-left:0;
padding-right:1em
}
.wp-block-quote.has-text-align-center {
border:none;
padding-left:0
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-quote.is-style-plain {
border:none
}
.wp-block-search .wp-block-search__label {
font-weight:700
}
.wp-block-search__button {
border:1px solid #ccc;
padding:.375em .625em
}
:where(.wp-block-group.has-background) {
padding:1.25em 2.375em
}
.wp-block-separator.has-css-opacity {
opacity:.4
}
.wp-block-separator {
border:none;
border-bottom:2px solid;
margin-left:auto;
margin-right:auto
}
.wp-block-separator.has-alpha-channel-opacity {
opacity:1
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
width:100px
}
.wp-block-separator.has-background:not(.is-style-dots) {
border-bottom:none;
height:1px
}
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
height:2px
}
.wp-block-table {
margin:0 0 1em
}
.wp-block-table td,
.wp-block-table th {
word-break:normal
}
.wp-block-table figcaption {
color:#555;
font-size:13px;
text-align:center
}
.is-dark-theme .wp-block-table figcaption {
color:hsla(0,0%,100%,.65)
}
.wp-block-video figcaption {
color:#555;
font-size:13px;
text-align:center
}
.is-dark-theme .wp-block-video figcaption {
color:hsla(0,0%,100%,.65)
}
.wp-block-video {
margin:0 0 1em
}
.wp-block-template-part.has-background {
margin-bottom:0;
margin-top:0;
padding:1.25em 2.375em
}
.gutena-tabs-block {
display:flex;
flex-direction:column;
position:relative;
row-gap:var(--gutena--tabs-tab-after-gap,10px)
}
@media only screen and (max-width:780px)and (min-width:361px) {
.gutena-tabs-block.tablet-scroll>.gutena-tabs-tab {
flex-wrap:nowrap;
justify-content:flex-start!important;
overflow:auto;
white-space:nowrap
}
.gutena-tabs-block.tablet-scroll>.gutena-tabs-tab>.gutena-tab-title {
flex:1 0 auto
}
}
@media only screen and (max-width:360px) {
.gutena-tabs-block.mobile-scroll>.gutena-tabs-tab {
flex-wrap:nowrap;
justify-content:flex-start!important;
overflow:auto;
white-space:nowrap
}
.gutena-tabs-block.mobile-scroll>.gutena-tabs-tab>.gutena-tab-title {
flex:1 0 auto
}
}
.gutena-tabs-block>.gutena-tabs-tab {
display:flex;
flex-wrap:wrap;
gap:var(--gutena--tabs-tab-spacing,10px);
justify-content:flex-start;
list-style:none;
margin:0;
padding:0;
position:relative
}
.gutena-tabs-block>.gutena-tabs-tab .gutena-tab-title {
min-width:var(--gutena--tabs-tab-min-width)
}
.gutena-tabs-block>.gutena-tabs-tab.tab-center {
justify-content:center
}
.gutena-tabs-block>.gutena-tabs-tab.tab-right {
justify-content:flex-end
}
.gutena-tabs-block>.gutena-tabs-tab.tab-flex .gutena-tab-title {
flex:1 0 var(--gutena--tabs-tab-min-width,auto);
min-width:none
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title {
background:var(--gutena--tabs-tab-background-gradient-color,var(--gutena--tabs-tab-background-color,#fff));
border-bottom:var(--gutena--tabs-tab-border-bottom);
border-left:var(--gutena--tabs-tab-border-left);
border-radius:var(--gutena--tabs-tab-border-radius);
border-right:var(--gutena--tabs-tab-border-right);
border-top:var(--gutena--tabs-tab-border-top);
box-shadow:var(--gutena--tabs-tab-box-shadow);
color:var(--gutena--tabs-tab-text-color,#000);
cursor:pointer;
font-family:var(--gutena--tabs-tab-font-family,inherit);
font-size:var(--gutena--tabs-tab-font-size,14px);
font-style:var(--gutena--tabs-tab-font-style);
font-weight:var(--gutena--tabs-tab-font-weight);
padding:var(--gutena--tabs-tab-padding);
position:relative;
text-align:center;
text-transform:var(--gutena--tabs-tab-text-transfrom)
}
@media only screen and (max-width:780px) {
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title {
padding:var(--gutena--tabs-tab-padding-tablet,var(--gutena--tabs-tab-padding))
}
}
@media only screen and (max-width:360px) {
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title {
padding:var(--gutena--tabs-tab-padding-mobile,var(--gutena--tabs-tab-padding-tablet,var(--gutena--tabs-tab-padding)))
}
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title:hover {
background:var(--gutena--tabs-tab-hover-background-gradient-color,var(--gutena--tabs-tab-hover-background-color,#fff));
border-bottom:var(--gutena--tabs-tab-hover-border-bottom,var(--gutena--tabs-tab-border-bottom));
border-left:var(--gutena--tabs-tab-hover-border-left,var(--gutena--tabs-tab-border-left));
border-radius:var(--gutena--tabs-tab-hover-border-radius,var(--gutena--tabs-tab-border-radius));
border-right:var(--gutena--tabs-tab-hover-border-right,var(--gutena--tabs-tab-border-right));
border-top:var(--gutena--tabs-tab-hover-border-top,var(--gutena--tabs-tab-border-top));
box-shadow:var(--gutena--tabs-tab-hover-box-shadow,var(--gutena--tabs-tab-box-shadow));
color:var(--gutena--tabs-tab-hover-text-color,var(--gutena--tabs-tab-text-color,#000));
z-index:4
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title:hover>.gutena-tab-title-content .gutena-tab-title-icon svg {
fill:var(--gutena--tabs-tab-hover-icon-color)
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title.active {
background:var(--gutena--tabs-tab-active-background-gradient-color,var(--gutena--tabs-tab-active-background-color,#fff));
border-bottom:var(--gutena--tabs-tab-active-border-bottom);
border-left:var(--gutena--tabs-tab-active-border-left);
border-radius:var(--gutena--tabs-tab-active-border-radius);
border-right:var(--gutena--tabs-tab-active-border-right);
border-top:var(--gutena--tabs-tab-active-border-top);
box-shadow:var(--gutena--tabs-tab-active-box-shadow);
color:var(--gutena--tabs-tab-active-text-color,#000);
z-index:4
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title.active>.gutena-tab-title-content .gutena-tab-title-icon svg {
fill:var(--gutena--tabs-tab-active-icon-color)
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title.active>.gutena-tab-title-content .gutena-tab-title-icon svg path {
stroke-width:5px
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content {
align-items:center;
display:inline-flex;
flex-direction:row;
height:100%;
justify-content:center
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content .gutena-tab-title-icon {
height:100%
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content .gutena-tab-title-icon svg {
height:100%;
fill:var(--gutena--tabs-tab-icon-color)
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content.icon-left .gutena-tab-title-icon {
margin-left:-3px;
margin-right:calc(var(--gutena--tabs-tab-icon-spacing, 10)*1px)
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content.icon-right {
flex-direction:row-reverse
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content.icon-right .gutena-tab-title-icon {
margin-left:calc(var(--gutena--tabs-tab-icon-spacing, 10)*1px);
margin-right:-3px
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content.icon-top {
flex-direction:column
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content.icon-top .gutena-tab-title-icon {
margin-bottom:calc(var(--gutena--tabs-tab-icon-spacing, 10)*1px)
}
.gutena-tabs-block>.gutena-tabs-content {
margin:0!important;
position:relative;
z-index:2
}
.gutena-tabs-block>.gutena-tabs-content>.gutena-tab-block {
background:var(--gutena--tabs-tab-container-background-gradient-color,var(--gutena--tabs-tab-container-background-color,#fff));
border-bottom:var(--gutena--tabs-tab-container-border-bottom);
border-left:var(--gutena--tabs-tab-container-border-left);
border-radius:var(--gutena--tabs-tab-container-border-radius);
border-right:var(--gutena--tabs-tab-container-border-right);
border-top:var(--gutena--tabs-tab-container-border-top);
box-shadow:var(--gutena--tabs-tab-container-box-shadow);
color:var(--gutena--tabs-tab-container-text-color,#000);
margin:0;
padding:var(--gutena--tabs-tab-container-padding)
}
@media only screen and (max-width:780px) {
.gutena-tabs-block>.gutena-tabs-content>.gutena-tab-block {
padding:var(--gutena--tabs-tab-container-padding-tablet,var(--gutena--tabs-tab-container-padding))
}
}
@media only screen and (max-width:360px) {
.gutena-tabs-block>.gutena-tabs-content>.gutena-tab-block {
padding:var(--gutena--tabs-tab-container-padding-mobile,var(--gutena--tabs-tab-container-padding-tablet,var(--gutena--tabs-tab-container-padding)))
}
}
.gutena-tabs-block>.gutena-tabs-content>.gutena-tab-block:not(.active) {
display:none
}
/*have to change code in gdm-blocks.css*/
#gde_ins_btn_gb
{
background-color: #0085ba;
color: #fff;
height: 38px;
padding: 15px;
text-align: center;
display: inline-flex;
align-items: center;
border: 1px solid #e2e4e7;
font-size: 17px;
/* border-radius: 30px;*/
/*font-weight: 600;*/
cursor: pointer;
}
#root
{
display: none!important;
background-color: #0085ba;
color: #fff;
height: 25px;
font-size: 12px;
}
@media only screen and (max-width: 799px) {
.ub-hide-on-mobile {
display:none
}
}
@media only screen and (min-width: 800px)and (max-width: 1023px) {
.ub-hide-on-tablet {
display:none
}
}
@media only screen and (min-width: 1024px) {
.ub-hide-on-desktop {
display:none
}
}
@charset "UTF-8";
/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.eds-animate {
overflow: hidden;
}
.edsanimate-sis-hidden, .eds-scroll-hidden {
opacity:0;
}
.eds-scroll-visible {
opacity:1;
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
/*Delay classes*/
.delay1 {
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-ms-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;
}
.delay2 {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
.delay3 {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-ms-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.delay4 {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-ms-animation-delay: 2s;
-o-animation-delay: 2s;
animation-delay: 2s;
}
.delay5 {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.delay6 {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
-o-animation-delay: 3s;
animation-delay: 3s;
}
.delay7 {
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
-ms-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.delay8 {
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
-ms-animation-delay: 4s;
-o-animation-delay: 4s;
animation-delay: 4s;
}
.delay9 {
-webkit-animation-delay: 4.5s;
-moz-animation-delay: 4.5s;
-ms-animation-delay: 4.5s;
-o-animation-delay: 4.5s;
animation-delay: 4.5s;
}
.delay10 {
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;
}
.delay11 {
-webkit-animation-delay: 5.5s;
-moz-animation-delay: 5.5s;
-ms-animation-delay: 5.5s;
-o-animation-delay: 5.5s;
animation-delay: 5.5s;
}
.delay12 {
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-ms-animation-delay: 6s;
-o-animation-delay: 6s;
animation-delay: 6s;
}
/*Duration Classes*/
.duration1 {
-webkit-animation-duration: .5s !important;
-moz-animation-duration: .5s !important;
-ms-animation-duration: .5s !important;
-o-animation-duration: .5s !important;
animation-duration: .5s !important;
}
.duration2 {
-webkit-animation-duration: 1s !important;
-moz-animation-duration: 1s !important;
-ms-animation-duration: 1s !important;
-o-animation-duration: 1s !important;
animation-duration: 1s !important;
}
.duration3 {
-webkit-animation-duration: 1.5s !important;
-moz-animation-duration: 1.5s !important;
-ms-animation-duration: 1.5s !important;
-o-animation-duration: 1.5s !important;
animation-duration: 1.5s !important;
}
.duration4 {
-webkit-animation-duration: 2s !important;
-moz-animation-duration: 2s !important;
-ms-animation-duration: 2s !important;
-o-animation-duration: 2s !important;
animation-duration: 2s !important;
}
.duration5 {
-webkit-animation-duration: 2.5s !important;
-moz-animation-duration: 2.5s !important;
-ms-animation-duration: 2.5s !important;
-o-animation-duration: 2.5s !important;
animation-duration: 2.5s !important;
}
.duration6 {
-webkit-animation-duration: 3s !important;
-moz-animation-duration: 3s !important;
-ms-animation-duration: 3s !important;
-o-animation-duration: 3s !important;
animation-duration: 3s !important;
}
.duration7 {
-webkit-animation-duration: 3.5s !important;
-moz-animation-duration: 3.5s !important;
-ms-animation-duration: 3.5s !important;
-o-animation-duration: 3.5s !important;
animation-duration: 3.5s !important;
}
.duration8 {
-webkit-animation-duration: 4s !important;
-moz-animation-duration: 4s !important;
-ms-animation-duration: 4s !important;
-o-animation-duration: 4s !important;
animation-duration: 4s !important;
}
.duration9 {
-webkit-animation-duration: 4.5s !important;
-moz-animation-duration: 4.5s !important;
-ms-animation-duration: 4.5s !important;
-o-animation-duration: 4.5s !important;
animation-duration: 4.5s !important;
}
.duration10 {
-webkit-animation-duration: 5s !important;
-moz-animation-duration: 5s !important;
-ms-animation-duration: 5s !important;
-o-animation-duration: 5s !important;
animation-duration: 5s !important;
}
.duration11 {
-webkit-animation-duration: 5.5s !important;
-moz-animation-duration: 5.5s !important;
-ms-animation-duration: 5.5s !important;
-o-animation-duration: 5.5s !important;
animation-duration: 5.5s !important;
}
.duration12 {
-webkit-animation-duration: 6s !important;
-moz-animation-duration: 6s !important;
-ms-animation-duration: 6s !important;
-o-animation-duration: 6s !important;
animation-duration: 6s !important;
}
.duration13 {
-webkit-animation-duration: 6.5s !important;
-moz-animation-duration: 6.5s !important;
-ms-animation-duration: 6.5s !important;
-o-animation-duration: 6.5s !important;
animation-duration: 6.5s !important;
}
.duration14 {
-webkit-animation-duration: 7s !important;
-moz-animation-duration: 7s !important;
-ms-animation-duration: 7s !important;
-o-animation-duration: 7s !important;
animation-duration: 7s !important;
}
.duration15 {
-webkit-animation-duration: 7.5s !important;
-moz-animation-duration: 7.5s !important;
-ms-animation-duration: 7.5s !important;
-o-animation-duration: 7.5s !important;
animation-duration: 7.5s !important;
}
.duration16 {
-webkit-animation-duration: 8s !important;
-moz-animation-duration: 8s !important;
-ms-animation-duration: 8s !important;
-o-animation-duration: 8s !important;
animation-duration: 8s !important;
}
.duration17 {
-webkit-animation-duration: 8.5s !important;
-moz-animation-duration: 8.5s !important;
-ms-animation-duration: 8.5s !important;
-o-animation-duration: 8.5s !important;
animation-duration: 8.5s !important;
}
.duration18 {
-webkit-animation-duration: 9s !important;
-moz-animation-duration: 9s !important;
-ms-animation-duration: 9s !important;
-o-animation-duration: 9s !important;
animation-duration: 9s !important;
}
.duration19 {
-webkit-animation-duration: 9.5s !important;
-moz-animation-duration: 9.5s !important;
-ms-animation-duration: 9.5s !important;
-o-animation-duration: 9.5s !important;
animation-duration: 9.5s !important;
}
.duration20 {
-webkit-animation-duration: 10s !important;
-moz-animation-duration: 10s !important;
-ms-animation-duration: 10s !important;
-o-animation-duration: 10s !important;
animation-duration: 10s !important;
}
.animated {
/* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
backface-visibility: hidden;
-o-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
animation-fill-mode: both;
transform: translate3d(0, 0, 0);
-o-animation-fill-mode: both;
-o-transform: translate3d(0, 0, 0);
-moz-animation-fill-mode: both;
-moz-transform: translate3d(0, 0, 0);
-webkit-animation-fill-mode: both;
-webkit-transform: translate3d(0, 0, 0);
}
.animated.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 flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
.animated.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.animated.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.animated.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.animated.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }
80% { -webkit-transform: rotate(-5deg); }
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
20% { -moz-transform: rotate(15deg); }
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }
80% { -moz-transform: rotate(-5deg); }
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }
80% { -o-transform: rotate(-5deg); }
100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
20% { transform: rotate(15deg); }
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }
80% { transform: rotate(-5deg); }
100% { transform: rotate(0deg); }
}
.animated.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animated.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% { -webkit-transform: translateX(0%); }
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
30% { -webkit-transform: translateX(20%) rotate(3deg); }
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
60% { -webkit-transform: translateX(10%) rotate(2deg); }
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes wobble {
0% { -moz-transform: translateX(0%); }
15% { -moz-transform: translateX(-25%) rotate(-5deg); }
30% { -moz-transform: translateX(20%) rotate(3deg); }
45% { -moz-transform: translateX(-15%) rotate(-3deg); }
60% { -moz-transform: translateX(10%) rotate(2deg); }
75% { -moz-transform: translateX(-5%) rotate(-1deg); }
100% { -moz-transform: translateX(0%); }
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
30% { -o-transform: translateX(20%) rotate(3deg); }
45% { -o-transform: translateX(-15%) rotate(-3deg); }
60% { -o-transform: translateX(10%) rotate(2deg); }
75% { -o-transform: translateX(-5%) rotate(-1deg); }
100% { -o-transform: translateX(0%); }
}
@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); }
}
.animated.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
0%, 11.1%, 100% {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
0%, 11.1%, 100% {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.animated.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }
50% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }
50% { -o-transform: scale(1.1); }
100% { -o-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.animated.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.animated.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.animated.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.animated.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.animated.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.animated.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(1080px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(1080px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(1080px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-1080px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-1080px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.animated.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.animated.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.animated.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.animated.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.animated.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-1080px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-1080px);
}
}
.animated.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(1080px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(1080px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(1080px);
}
}
.animated.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.animated.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.animated.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.animated.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(1080px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(1080px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(1080px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.animated.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-1080px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-1080px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.animated.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.animated.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.animated.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(.3);
}
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}
}
.animated.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-1080px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-1080px);
}
}
.animated.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(1080px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(1080px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(1080px);
}
}
.animated.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.animated.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.animated.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.animated.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.animated.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.animated.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.animated.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.animated.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.animated.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.animated.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.animated.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.animated.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
}
}
.animated.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
}
.animated.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
}
.animated.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
}
}
.animated.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@-moz-keyframes hinge {
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
100% { -o-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
100% { transform: translateY(700px); opacity: 0; }
}
.animated.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.animated.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(3000px) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(3000px) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(3000px) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(3000px) rotate(120deg);
}
}
.animated.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-moz-keyframes lightSpeedIn {
0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.animated.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-moz-keyframes lightSpeedOut {
0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes lightSpeedOut {
0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.animated.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@-moz-keyframes wiggle {
0% { -moz-transform: skewX(9deg); }
10% { -moz-transform: skewX(-8deg); }
20% { -moz-transform: skewX(7deg); }
30% { -moz-transform: skewX(-6deg); }
40% { -moz-transform: skewX(5deg); }
50% { -moz-transform: skewX(-4deg); }
60% { -moz-transform: skewX(3deg); }
70% { -moz-transform: skewX(-2deg); }
80% { -moz-transform: skewX(1deg); }
90% { -moz-transform: skewX(0deg); }
100% { -moz-transform: skewX(0deg); }
}
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
20% { -o-transform: skewX(7deg); }
30% { -o-transform: skewX(-6deg); }
40% { -o-transform: skewX(5deg); }
50% { -o-transform: skewX(-4deg); }
60% { -o-transform: skewX(3deg); }
70% { -o-transform: skewX(-2deg); }
80% { -o-transform: skewX(1deg); }
90% { -o-transform: skewX(0deg); }
100% { -o-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.animated.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
/*
A couple of additions for the animo.js library
Daniel Raftery <@ThirvingKings>
*/
.animated.fade {
-webkit-animation-name: fade;
-moz-animation-name: fade;
-o-animation-name: fade;
animation-name: fade;
}
@-webkit-keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-o-keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
.animated.appear {
-webkit-animation-name: appear;
-moz-animation-name: appear;
-o-animation-name: appear;
animation-name: appear;
}
@-webkit-keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
.animated.spinner {
-webkit-animation-name: spinner;
-moz-animation-name: spinner;
-o-animation-name: spinner;
animation-name: spinner;
}
@-webkit-keyframes spinner {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinner {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); }
}
@-o-keyframes spinner {
0% { -o-transform: rotate(0deg); }
100% { -o-transform: rotate(360deg); }
}
@keyframes spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.animated.twirlIn {
-webkit-animation-name: twirlIn;
-moz-animation-name: twirlIn;
-o-animation-name: twirlIn;
animation-name: twirlIn;
}
@-webkit-keyframes twirlIn {
0% { -webkit-transform: rotate3d( 80,-70,10,180deg ); }
100% { -webkit-transform: rotate3d( 0,0,0,0deg ); }
}
@-moz-keyframes twirlIn {
0% { -moz-transform: rotate3d( 80,70,10,180deg ); }
100% { -moz-transform: rotate3d( 0,0,0,0deg ); }
}
@-o-keyframes twirlIn {
0% { -o-transform: rotate3d( 80,70,10,180deg ); }
100% { -o-transform: rotate3d( 0,0,0,0deg ); }
}
@keyframes twirlIn {
0% { transform: rotate3d( 0,0,0,0deg ); }
100% { transform: rotate3d( 80,70,10,180deg ); }
}
.animated.twirlOut {
-webkit-animation-name: twirlOut;
-moz-animation-name: twirlOut;
-o-animation-name: twirlOut;
animation-name: twirlOut;
}
@-webkit-keyframes twirlOut {
0% { -webkit-transform: rotate3d( 0,0,0,0deg ); }
100% { -webkit-transform: rotate3d( 80,-70,10,180deg ); }
}
@-moz-keyframes twirlOut {
0% { -moz-transform: rotate3d( 0,0,0,0deg ); }
100% { -moz-transform: rotate3d( 80,70,10,180deg ); }
}
@-o-keyframes twirlOut {
0% { -o-transform: rotate3d( 0,0,0,0deg ); }
100% { -o-transform: rotate3d( 80,70,10,180deg ); }
}
@keyframes twirlOut {
0% { transform: rotate3d( 0,0,0,0deg ); }
100% { transform: rotate3d( 80,70,10,180deg ); }
}
.eds-animation-paused {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
/* originally authored by Ian Lunn - https://github.com/IanLunn */
/* Grow */
@-webkit-keyframes grow {
100% { -webkit-transform: scale(1.1); }
}
@-moz-keyframes grow {
100% { -moz-transform: scale(1.1); }
}
@-o-keyframes grow {
100% { -o-transform: scale(1.1); }
}
@keyframes grow {
100% { transform: scale(1.1); }
}
.animated.grow {
-webkit-animation-name: grow;
-moz-animation-name: grow;
-o-animation-name: grow;
animation-name: grow;
}
/* Shrink */
@-webkit-keyframes shrink {
100% { -webkit-transform: scale(0.9); }
}
@-moz-keyframes shrink {
100% { -moz-transform: scale(0.9); }
}
@-o-keyframes shrink {
100% { -o-transform: scale(0.9); }
}
@keyframes shrink {
100% { transform: scale(0.9); }
}
.animated.shrink {
-webkit-animation-name: shrink;
-moz-animation-name: shrink;
-o-animation-name: shrink;
animation-name: shrink;
}
/* Pulse Grow */
@-webkit-keyframes pulseGrow {
0% { -webkit-transform: scale(1.1); }
}
@-moz-keyframes pulseGrow {
0% { -moz-transform: scale(1.1); }
}
@-o-keyframes pulseGrow {
0% { -o-transform: scale(1.1); }
}
@keyframes pulseGrow {
0% { transform: scale(1.1); }
}
.animated.pulseGrow {
-webkit-animation-direction: alternate;
-moz-animation-direction: alternate;
-o-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-name: pulseGrow;
-moz-animation-name: pulseGrow;
-o-animation-name: pulseGrow;
animation-name: pulseGrow;
}
/* Pulse Shrink */
@-webkit-keyframes pulseShrink {
0% { -webkit-transform: scale(0.9); }
}
@-moz-keyframes pulseShrink {
0% { -moz-transform: scale(0.9); }
}
@-o-keyframes pulseShrink {
0% { -o-transform: scale(0.9); }
}
@keyframes pulseShrink {
0% { transform: scale(0.9); }
}
.animated.pulseShrink {
-webkit-animation-direction: alternate;
-moz-animation-direction: alternate;
-o-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-name: pulseShrink;
-moz-animation-name: pulseShrink;
-o-animation-name: pulseShrink;
animation-name: pulseShrink;
}
/* Push */
@-webkit-keyframes push {
50% { -webkit-transform: scale(0.8); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes push {
50% { -moz-transform: scale(0.8); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes push {
50% { -o-transform: scale(0.8); }
100% { -o-transform: scale(1); }
}
@keyframes push {
50% { transform: scale(0.8); }
100% { transform: scale(1); }
}
.animated.push {
-webkit-animation-name: push;
-moz-animation-name: push;
-o-animation-name: push;
animation-name: push;
}
/* Pop */
@-webkit-keyframes pop {
50% { -webkit-transform: scale(1.2); }
}
@-moz-keyframes pop {
50% { -moz-transform: scale(1.2); }
}
@-o-keyframes pop {
50% { -o-transform: scale(1.2); }
}
@keyframes pop {
50% { transform: scale(1.2); }
}
.animated.pop {
-webkit-animation-name: pop;
-moz-animation-name: pop;
-o-animation-name: pop;
animation-name: pop;
}
/* Rotate */
@-webkit-keyframes rotate {
100% { -webkit-transform: rotate(60deg); }
}
@-moz-keyframes rotate {
100% { -moz-transform: rotate(60deg); }
}
@-o-keyframes rotate {
100% { -o-transform: rotate(60deg); }
}
@keyframes rotate {
100% { transform: rotate(60deg); }
}
.animated.rotate {
-webkit-animation-name: rotate;
-moz-animation-name: rotate;
-o-animation-name: rotate;
animation-name: rotate;
}
/* Grow Rotate */
@-webkit-keyframes growRotate {
100% { -webkit-transform: scale(1.1) rotate(60deg); }
}
@-moz-keyframes growRotate {
100% { -moz-transform: scale(1.1) rotate(60deg); }
}
@-o-keyframes growRotate {
100% { -o-transform: scale(1.1) rotate(60deg); }
}
@keyframes growRotate {
100% { transform: scale(1.1) rotate(60deg); }
}
.animated.growRotate {
-webkit-animation-name: growRotate;
-moz-animation-name: growRotate;
-o-animation-name: growRotate;
animation-name: growRotate;
}
/* Float */
@-webkit-keyframes float {
100% { -webkit-transform: translateY(-8px); }
}
@-moz-keyframes float {
100% { -moz-transform: translateY(-8px); }
}
@-o-keyframes float {
100% { -o-transform: translateY(-8px); }
}
@keyframes float {
100% { transform: translateY(-8px); }
}
.animated.float {
-webkit-animation-name: float;
-moz-animation-name: float;
-o-animation-name: float;
animation-name: float;
}
/* Sink */
@-webkit-keyframes sink {
100% { -webkit-transform: translateY(8px); }
}
@-moz-keyframes sink {
100% { -moz-transform: translateY(8px); }
}
@-o-keyframes sink {
100% { -o-transform: translateY(8px); }
}
@keyframes sink {
100% { transform: translateY(8px); }
}
.animated.sink {
-webkit-animation-name: sink;
-moz-animation-name: sink;
-o-animation-name: sink;
animation-name: sink;
}
/* Skew */
@-webkit-keyframes skew {
100% { -webkit-transform: skew(-10deg); }
}
@-moz-keyframes skew {
100% { -moz-transform: skew(-10deg); }
}
@-o-keyframes skew {
100% { -o-transform: skew(-10deg); }
}
@keyframes skew {
100% { transform: skew(-10deg); }
}
.animated.skew {
-webkit-animation-name: skew;
-moz-animation-name: skew;
-o-animation-name: skew;
animation-name: skew;
}
/* Skew Forward */
@-webkit-keyframes skewForward {
100% { -webkit-transform: skew(-10deg); }
}
@-moz-keyframes skewForward {
100% { -moz-transform: skew(-10deg); }
}
@-o-keyframes skewForward {
100% { -o-transform: skew(-10deg); }
}
@keyframes skewForward {
100% { transform: skew(-10deg); }
}
.animated.skewForward {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-animation-name: skewForward;
-moz-animation-name: skewForward;
-o-animation-name: skewForward;
animation-name: skewForward;
}
/* Skew Backward */
@-webkit-keyframes skewBackward {
100% { -webkit-transform: skew(10deg); }
}
@-moz-keyframes skewBackward {
100% { -moz-transform: skew(10deg); }
}
@-o-keyframes skewBackward {
100% { -o-transform: skew(10deg); }
}
@keyframes skewBackward {
100% { transform: skew(10deg); }
}
.animated.skewBackward {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-animation-name: skewBackward;
-moz-animation-name: skewBackward;
-o-animation-name: skewBackward;
animation-name: skewBackward;
}
/* Wobble Vertical */
@-webkit-keyframes wobbleVertical {
16.65% { -webkit-transform: translateY(8px); }
33.3% { -webkit-transform: translateY(-6px); }
49.95% { -webkit-transform: translateY(4px); }
66.6% { -webkit-transform: translateY(-2px); }
83.25% { -webkit-transform: translateY(1px); }
100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes wobbleVertical {
16.65% { -moz-transform: translateY(8px); }
33.3% { -moz-transform: translateY(-6px); }
49.95% { -moz-transform: translateY(4px); }
66.6% { -moz-transform: translateY(-2px); }
83.25% { -moz-transform: translateY(1px); }
100% { -moz-transform: translateY(0); }
}
@-o-keyframes wobbleVertical {
16.65% { -o-transform: translateY(8px); }
33.3% { -o-transform: translateY(-6px); }
49.95% { -o-transform: translateY(4px); }
66.6% { -o-transform: translateY(-2px); }
83.25% { -o-transform: translateY(1px); }
100% { -o-transform: translateY(0); }
}
@keyframes wobbleVertical {
16.65% { transform: translateY(8px); }
33.3% { transform: translateY(-6px); }
49.95% { transform: translateY(4px); }
66.6% { transform: translateY(-2px); }
83.25% { transform: translateY(1px); }
100% { transform: translateY(0); }
}
.animated.wobbleVertical {
-webkit-animation-name: wobbleVertical;
-moz-animation-name: wobbleVertical;
-o-animation-name: wobbleVertical;
animation-name: wobbleVertical;
}
/* Wobble Horizontal */
@-webkit-keyframes wobbleHorizontal {
16.65% { -webkit-transform: translateX(8px); }
33.3% { -webkit-transform: translateX(-6px); }
49.95% { -webkit-transform: translateX(4px); }
66.6% { -webkit-transform: translateX(-2px); }
83.25% { -webkit-transform: translateX(1px); }
100% { -webkit-transform: translateX(0); }
}
@-moz-keyframes wobbleHorizontal {
16.65% { -moz-transform: translateX(8px); }
33.3% { -moz-transform: translateX(-6px); }
49.95% { -moz-transform: translateX(4px); }
66.6% { -moz-transform: translateX(-2px); }
83.25% { -moz-transform: translateX(1px); }
100% { -moz-transform: translateX(0); }
}
@-o-keyframes wobbleHorizontal {
16.65% { -o-transform: translateX(8px); }
33.3% { -o-transform: translateX(-6px); }
49.95% { -o-transform: translateX(4px); }
66.6% { -o-transform: translateX(-2px); }
83.25% { -o-transform: translateX(1px); }
100% { -o-transform: translateX(0); }
}
@keyframes wobbleHorizontal {
16.65% { transform: translateX(8px); }
33.3% { transform: translateX(-6px); }
49.95% { transform: translateX(4px); }
66.6% { transform: translateX(-2px); }
83.25% { transform: translateX(1px); }
100% { transform: translateX(0); }
}
.animated.wobbleHorizontal {
-webkit-animation-name: wobbleHorizontal;
-moz-animation-name: wobbleHorizontal;
-o-animation-name: wobbleHorizontal;
animation-name: wobbleHorizontal;
}
/* Wobble To Bottom Right */
@-webkit-keyframes wobbleToBottomRight {
16.65% { -webkit-transform: translate(8px, 8px); }
33.3% { -webkit-transform: translate(-6px, -6px); }
49.95% { -webkit-transform: translate(4px, 4px); }
66.6% { -webkit-transform: translate(-2px, -2px); }
83.25% { -webkit-transform: translate(1px, 1px); }
100% { -webkit-transform: translate(0, 0); }
}
@-moz-keyframes wobbleToBottomRight {
16.65% { -moz-transform: translate(8px, 8px); }
33.3% { -moz-transform: translate(-6px, -6px); }
49.95% { -moz-transform: translate(4px, 4px); }
66.6% { -moz-transform: translate(-2px, -2px); }
83.25% { -moz-transform: translate(1px, 1px); }
100% { -moz-transform: translate(0, 0); }
}
@-o-keyframes wobbleToBottomRight {
16.65% { -o-transform: translate(8px, 8px); }
33.3% { -o-transform: translate(-6px, -6px); }
49.95% { -o-transform: translate(4px, 4px); }
66.6% { -o-transform: translate(-2px, -2px); }
83.25% { -o-transform: translate(1px, 1px); }
100% { -o-transform: translate(0, 0); }
}
@keyframes wobbleToBottomRight {
16.65% { transform: translate(8px, 8px); }
33.3% { transform: translate(-6px, -6px); }
49.95% { transform: translate(4px, 4px); }
66.6% { transform: translate(-2px, -2px); }
83.25% { transform: translate(1px, 1px); }
100% { transform: translate(0, 0); }
}
.animated.wobbleToBottomRight {
-webkit-animation-name: wobbleToBottomRight;
-moz-animation-name: wobbleToBottomRight;
-o-animation-name: wobbleToBottomRight;
animation-name: wobbleToBottomRight;
}
/* Wobble To Top Right */
@-webkit-keyframes wobbleToTopRight {
16.65% { -webkit-transform: translate(8px, -8px); }
33.3% { -webkit-transform: translate(-6px, 6px); }
49.95% { -webkit-transform: translate(4px, -4px); }
66.6% { -webkit-transform: translate(-2px, 2px); }
83.25% { -webkit-transform: translate(1px, -1px); }
100% { -webkit-transform: translate(0, 0); }
}
@-moz-keyframes wobbleToTopRight {
16.65% { -moz-transform: translate(8px, -8px); }
33.3% { -moz-transform: translate(-6px, 6px); }
49.95% { -moz-transform: translate(4px, -4px); }
66.6% { -moz-transform: translate(-2px, 2px); }
83.25% { -moz-transform: translate(1px, -1px); }
100% { -moz-transform: translate(0, 0); }
}
@-o-keyframes wobbleToTopRight {
16.65% { -o-transform: translate(8px, -8px); }
33.3% { -o-transform: translate(-6px, 6px); }
49.95% { -o-transform: translate(4px, -4px); }
66.6% { -o-transform: translate(-2px, 2px); }
83.25% { -o-transform: translate(1px, -1px); }
100% { -o-transform: translate(0, 0); }
}
@keyframes wobbleToTopRight {
16.65% { transform: translate(8px, -8px); }
33.3% { transform: translate(-6px, 6px); }
49.95% { transform: translate(4px, -4px); }
66.6% { transform: translate(-2px, 2px); }
83.25% { transform: translate(1px, -1px); }
100% { transform: translate(0, 0); }
}
.animated.wobbleToTopRight {
-webkit-animation-name: wobbleToTopRight;
-moz-animation-name: wobbleToTopRight;
-o-animation-name: wobbleToTopRight;
animation-name: wobbleToTopRight;
}
/* Wobble Top */
@-webkit-keyframes wobbleTop {
16.65% { -webkit-transform: skew(-12deg); }
33.3% { -webkit-transform: skew(10deg); }
49.95% { -webkit-transform: skew(-6deg); }
66.6% { -webkit-transform: skew(4deg); }
83.25% { -webkit-transform: skew(-2deg); }
100% { -webkit-transform: skew(0); }
}
@-moz-keyframes wobbleTop {
16.65% { -moz-transform: skew(-12deg); }
33.3% { -moz-transform: skew(10deg); }
49.95% { -moz-transform: skew(-6deg); }
66.6% { -moz-transform: skew(4deg); }
83.25% { -moz-transform: skew(-2deg); }
100% { -moz-transform: skew(0); }
}
@-o-keyframes wobbleTop {
16.65% { -o-transform: skew(-12deg); }
33.3% { -o-transform: skew(10deg); }
49.95% { -o-transform: skew(-6deg); }
66.6% { -o-transform: skew(4deg); }
83.25% { -o-transform: skew(-2deg); }
100% { -o-transform: skew(0); }
}
@keyframes wobbleTop {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0); }
}
.animated.wobbleTop {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-animation-name: wobbleTop;
-moz-animation-name: wobbleTop;
-o-animation-name: wobbleTop;
animation-name: wobbleTop;
}
/* Wobble Bottom */
@-webkit-keyframes wobbleBottom {
16.65% { -webkit-transform: skew(-12deg); }
33.3% { -webkit-transform: skew(10deg); }
49.95% { -webkit-transform: skew(-6deg); }
66.6% { -webkit-transform: skew(4deg); }
83.25% { -webkit-transform: skew(-2deg); }
100% { -webkit-transform: skew(0); }
}
@-moz-keyframes wobbleBottom {
16.65% { -moz-transform: skew(-12deg); }
33.3% { -moz-transform: skew(10deg); }
49.95% { -moz-transform: skew(-6deg); }
66.6% { -moz-transform: skew(4deg); }
83.25% { -moz-transform: skew(-2deg); }
100% { -moz-transform: skew(0); }
}
@-o-keyframes wobbleBottom {
16.65% { -o-transform: skew(-12deg); }
33.3% { -o-transform: skew(10deg); }
49.95% { -o-transform: skew(-6deg); }
66.6% { -o-transform: skew(4deg); }
83.25% { -o-transform: skew(-2deg); }
100% { -o-transform: skew(0); }
}
@keyframes wobbleBottom {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0); }
}
.animated.wobbleBottom {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-animation-name: wobbleBottom;
-moz-animation-name: wobbleBottom;
-o-animation-name: wobbleBottom;
animation-name: wobbleBottom;
}
/* Wobble Skew */
@-webkit-keyframes wobbleSkew {
16.65% { -webkit-transform: skew(-12deg); }
33.3% { -webkit-transform: skew(10deg); }
49.95% { -webkit-transform: skew(-6deg); }
66.6% { -webkit-transform: skew(4deg); }
83.25% { -webkit-transform: skew(-2deg); }
100% { -webkit-transform: skew(0); }
}
@-moz-keyframes wobbleSkew {
16.65% { -moz-transform: skew(-12deg); }
33.3% { -moz-transform: skew(10deg); }
49.95% { -moz-transform: skew(-6deg); }
66.6% { -moz-transform: skew(4deg); }
83.25% { -moz-transform: skew(-2deg); }
100% { -moz-transform: skew(0); }
}
@-o-keyframes wobbleSkew {
16.65% { -o-transform: skew(-12deg); }
33.3% { -o-transform: skew(10deg); }
49.95% { -o-transform: skew(-6deg); }
66.6% { -o-transform: skew(4deg); }
83.25% { -o-transform: skew(-2deg); }
100% { -o-transform: skew(0); }
}
@keyframes wobbleSkew {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0); }
}
.animated.wobbleSkew {
-webkit-animation-name: wobbleSkew;
-moz-animation-name: wobbleSkew;
-o-animation-name: wobbleSkew;
animation-name: wobbleSkew;
}
/* Buzz */
@-webkit-keyframes buzz {
50% { -webkit-transform: translateX(3px) rotate(2deg); }
100% { -webkit-transform: translateX(-3px) rotate(-2deg); }
}
@-moz-keyframes buzz {
50% { -moz-transform: translateX(3px) rotate(2deg); }
100% { -moz-transform: translateX(-3px) rotate(-2deg); }
}
@-o-keyframes buzz {
50% { -o-transform: translateX(3px) rotate(2deg); }
100% { -o-transform: translateX(-3px) rotate(-2deg); }
}
@keyframes buzz {
50% { transform: translateX(3px) rotate(2deg); }
100% { transform: translateX(-3px) rotate(-2deg); }
}
.animated.buzz {
-webkit-animation-name: buzz;
-moz-animation-name: buzz;
-o-animation-name: buzz;
animation-name: buzz;
}
/* Buzz Out */
@-webkit-keyframes buzzOut {
10% { -webkit-transform: translateX(3px) rotate(2deg); }
20% { -webkit-transform: translateX(-3px) rotate(-2deg); }
30% { -webkit-transform: translateX(3px) rotate(2deg); }
40% { -webkit-transform: translateX(-3px) rotate(-2deg); }
50% { -webkit-transform: translateX(2px) rotate(1deg); }
60% { -webkit-transform: translateX(-2px) rotate(-1deg); }
70% { -webkit-transform: translateX(2px) rotate(1deg); }
80% { -webkit-transform: translateX(-2px) rotate(-1deg); }
90% { -webkit-transform: translateX(1px) rotate(0); }
100% { -webkit-transform: translateX(-1px) rotate(0); }
}
@-moz-keyframes buzzOut {
10% { -moz-transform: translateX(3px) rotate(2deg); }
20% { -moz-transform: translateX(-3px) rotate(-2deg); }
30% { -moz-transform: translateX(3px) rotate(2deg); }
40% { -moz-transform: translateX(-3px) rotate(-2deg); }
50% { -moz-transform: translateX(2px) rotate(1deg); }
60% { -moz-transform: translateX(-2px) rotate(-1deg); }
70% { -moz-transform: translateX(2px) rotate(1deg); }
80% { -moz-transform: translateX(-2px) rotate(-1deg); }
90% { -moz-transform: translateX(1px) rotate(0); }
100% { -moz-transform: translateX(-1px) rotate(0); }
}
@-o-keyframes buzzOut {
10% { -o-transform: translateX(3px) rotate(2deg); }
20% { -o-transform: translateX(-3px) rotate(-2deg); }
30% { -o-transform: translateX(3px) rotate(2deg); }
40% { -o-transform: translateX(-3px) rotate(-2deg); }
50% { -o-transform: translateX(2px) rotate(1deg); }
60% { -o-transform: translateX(-2px) rotate(-1deg); }
70% { -o-transform: translateX(2px) rotate(1deg); }
80% { -o-transform: translateX(-2px) rotate(-1deg); }
90% { -o-transform: translateX(1px) rotate(0); }
100% { -o-transform: translateX(-1px) rotate(0); }
}
@keyframes buzzOut {
10% { transform: translateX(3px) rotate(2deg); }
20% { transform: translateX(-3px) rotate(-2deg); }
30% { transform: translateX(3px) rotate(2deg); }
40% { transform: translateX(-3px) rotate(-2deg); }
50% { transform: translateX(2px) rotate(1deg); }
60% { transform: translateX(-2px) rotate(-1deg); }
70% { transform: translateX(2px) rotate(1deg); }
80% { transform: translateX(-2px) rotate(-1deg); }
90% { transform: translateX(1px) rotate(0); }
100% { transform: translateX(-1px) rotate(0); }
}
.animated.buzzOut {
-webkit-animation-name: buzzOut;
-moz-animation-name: buzzOut;
-o-animation-name: buzzOut;
animation-name: buzzOut;
}
/* Forward */
@-webkit-keyframes forward {
100% { -webkit-transform: translateX(8px); }
}
@-moz-keyframes forward {
100% { -moz-transform: translateX(8px); }
}
@-o-keyframes forward {
100% { -o-transform: translateX(8px); }
}
@keyframes forward {
100% { transform: translateX(8px); }
}
.animated.forward {
-webkit-animation-name: forward;
-moz-animation-name: forward;
-o-animation-name: forward;
animation-name: forward;
}
/* Backward */
@-webkit-keyframes backward {
100% { -webkit-transform: translateX(-8px); }
}
@-moz-keyframes backward {
100% { -moz-transform: translateX(-8px); }
}
@-o-keyframes backward {
100% { -o-transform: translateX(-8px); }
}
@keyframes backward {
100% { transform: translateX(-8px); }
}
.animated.backward {
-webkit-animation-name: backward;
-moz-animation-name: backward;
-o-animation-name: backward;
animation-name: backward;
}
@charset 'utf-8';
/* Toggles and accordions */
.squelch-taas-toggle .ui-accordion-header,
.squelch-taas-accordion .ui-accordion-header {
margin: 2px 0 0 0;
font-weight: bold;
letter-spacing: 0;
text-transform: none;
font-size: 16px;
}
.squelch-taas-toggle .ui-accordion-header-active,
.squelch-taas-accordion .ui-accordion-header-active {
border-bottom: 0;
}
.squelch-taas-toggle .squelch-taas-toggle-shortcode-content,
.squelch-taas-accordion .ui-accordion-content {
margin: 0 0 2px 0;
padding: 1em 2.2em;
border-top: 0;
}
.squelch-taas-toggle .ui-accordion-header:hover,
.squelch-taas-accordion .ui-accordion-header:hover {
cursor: pointer;
}
.squelch-taas-toggle .squelch-taas-toggle-shortcode-header {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.squelch-taas-toggle .squelch-taas-toggle-shortcode-content {
overflow: hidden;
}
/* Blank toggles theme */
.squelch-taas-toggle.blank {
}
.squelch-taas-toggle.blank span.ui-icon {
display: inline-block;
}
.squelch-taas-toggle.blank .squelch-taas-toggle-shortcode-header {
text-align: left;
font-weight: bold;
font-size: 120%;
}
.squelch-taas-toggle.blank .squelch-taas-toggle-shortcode-content {
padding-left: 16px;
}
/* Tabs */
.squelch-taas-tab-group .ui-tabs-panel:after {
content: ".";
display: block;
height: 0;
line-height: 0;
clear: both;
visibility: hidden;
zoom: 1;
}
/* Basic theme */
.squelch-taas-toggle.basic {
}
.squelch-taas-toggle.basic .squelch-taas-toggle-shortcode-header {
text-align: left;
font-weight: bold;
font-size: 120%;
padding-left: 32px;
background: #333;
color: white;
line-height: 225%;
cursor: pointer;
margin: 0;
}
.squelch-taas-toggle.basic .squelch-taas-toggle-shortcode-header a,
.squelch-taas-toggle.basic .squelch-taas-toggle-shortcode-header a:link,
.squelch-taas-toggle.basic .squelch-taas-toggle-shortcode-header a:visited,
.squelch-taas-toggle.basic .squelch-taas-toggle-shortcode-header a:active,
.squelch-taas-toggle.basic .squelch-taas-toggle-shortcode-header a:hover {
color: white;
text-decoration: none;
font-weight: normal;
}
.squelch-taas-toggle.basic .squelch-taas-toggle-shortcode-content {
background: white;
padding: 16px 32px 0 32px;
}
/* Dark theme */
.squelch-taas-toggle.dark {
border: 9px solid #353535;
border-radius: 6px;
border-bottom-width: 8px;
padding: 0 5px;
background: #030303;
-webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.squelch-taas-toggle.dark .squelch-taas-toggle-shortcode-header {
text-shadow: 0 -1px 0 #030303;
line-height: 265%
text-align: left;
font-weight: bold;
font-size: 120%;
padding-left: 32px;
color: white;
cursor: pointer;
margin: 5px 0;
border-radius: 4px;
background: #353535;
}
.squelch-taas-toggle.dark .squelch-taas-toggle-shortcode-header-active {
background: -moz-linear-gradient(top, #353535 0%, #555555 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#555555));
background: -webkit-linear-gradient(top, #353535 0%,#555555 100%);
background: -o-linear-gradient(top, #353535 0%,#555555 100%);
background: -ms-linear-gradient(top, #353535 0%,#555555 100%);
background: linear-gradient(top, #353535 0%,#555555 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=0 );
}
.squelch-taas-toggle.dark .squelch-taas-toggle-shortcode-header a,
.squelch-taas-toggle.dark .squelch-taas-toggle-shortcode-header a:link,
.squelch-taas-toggle.dark .squelch-taas-toggle-shortcode-header a:visited,
.squelch-taas-toggle.dark .squelch-taas-toggle-shortcode-header a:active,
.squelch-taas-toggle.dark .squelch-taas-toggle-shortcode-header a:hover {
color: white;
text-decoration: none;
font-weight: normal;
}
.squelch-taas-toggle.dark .squelch-taas-toggle-shortcode-content {
padding: 16px 32px 0 32px;
color: #ccc;
}
/* Light theme */
.squelch-taas-toggle.light {
border: 9px solid white;
border-radius: 6px;
border-bottom-width: 8px;
padding: 5px;
background: #a0a0a0;
-webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.squelch-taas-toggle.light .squelch-taas-toggle-shortcode-header {
color: #909090;
background: #fcfcfc;
text-shadow: 0 -1px 0 white;
line-height: 265%
text-align: left;
font-weight: bold;
font-size: 120%;
padding-left: 32px;
cursor: pointer;
margin: 5px 0;
border-radius: 4px;
}
.squelch-taas-toggle.light .squelch-taas-toggle-shortcode-header-active {
background: -moz-linear-gradient(top, #fcfcfc 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #fcfcfc 0%,#ededed 100%);
background: -o-linear-gradient(top, #fcfcfc 0%,#ededed 100%);
background: -ms-linear-gradient(top, #fcfcfc 0%,#ededed 100%);
background: linear-gradient(top, #fcfcfc 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 );
-webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
-moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
-o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
}
.squelch-taas-toggle.light .squelch-taas-toggle-shortcode-header a,
.squelch-taas-toggle.light .squelch-taas-toggle-shortcode-header a:link,
.squelch-taas-toggle.light .squelch-taas-toggle-shortcode-header a:visited,
.squelch-taas-toggle.light .squelch-taas-toggle-shortcode-header a:active,
.squelch-taas-toggle.light .squelch-taas-toggle-shortcode-header a:hover {
color: #909090;
text-decoration: none;
font-weight: normal;
}
.squelch-taas-toggle.light .squelch-taas-toggle-shortcode-content {
padding: 16px 32px 0 32px;
color: #ccc;
}
/* Stitch theme: */
.squelch-taas-toggle.stitch {
position: relative;
padding: 5px;
border: 11px solid #353535;
border-radius: 6px;
background: #353535;
-webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
border: 9px solid transparent;
-webkit-border-image: url('bg_stitch.png') 9 repeat;
-moz-border-image: url('bg_stitch.png') 9 repeat;
-o-border-image: url('bg_stitch.png') 9 repeat;
border-image: url('bg_stitch.png') 9 repeat;
}
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header {
background: #353535;
color: white;
text-shadow: -1px 1px 0 #5b5b5b;
border: 9px solid transparent;
background-image: url('bg_noise.png');
margin-top: 0;
-webkit-border-image: url('bg_stitch.png') 9 repeat;
-moz-border-image: url('bg_stitch.png') 9 repeat;
-o-border-image: url('bg_stitch.png') 9 repeat;
border-image: url('bg_stitch.png') 9 repeat;
text-align: left;
font-weight: bold;
font-size: 120%;
padding-left: 32px;
cursor: pointer;
margin: 5px 0;
border-radius: 4px;
}
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active {
position: relative;
-webkit-border-image: url('bg_stitch.png') 9 repeat;
-moz-border-image: url('bg_stitch.png') 9 repeat;
-o-border-image: url('bg_stitch.png') 9 repeat;
border-image: url('bg_stitch.png') 9 repeat;
background-image: url('bg_noise.png');
}
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:after {
content: '';
display: block;
height: 11px;
width: 11px;
position: absolute;
bottom: -17px;
right: 38px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
border: 9px solid transparent;
border-top: 0;
border-left: 0;
-webkit-border-image: url('bg_stitch.png') 9 repeat;
-moz-border-image: url('bg_stitch.png') 9 repeat;
-o-border-image: url('bg_stitch.png') 9 repeat;
border-image: url('bg_stitch.png') 9 repeat;
background-image: url('bg_noise.png');
background-color: #353535;
}
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(1),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(1):after { background-color: #c25252 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(3),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(3):after { background-color: #ca9859 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(5),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(5):after { background-color: #96ba5f }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(7),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(7):after { background-color: #59abb7 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(9),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(9):after { background-color: #bb6098 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(11),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(11):after { background-color: #353535 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(13),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(13):after { background-color: #c25252 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(15),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(15):after { background-color: #ca9859 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(17),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(17):after { background-color: #96ba5f }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(19),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(19):after { background-color: #59abb7 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(21),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(21):after { background-color: #bb6098 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(23),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(23):after { background-color: #353535 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(25),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(25):after { background-color: #c25252 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(27),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(27):after { background-color: #ca9859 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(29),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(29):after { background-color: #96ba5f }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(31),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(31):after { background-color: #59abb7 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(33),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(33):after { background-color: #bb6098 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header:nth-child(35),
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header-active:nth-child(35):after { background-color: #353535 }
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header a,
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header a:link,
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header a:visited,
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header a:active,
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-header a:hover {
color: white;
text-decoration: none;
font-weight: normal;
}
.squelch-taas-toggle.stitch .squelch-taas-toggle-shortcode-content {
padding: 16px 32px 0 32px;
color: inherit;
background: white;
}
/* haccordions */
.squelch-taas-haccordion .ui-accordion-header {
margin: 0;
padding: 0;
}
.squelch-taas-haccordion .slide > h3 {
letter-spacing: 0;
line-height: 1.5;
text-transform: none;
}
.squelch-taas-haccordion.stitch .slide > h3 {
line-height: 24px;
}
.squelch-taas-haccordion.jqueryui .slide > h3 span {
margin-top: 0;
}
.squelch-taas-haccordion .slide div.squelch-taas-haccordion-content {
padding: 6px;
}
.squelch-taas-haccordion li.slide {
list-style: none;
}
.squelch-taas-haccordion.dark .slide > div {
color: #ccc;
}
/*************************************************!
*
* project: liteAccordion - a horizontal accordion plugin for jQuery
* author: Nicola Hibbert
* url: http://nicolahibbert.com/liteaccordion-v2/
* demo: http://www.nicolahibbert.com/demo/liteAccordion/
*
* Version: 2.2.0
* Copyright: (c) 2010-2013 Nicola Hibbert
* Licence: MIT
*
**************************************************/
/****************************************** Core */
.liteAccordion {
text-align: left;
font-size: 16px;
line-height: 24px;
font: 'Helvetica Neue', Verdana, Arial, sans-serif;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-tap-highlight-color: transparent;
}
.liteAccordion, .liteAccordion * { padding: 0; margin: 0; box-sizing: content-box }
.liteAccordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.liteAccordion > ol > li { list-style-type: none }
.liteAccordion .slide > h3 {
color: black;
font-size: 16px;
font-weight: normal;
margin: 0;
z-index: 100;
position: absolute;
top: 0;
left: 0;
-webkit-backface-visibility: hidden; /* fixes chrome bug */
-webkit-transform: translateX(-100%) rotate(-90deg);
-webkit-transform-origin: right top;
-moz-transform: translateX(-100%) rotate(-90deg);
-moz-transform-origin: right top;
-o-transform: translateX(-100%) rotate(-90deg);
-o-transform-origin: right top;
transform: translateX(-100%) rotate(-90deg);
transform-origin: right top;
}
.liteAccordion .slide > h3 span {
display: block;
padding-right: 8%;
text-align: right;
height: 90%;
margin-top: 5px;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.liteAccordion .slide > h3 b {
display: inline-block;
position: absolute;
top: 13%;
left: 10%;
text-align: center;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.liteAccordion .slide > h3:hover { cursor: pointer }
.liteAccordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; border: 0; }
.liteAccordion .ap-caption { padding: 10px 15px; position: absolute; bottom: 20px; right: 30px; z-index: 3; background: black;
background: rgba(0,0,0,0.7); color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.liteAccordion noscript p { padding: 10px; margin: 0; background: white }
/****************************************** Basic */
.liteAccordion.basic .slide > h3 { background: #333; color: white; line-height: 225% }
.liteAccordion.basic .slide > div { background: white; }
/****************************************** Dark */
.liteAccordion.dark {
border: 9px solid #353535;
border-bottom-width: 8px;
padding: 5px 5px 6px 0;
background: #030303;
-webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.liteAccordion.dark .slide > h3 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% }
.liteAccordion.dark .slide > h3 span { background: #353535; color: white }
.liteAccordion.dark .slide > h3 b { background: #353535; color: #030303; text-shadow: -1px 1px 0 #5b5b5b }
.liteAccordion.dark .slide > h3.selected span, .liteAccordion.dark .slide > h3.selected span:hover {
background: #353535;
background: -moz-linear-gradient(left, #353535 0%, #555555 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
background: -webkit-linear-gradient(left, #353535 0%,#555555 100%);
background: -o-linear-gradient(left, #353535 0%,#555555 100%);
background: -ms-linear-gradient(left, #353535 0%,#555555 100%);
background: linear-gradient(left, #353535 0%,#555555 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
}
.liteAccordion.dark .slide > h3.selected b {
background: #383838;
background: -moz-linear-gradient(top, #3a3a3a 0%, #363636 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636));
background: -webkit-linear-gradient(top, #3a3a3a 0%,#363636 100%);
background: -o-linear-gradient(top, #3a3a3a 0%,#363636 100%);
background: -ms-linear-gradient(top, #3a3a3a 0%,#363636 100%);
background: linear-gradient(top, #3a3a3a 0%,#363636 100%);
}
.liteAccordion.dark .slide > div { background: #030303; margin-left: 5px }
/***************************************** Light */
.liteAccordion.light {
border: 9px solid white;
border-bottom-width: 8px;
padding: 5px 5px 6px 0;
background: #a0a0a0;
-webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.liteAccordion.light .slide > h3 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
.liteAccordion.light .slide > h3 span {
background: #fcfcfc;
background: -moz-linear-gradient(left, #fcfcfc 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
background: -webkit-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
background: -o-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
background: -ms-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
background: linear-gradient(left, #fcfcfc 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
-webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
-moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
-o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
color: #909090;
}
.liteAccordion.light .slide > h3 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
.liteAccordion.light .slide > h3.selected span, .liteAccordion.light .slide h3.selected span:hover, .liteAccordion.light .slide > h3.selected b { background: #ffffff }
.liteAccordion.light .slide > div { background: #a0a0a0; margin-left: 5px }
/**************************************** Stitch */
.liteAccordion.stitch {
position: relative;
padding: 5px 0 5px 5px;
border: 11px solid #353535;
background: #353535;
-webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.liteAccordion.stitch:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: -9px;
left: -9px;
background: #353535;
border: 9px solid transparent;
-webkit-border-image: url('bg_stitch.png') 9 repeat;
-moz-border-image: url('bg_stitch.png') 9 repeat;
-o-border-image: url('bg_stitch.png') 9 repeat;
border-image: url('bg_stitch.png') 9 repeat;
}
.liteAccordion.stitch .slide > h3 { background: #353535 }
.liteAccordion.stitch .slide > h3 span {
height: auto;
padding-right: 5%;
color: white;
text-shadow: -1px 1px 0 #5b5b5b;
border: 9px solid transparent;
background-image: url('bg_noise.png');
margin-top: 0;
-webkit-border-image: url('bg_stitch.png') 9 repeat;
-moz-border-image: url('bg_stitch.png') 9 repeat;
-o-border-image: url('bg_stitch.png') 9 repeat;
border-image: url('bg_stitch.png') 9 repeat;
}
.liteAccordion.stitch .slide > h3.selected:after {
content: '';
display: block;
height: 11px;
width: 11px;
position: absolute;
bottom: -3px;
right: 38px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
border: 9px solid transparent;
border-top: 0;
border-left: 0;
-webkit-border-image: url('bg_stitch.png') 9 repeat;
-moz-border-image: url('bg_stitch.png') 9 repeat;
-o-border-image: url('bg_stitch.png') 9 repeat;
border-image: url('bg_stitch.png') 9 repeat;
background-image: url('bg_noise.png');
}
.liteAccordion.stitch .slide:nth-child(1) > h3 span, .liteAccordion.stitch .slide:nth-child(1) > h3:after { background-color: #c25252 }
.liteAccordion.stitch .slide:nth-child(2) > h3 span, .liteAccordion.stitch .slide:nth-child(2) > h3:after { background-color: #ca9859 }
.liteAccordion.stitch .slide:nth-child(3) > h3 span, .liteAccordion.stitch .slide:nth-child(3) > h3:after { background-color: #96ba5f }
.liteAccordion.stitch .slide:nth-child(4) > h3 span, .liteAccordion.stitch .slide:nth-child(4) > h3:after { background-color: #59abb7 }
.liteAccordion.stitch .slide:nth-child(5) > h3 span, .liteAccordion.stitch .slide:nth-child(5) > h3:after { background-color: #bb6098 }
.liteAccordion.stitch .slide > h3 b { top: 19%; color: white; text-shadow: 1px 1px 0 #5b5b5b }
.liteAccordion.stitch .slide > div { background: white; margin-right: 6px }
.liteAccordion.stitch.rounded > ol { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
/*************************************** Rounded */
.liteAccordion.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.liteAccordion.rounded .slide > h3 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
/******************************************** IE */
/* stitch */
.liteAccordion.ie.stitch .slide > h3 { /*line-height: 265%*/ }
.liteAccordion.ie.stitch .slide > h3 span { /*height: 89%; padding-right: 8%*/ }
.liteAccordion.ie.stitch .slide > h3.selected:after { display: none }
.liteAccordion.ie.stitch .slide-0 > h3 span { background-color: #c25252 }
.liteAccordion.ie.stitch .slide-1 > h3 span { background-color: #ca9859 }
.liteAccordion.ie.stitch .slide-2 > h3 span { background-color: #96ba5f }
.liteAccordion.ie.stitch .slide-3 > h3 span { background-color: #59abb7 }
.liteAccordion.ie.stitch .slide-4 > h3 span { background-color: #bb6098 }
.liteAccordion.ie.stitch .slide-5 > h3 span { background-color: #c25252 }
.liteAccordion.ie.stitch .slide-6 > h3 span { background-color: #ca9859 }
.liteAccordion.ie.stitch .slide-7 > h3 span { background-color: #96ba5f }
.liteAccordion.ie.stitch .slide-8 > h3 span { background-color: #59abb7 }
.liteAccordion.ie.stitch .slide-9 > h3 span { background-color: #bb6098 }
/* transforms */
.liteAccordion.ie .slide > h3,
.liteAccordion.ie .slide > h3 span,
.liteAccordion.ie .slide > h3 b { filter: none; -ms-filter: none; -ms-transform: none }
.liteAccordion.ie7 .slide > h3 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) }
.liteAccordion.ie7 .slide > h3 b { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1) }
.liteAccordion.ie8 .slide > h3 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)" }
.liteAccordion.ie8 .slide > h3 b { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)" }
.liteAccordion.ie9 .slide > h3 { -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.liteAccordion.ie9 .slide > h3 b { -ms-transform: rotate(90deg) }
/* misc */
.liteAccordion.ie7 .slide > h3 b, .liteAccordion.ie8 .slide > h3 b { top: 44%; left: 5% }
.liteAccordion.ie7.stitch .slide > h3 b, .liteAccordion.ie8.stitch .slide > h3 b { top: 36% }
.liteAccordion.ie9.stitch { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4) }
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
display:none
}
.ui-helper-hidden-accessible {
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}
.ui-helper-reset {
margin:0;
padding:0;
border:0;
outline:0;
line-height:1.3;
text-decoration:none;
font-size:100%;
list-style:none
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content:"";
display:table;
border-collapse:collapse
}
.ui-helper-clearfix:after {
clear:both
}
.ui-helper-zfix {
width:100%;
height:100%;
top:0;
left:0;
position:absolute;
opacity:0;
-ms-filter:"alpha(opacity=0)"
}
.ui-front {
z-index:100
}
.ui-state-disabled {
cursor:default!important;
pointer-events:none
}
.ui-icon {
display:inline-block;
vertical-align:middle;
margin-top:-.25em;
position:relative;
text-indent:-99999px;
overflow:hidden;
background-repeat:no-repeat
}
.ui-widget-icon-block {
left:50%;
margin-left:-8px;
display:block
}
.ui-widget-overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%
}
.ui-accordion .ui-accordion-header {
display:block;
cursor:pointer;
position:relative;
margin:2px 0 0 0;
padding:.5em .5em .5em .7em;
font-size:100%
}
.ui-accordion .ui-accordion-content {
padding:1em 2.2em;
border-top:0;
overflow:auto
}
.ui-autocomplete {
position:absolute;
top:0;
left:0;
cursor:default
}
.ui-menu {
list-style:none;
padding:0;
margin:0;
display:block;
outline:0
}
.ui-menu .ui-menu {
position:absolute
}
.ui-menu .ui-menu-item {
margin:0;
cursor:pointer;
list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}
.ui-menu .ui-menu-item-wrapper {
position:relative;
padding:3px 1em 3px .4em
}
.ui-menu .ui-menu-divider {
margin:5px 0;
height:0;
font-size:0;
line-height:0;
border-width:1px 0 0 0
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin:-1px
}
.ui-menu-icons {
position:relative
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left:2em
}
.ui-menu .ui-icon {
position:absolute;
top:0;
bottom:0;
left:.2em;
margin:auto 0
}
.ui-menu .ui-menu-icon {
left:auto;
right:0
}
.ui-button {
padding:.4em 1em;
display:inline-block;
position:relative;
line-height:normal;
margin-right:.1em;
cursor:pointer;
vertical-align:middle;
text-align:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
overflow:visible
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration:none
}
.ui-button-icon-only {
width:2em;
box-sizing:border-box;
text-indent:-9999px;
white-space:nowrap
}
input.ui-button.ui-button-icon-only {
text-indent:0
}
.ui-button-icon-only .ui-icon {
position:absolute;
top:50%;
left:50%;
margin-top:-8px;
margin-left:-8px
}
.ui-button.ui-icon-notext .ui-icon {
padding:0;
width:2.1em;
height:2.1em;
text-indent:-9999px;
white-space:nowrap
}
input.ui-button.ui-icon-notext .ui-icon {
width:auto;
height:auto;
text-indent:0;
white-space:normal;
padding:.4em 1em
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border:0;
padding:0
}
.ui-controlgroup {
vertical-align:middle;
display:inline-block
}
.ui-controlgroup > .ui-controlgroup-item {
float:left;
margin-left:0;
margin-right:0
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index:9999
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display:block;
float:none;
width:100%;
margin-top:0;
margin-bottom:0;
text-align:left
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing:border-box
}
.ui-controlgroup .ui-controlgroup-label {
padding:.4em 1em
}
.ui-controlgroup .ui-controlgroup-label span {
font-size:80%
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left:none
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top:none
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right:none
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom:none
}
.ui-controlgroup-vertical .ui-spinner-input {
width:75%;
width:calc( 100% - 2.4em )
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style:solid
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow:inset 1px 1px 1px #ccc;
border-radius:.12em;
border:none
}
.ui-checkboxradio-radio-label .ui-icon-background {
width:16px;
height:16px;
border-radius:1em;
overflow:visible;
border:none
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image:none;
width:8px;
height:8px;
border-width:4px;
border-style:solid
}
.ui-checkboxradio-disabled {
pointer-events:none
}
.ui-datepicker {
width:17em;
padding:.2em .2em 0;
display:none
}
.ui-datepicker .ui-datepicker-header {
position:relative;
padding:.2em 0
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position:absolute;
top:2px;
width:1.8em;
height:1.8em
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top:1px
}
.ui-datepicker .ui-datepicker-prev {
left:2px
}
.ui-datepicker .ui-datepicker-next {
right:2px
}
.ui-datepicker .ui-datepicker-prev-hover {
left:1px
}
.ui-datepicker .ui-datepicker-next-hover {
right:1px
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display:block;
position:absolute;
left:50%;
margin-left:-8px;
top:50%;
margin-top:-8px
}
.ui-datepicker .ui-datepicker-title {
margin:0 2.3em;
line-height:1.8em;
text-align:center
}
.ui-datepicker .ui-datepicker-title select {
font-size:1em;
margin:1px 0
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width:45%
}
.ui-datepicker table {
width:100%;
font-size:.9em;
border-collapse:collapse;
margin:0 0 .4em
}
.ui-datepicker th {
padding:.7em .3em;
text-align:center;
font-weight:bold;
border:0
}
.ui-datepicker td {
border:0;
padding:1px
}
.ui-datepicker td span,
.ui-datepicker td a {
display:block;
padding:.2em;
text-align:right;
text-decoration:none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image:none;
margin:.7em 0 0 0;
padding:0 .2em;
border-left:0;
border-right:0;
border-bottom:0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float:right;
margin:.5em .2em .4em;
cursor:pointer;
padding:.2em .6em .3em .6em;
width:auto;
overflow:visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float:left
}
.ui-datepicker.ui-datepicker-multi {
width:auto
}
.ui-datepicker-multi .ui-datepicker-group {
float:left
}
.ui-datepicker-multi .ui-datepicker-group table {
width:95%;
margin:0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width:50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width:33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width:25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width:0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear:left
}
.ui-datepicker-row-break {
clear:both;
width:100%;
font-size:0
}
.ui-datepicker-rtl {
direction:rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right:2px;
left:auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left:2px;
right:auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right:1px;
left:auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left:1px;
right:auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear:right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float:left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float:right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width:0;
border-left-width:1px
}
.ui-datepicker .ui-icon {
display:block;
text-indent:-99999px;
overflow:hidden;
background-repeat:no-repeat;
left:.5em;
top:.3em
}
.ui-dialog {
position:absolute;
top:0;
left:0;
padding:.2em;
outline:0
}
.ui-dialog .ui-dialog-titlebar {
padding:.4em 1em;
position:relative
}
.ui-dialog .ui-dialog-title {
float:left;
margin:.1em 0;
white-space:nowrap;
width:90%;
overflow:hidden;
text-overflow:ellipsis
}
.ui-dialog .ui-dialog-titlebar-close {
position:absolute;
right:.3em;
top:50%;
width:20px;
margin:-10px 0 0 0;
padding:1px;
height:20px
}
.ui-dialog .ui-dialog-content {
position:relative;
border:0;
padding:.5em 1em;
background:none;
overflow:auto
}
.ui-dialog .ui-dialog-buttonpane {
text-align:left;
border-width:1px 0 0 0;
background-image:none;
margin-top:.5em;
padding:.3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float:right
}
.ui-dialog .ui-dialog-buttonpane button {
margin:.5em .4em .5em 0;
cursor:pointer
}
.ui-dialog .ui-resizable-n {
height:2px;
top:0
}
.ui-dialog .ui-resizable-e {
width:2px;
right:0
}
.ui-dialog .ui-resizable-s {
height:2px;
bottom:0
}
.ui-dialog .ui-resizable-w {
width:2px;
left:0
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width:7px;
height:7px
}
.ui-dialog .ui-resizable-se {
right:0;
bottom:0
}
.ui-dialog .ui-resizable-sw {
left:0;
bottom:0
}
.ui-dialog .ui-resizable-ne {
right:0;
top:0
}
.ui-dialog .ui-resizable-nw {
left:0;
top:0
}
.ui-draggable .ui-dialog-titlebar {
cursor:move
}
.ui-draggable-handle {
-ms-touch-action:none;
touch-action:none
}
.ui-resizable {
position:relative
}
.ui-resizable-handle {
position:absolute;
font-size:0.1px;
display:block;
-ms-touch-action:none;
touch-action:none
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display:none
}
.ui-resizable-n {
cursor:n-resize;
height:7px;
width:100%;
top:-5px;
left:0
}
.ui-resizable-s {
cursor:s-resize;
height:7px;
width:100%;
bottom:-5px;
left:0
}
.ui-resizable-e {
cursor:e-resize;
width:7px;
right:-5px;
top:0;
height:100%
}
.ui-resizable-w {
cursor:w-resize;
width:7px;
left:-5px;
top:0;
height:100%
}
.ui-resizable-se {
cursor:se-resize;
width:12px;
height:12px;
right:1px;
bottom:1px
}
.ui-resizable-sw {
cursor:sw-resize;
width:9px;
height:9px;
left:-5px;
bottom:-5px
}
.ui-resizable-nw {
cursor:nw-resize;
width:9px;
height:9px;
left:-5px;
top:-5px
}
.ui-resizable-ne {
cursor:ne-resize;
width:9px;
height:9px;
right:-5px;
top:-5px
}
.ui-progressbar {
height:2em;
text-align:left;
overflow:hidden
}
.ui-progressbar .ui-progressbar-value {
margin:-1px;
height:100%
}
.ui-progressbar .ui-progressbar-overlay {
background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygj+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygj+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygj06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygj/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygjO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygj/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height:100%;
-ms-filter:"alpha(opacity=25)";
opacity:0.25
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image:none
}
.ui-selectable {
-ms-touch-action:none;
touch-action:none
}
.ui-selectable-helper {
position:absolute;
z-index:100;
border:1px dotted black
}
.ui-selectmenu-menu {
padding:0;
margin:0;
position:absolute;
top:0;
left:0;
display:none
}
.ui-selectmenu-menu .ui-menu {
overflow:auto;
overflow-x:hidden;
padding-bottom:1px
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size:1em;
font-weight:bold;
line-height:1.5;
padding:2px 0.4em;
margin:0.5em 0 0 0;
height:auto;
border:0
}
.ui-selectmenu-open {
display:block
}
.ui-selectmenu-text {
display:block;
margin-right:20px;
overflow:hidden;
text-overflow:ellipsis
}
.ui-selectmenu-button.ui-button {
text-align:left;
white-space:nowrap;
width:14em
}
.ui-selectmenu-icon.ui-icon {
float:right;
margin-top:0
}
.ui-slider {
position:relative;
text-align:left
}
.ui-slider .ui-slider-handle {
position:absolute;
z-index:2;
width:1.2em;
height:1.2em;
cursor:pointer;
-ms-touch-action:none;
touch-action:none
}
.ui-slider .ui-slider-range {
position:absolute;
z-index:1;
font-size:.7em;
display:block;
border:0;
background-position:0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter:inherit
}
.ui-slider-horizontal {
height:.8em
}
.ui-slider-horizontal .ui-slider-handle {
top:-.3em;
margin-left:-.6em
}
.ui-slider-horizontal .ui-slider-range {
top:0;
height:100%
}
.ui-slider-horizontal .ui-slider-range-min {
left:0
}
.ui-slider-horizontal .ui-slider-range-max {
right:0
}
.ui-slider-vertical {
width:.8em;
height:100px
}
.ui-slider-vertical .ui-slider-handle {
left:-.3em;
margin-left:0;
margin-bottom:-.6em
}
.ui-slider-vertical .ui-slider-range {
left:0;
width:100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom:0
}
.ui-slider-vertical .ui-slider-range-max {
top:0
}
.ui-sortable-handle {
-ms-touch-action:none;
touch-action:none
}
.ui-spinner {
position:relative;
display:inline-block;
overflow:hidden;
padding:0;
vertical-align:middle
}
.ui-spinner-input {
border:none;
background:none;
color:inherit;
padding:.222em 0;
margin:.2em 0;
vertical-align:middle;
margin-left:.4em;
margin-right:2em
}
.ui-spinner-button {
width:1.6em;
height:50%;
font-size:.5em;
padding:0;
margin:0;
text-align:center;
position:absolute;
cursor:default;
display:block;
overflow:hidden;
right:0
}
.ui-spinner a.ui-spinner-button {
border-top-style:none;
border-bottom-style:none;
border-right-style:none
}
.ui-spinner-up {
top:0
}
.ui-spinner-down {
bottom:0
}
.ui-tabs {
position:relative;
padding:.2em
}
.ui-tabs .ui-tabs-nav {
margin:0;
padding:.2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
list-style:none;
float:left;
position:relative;
top:0;
margin:1px .2em 0 0;
border-bottom-width:0;
padding:0;
white-space:nowrap
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float:left;
padding:.5em 1em;
text-decoration:none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom:-1px;
padding-bottom:1px
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor:text
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor:pointer
}
.ui-tabs .ui-tabs-panel {
display:block;
border-width:0;
padding:1em 1.4em;
background:none
}
.ui-tooltip {
padding:8px;
position:absolute;
z-index:9999;
max-width:300px
}
body .ui-tooltip {
border-width:2px
}
.ui-widget {
font-family:Verdana,Arial,sans-serif;
font-size:1.1em
}
.ui-widget .ui-widget {
font-size:1em
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family:Verdana,Arial,sans-serif;
font-size:1em
}
.ui-widget.ui-widget-content {
border:1px solid #d3d3d3
}
.ui-widget-content {
border:1px solid #aaa;
background:#fff;
color:#222
}
.ui-widget-content a {
color:#222
}
.ui-widget-header {
border:1px solid #aaa;
background:#ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
color:#222;
font-weight:bold
}
.ui-widget-header a {
color:#222
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border:1px solid #d3d3d3;
background:#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
font-weight:normal;
color:#555
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color:#555;
text-decoration:none
}
.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-button:hover,
.ui-button:focus {
border:1px solid #999;
background:#dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
font-weight:normal;
color:#212121
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color:#212121;
text-decoration:none
}
.ui-visual-focus {
box-shadow:0 0 3px 1px rgb(94,158,214)
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border:1px solid #aaa;
background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
font-weight:normal;
color:#212121
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border:#aaa;
background-color:#212121
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color:#212121;
text-decoration: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-checked {
border:1px solid #fcefa1;
background:#fbf9ee
}
.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-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color:#cd0a0a
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color:#cd0a0a
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight:bold
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity:.7;
-ms-filter:"alpha(opacity=70)";
font-weight:normal
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity:.35;
-ms-filter:"alpha(opacity=35)";
background-image:none
}
.ui-state-disabled .ui-icon {
-ms-filter:"alpha(opacity=35)"
}
.ui-icon {
width:16px;
height:16px
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image:url("images/ui-icons_222222_256x240.png")
}
.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-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image:url("images/ui-icons_454545_256x240.png")
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image:url("images/ui-icons_454545_256x240.png")
}
.ui-state-highlight .ui-icon,
.ui-button .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-button .ui-icon {
background-image:url("images/ui-icons_888888_256x240.png")
}
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
background-image:none
}
.ui-icon-caret-1-n {
background-position:0 0
}
.ui-icon-caret-1-ne {
background-position:-16px 0
}
.ui-icon-caret-1-e {
background-position:-32px 0
}
.ui-icon-caret-1-se {
background-position:-48px 0
}
.ui-icon-caret-1-s {
background-position:-65px 0
}
.ui-icon-caret-1-sw {
background-position:-80px 0
}
.ui-icon-caret-1-w {
background-position:-96px 0
}
.ui-icon-caret-1-nw {
background-position:-112px 0
}
.ui-icon-caret-2-n-s {
background-position:-128px 0
}
.ui-icon-caret-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:-65px -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:-65px -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:1px -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-on {
background-position:-96px -144px
}
.ui-icon-radio-off {
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-seek-start {
background-position:-80px -160px
}
.ui-icon-seek-first {
background-position:-80px -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 {
border-top-left-radius:4px
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius:4px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius:4px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius:4px
}
.ui-widget-overlay {
background:#aaa;
opacity:.3;
-ms-filter:Alpha(Opacity=30)
}
.ui-widget-shadow {
-webkit-box-shadow:-8px -8px 8px #aaa;
box-shadow:-8px -8px 8px #aaa
}
@import url('../../../../../wp-includes/css/dashicons.min.css'); /* hacky? */
@import url('font-awesome.min.css'); /* hacky? */
a.fasc-button
{
display:inline-block;
color:#ffffff;
text-decoration:none;
margin: 3px 0;
border:0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
box-sizing: border-box;
}
a.fasc-button:hover, a.fasc-button:focus, a.fasc-button:visited, a.fasc-button:active
{
text-decoration:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/*a.fasc-button.fasc-ico:before, */
a.fasc-button.fasc-ico-before:before,
a.fasc-button.fasc-ico-after:after
{
vertical-align:middle;
display: inline-block;
-webkit-font-smoothing: antialiased;
margin-top:-2px;
}
a.fasc-button.fasc-ico-after:before
{
display: none;
content: none;
}
/* before icons */
a.fasc-size-xsmall.fasc-ico-before:before {
font:400 12px/1 dashicons;
padding-right:4px;
}
a.fasc-size-small.fasc-ico-before:before
{
font:400 14px/1 dashicons;
padding-right:4px;
}
a.fasc-size-medium.fasc-ico-before:before
{
font:400 16px/1 dashicons;
padding-right:5px;
}
a.fasc-size-large.fasc-ico-before:before
{
font:400 20px/1 dashicons;
padding-right:6px;
line-height:22px;
}
a.fasc-size-xlarge.fasc-ico-before:before
{
font:400 28px/1 dashicons;
padding-right:6px;
line-height:22px;
}
a.fasc-button.ico-fa.fasc-ico-before:before
{
vertical-align:middle;
display: inline-block;
font:400 12px/1 FontAwesome;
-webkit-font-smoothing: antialiased;
padding-top:0;
padding-left:1px;
}
a.fasc-size-xsmall.ico-fa.fasc-ico-before:before
{
font:400 11px/1 FontAwesome;
padding-right:6px;
}
a.fasc-size-small.ico-fa.fasc-ico-before:before
{
font:400 13px/1 FontAwesome;
padding-right:7px;
}
a.fasc-size-medium.ico-fa.fasc-ico-before:before
{
font:400 15px/1 FontAwesome;
padding-right:8px;
}
a.fasc-size-large.ico-fa.fasc-ico-before:before
{
font:400 19px/1 FontAwesome;
padding-right:9px;
line-height:22px;
}
a.fasc-size-xlarge.ico-fa.fasc-ico-before:before
{
font:400 28px/1 FontAwesome;
padding-right:9px;
line-height:22px;
}
/* after */
a.fasc-size-xsmall.fasc-ico-after:after {
font:400 12px/1 dashicons;
padding-left:4px;
}
a.fasc-size-small.fasc-ico-after:after
{
font:400 14px/1 dashicons;
padding-left:4px;
}
a.fasc-size-medium.fasc-ico-after:after
{
font:400 16px/1 dashicons;
padding-left:5px;
}
a.fasc-size-large.fasc-ico-after:after
{
font:400 20px/1 dashicons;
padding-left:6px;
line-height:22px;
}
a.fasc-size-xlarge.fasc-ico-after:after
{
font:400 28px/1 dashicons;
padding-left:6px;
line-height:22px;
}
a.fasc-button.ico-fa.fasc-ico-after:after
{
vertical-align:middle;
display: inline-block;
font:400 12px/1 FontAwesome;
-webkit-font-smoothing: antialiased;
padding-top:0;
padding-right:1px;
}
a.fasc-size-xsmall.ico-fa.fasc-ico-after:after
{
font:400 11px/1 FontAwesome;
padding-left:6px;
}
a.fasc-size-small.ico-fa.fasc-ico-after:after
{
font:400 13px/1 FontAwesome;
padding-left:7px;
}
a.fasc-size-medium.ico-fa.fasc-ico-after:after
{
font:400 15px/1 FontAwesome;
padding-left:8px;
}
a.fasc-size-large.ico-fa.fasc-ico-after:after
{
font:400 19px/1 FontAwesome;
padding-left:9px;
line-height:22px;
}
a.fasc-size-xlarge.ico-fa.fasc-ico-after:after
{
font:400 28px/1 FontAwesome;
padding-left:9px;
line-height:22px;
}
/* sizes */
.fasc-size-xsmall
{
font-size:10px;
padding:5px 7px;
border:0;
}
.fasc-size-small
{
font-size:12px;
padding:6px 8px;
border:0;
line-height: 17px;
}
.fasc-size-medium
{
font-size:14px;
padding:7px 9px;
font-size:14px;
line-height: 19px;
border:0;
}
.fasc-size-large
{
font-size:18px;
padding:8px 10px;
border:0;
line-height: 24px;
}
.fasc-size-xlarge
{
font-size:24px;
padding:11px 13px;
border:0;
line-height: 33px;
}
/* Types */
.fasc-type-flat:hover
{
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
/* glossy */
a.fasc-type-glossy
{
background-color: #247edd;
border: 1px solid rgba(0,0,0, 0.1);
/*text-shadow:5px solid rgba(0,0,0, 0.5);*/
/*-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);*/
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
a.fasc-type-glossy:hover
{
/*-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);*/
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), 0(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1));
border: 1px solid rgba(0,0,0, 0.1);
}
.fasc-type-glossy.fasc-size-xlarge
{
}
.fasc-type-glossy.fasc-size-large
{
}
.fasc-type-glossy.fasc-size-medium
{
}
.fasc-type-glossy.fasc-size-small
{
}
.fasc-type-glossy.fasc-size-xsmall
{
}
/* 3d */
.fasc-type-popout.fasc-size-xlarge
{
-webkit-box-shadow: 7px 7px 0px #777777;
-moz-box-shadow: 7px 7px 0px #777777;
box-shadow: 7px 7px 0px #777777;
}
.fasc-type-popout.fasc-size-large
{
-webkit-box-shadow: 6px 6px 0px #777777;
-moz-box-shadow: 6px 6px 0px #777777;
box-shadow: 6px 6px 0px #777777;
}
.fasc-type-popout.fasc-size-medium
{
-webkit-box-shadow: 5px 5px 0px #777777;
-moz-box-shadow: 5px 5px 0px #777777;
box-shadow: 5px 5px 0px #777777;
}
.fasc-type-popout.fasc-size-small
{
-webkit-box-shadow: 4px 4px 0px #777777;
-moz-box-shadow: 4px 4px 0px #777777;
box-shadow: 4px 4px 0px #777777;
}
.fasc-type-popout.fasc-size-xsmall
{
-webkit-box-shadow: 3px 3px 0px #777777;
-moz-box-shadow: 3px 3px 0px #777777;
box-shadow: 3px 3px 0px #777777;
}
.fasc-type-popout.fasc-size-xlarge:hover
{
-webkit-box-shadow: 5px 5px 0px #777777;
-moz-box-shadow: 5px 5px 0px #777777;
box-shadow: 5px 5px 0px #777777;
}
.fasc-type-popout.fasc-size-large:hover
{
-webkit-box-shadow: 4px 4px 0px #777777;
-moz-box-shadow: 4px 4px 0px #777777;
box-shadow: 4px 4px 0px #777777;
}
.fasc-type-popout.fasc-size-medium:hover
{
-webkit-box-shadow: 3px 3px 0px #777777;
-moz-box-shadow: 3px 3px 0px #777777;
box-shadow: 3px 3px 0px #777777;
}
.fasc-type-popout.fasc-size-small:hover
{
-webkit-box-shadow: 3px 3px 0px #777777;
-moz-box-shadow: 3px 3px 0px #777777;
box-shadow: 3px 3px 0px #777777;
}
.fasc-type-popout.fasc-size-xsmall:hover
{
-webkit-box-shadow: 2px 2px 0px #777777;
-moz-box-shadow: 2px 2px 0px #777777;
box-shadow: 2px 2px 0px #777777;
}
.fasc-type-popout:hover
{
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
/* rounded */
a.fasc-button.rounded.fasc-size-xlarge, .fasc-rounded-medium.fasc-size-xlarge
{
border-radius:15px;
}
a.fasc-button.rounded.fasc-size-large, .fasc-rounded-medium.fasc-size-large
{
border-radius:10px;
}
a.fasc-button.rounded.fasc-size-medium, .fasc-rounded-medium.fasc-size-medium
{
border-radius:9px;
}
a.fasc-button.rounded.fasc-size-small, .fasc-rounded-medium.fasc-size-small
{
border-radius:8px;
}
a.fasc-button.rounded.fasc-size-xsmall, .fasc-rounded-medium.fasc-size-xsmall
{
border-radius:7px;
}
a.fasc-style-bold
{
font-weight:bold;
}
a.fasc-style-italic
{
font-style: italic;
}
a.fasc-style-strikethrough
{
text-decoration: line-through;
}
.fasc-button.fasc-style-strikethrough:hover
{
text-decoration: line-through;
}
.tablepress {
--text-color:#111;
--head-text-color:var(--text-color);
--head-bg-color:#d9edf7;
--odd-text-color:var(--text-color);
--odd-bg-color:#fff;
--even-text-color:var(--text-color);
--even-bg-color:#f9f9f9;
--hover-text-color:var(--text-color);
--hover-bg-color:#f3f3f3;
--border-color:#ddd;
--padding:0.5rem;
border:none;
border-collapse:collapse;
border-spacing:0;
clear:both;
margin:0 auto 1rem;
table-layout:auto;
width:100%
}
.tablepress>:not(caption)>*>* {
background:none;
border:none;
box-sizing:border-box;
float:none!important;
padding:var(--padding);
text-align:left;
vertical-align:top
}
.tablepress>:where(thead)+tbody>*>*,
.tablepress>tbody>*~*>*,
.tablepress>tfoot>:where(:first-child)>* {
border-top:1px solid var(--border-color)
}
.tablepress>:where(thead,
tfoot)>*>th {
background-color:var(--head-bg-color);
color:var(--head-text-color);
font-weight:700;
vertical-align:middle;
word-break:normal
}
.tablepress>:where(tbody)>tr>* {
color:var(--text-color)
}
.tablepress>:where(tbody.row-striping)>:nth-child(odd)>* {
background-color:var(--odd-bg-color);
color:var(--odd-text-color)
}
.tablepress>:where(tbody.row-striping)>:nth-child(2n)>* {
background-color:var(--even-bg-color);
color:var(--even-text-color)
}
.tablepress>.row-hover>tr:hover>* {
background-color:var(--hover-bg-color);
color:var(--hover-text-color)
}
.tablepress img {
border:none;
margin:0;
max-width:none;
padding:0
}
.tablepress-table-description {
clear:both;
display:block
}
.dt-scroll {
width:100%
}
.dt-scroll .tablepress {
width:100%!important
}
div.dt-scroll-body tfoot tr,
div.dt-scroll-body thead tr {
height:0
}
div.dt-scroll-body tfoot tr th,
div.dt-scroll-body thead tr th {
border-bottom-width:0!important;
border-top-width:0!important;
height:0!important;
padding-bottom:0!important;
padding-top:0!important
}
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
div.dt-scroll-body thead tr th div.dt-scroll-sizing {
height:0!important;
overflow:hidden!important
}
div.dt-scroll-body>table.dataTable>thead>tr>th {
overflow:hidden
}
.tablepress {
--head-active-bg-color:#049cdb;
--head-active-text-color:var(--head-text-color);
--head-sort-arrow-color:var(--head-active-text-color)
}
.tablepress thead th:active {
outline:none
}
.tablepress thead .dt-orderable-asc .dt-column-order:before,
.tablepress thead .dt-ordering-asc .dt-column-order:before {
bottom:50%;
content:"?"/"";
display:block;
position:absolute
}
.tablepress thead .dt-orderable-desc .dt-column-order:after,
.tablepress thead .dt-ordering-desc .dt-column-order:after {
content:"?"/"";
display:block;
position:absolute;
top:50%
}
.tablepress thead .dt-orderable-asc,
.tablepress thead .dt-orderable-desc,
.tablepress thead .dt-ordering-asc,
.tablepress thead .dt-ordering-desc {
padding-right:24px;
position:relative
}
.tablepress thead .dt-orderable-asc .dt-column-order,
.tablepress thead .dt-orderable-desc .dt-column-order,
.tablepress thead .dt-ordering-asc .dt-column-order,
.tablepress thead .dt-ordering-desc .dt-column-order {
bottom:0;
color:var(--head-sort-arrow-color);
position:absolute;
right:6px;
top:0;
width:12px
}
.tablepress thead .dt-orderable-asc .dt-column-order:after,
.tablepress thead .dt-orderable-asc .dt-column-order:before,
.tablepress thead .dt-orderable-desc .dt-column-order:after,
.tablepress thead .dt-orderable-desc .dt-column-order:before,
.tablepress thead .dt-ordering-asc .dt-column-order:after,
.tablepress thead .dt-ordering-asc .dt-column-order:before,
.tablepress thead .dt-ordering-desc .dt-column-order:after,
.tablepress thead .dt-ordering-desc .dt-column-order:before {
font-family:sans-serif!important;
font-size:12px;
line-height:12px;
opacity:.2
}
.tablepress thead .dt-orderable-asc,
.tablepress thead .dt-orderable-desc {
cursor:pointer;
outline-offset:-2px
}
.tablepress thead .dt-orderable-asc:hover,
.tablepress thead .dt-orderable-desc:hover,
.tablepress thead .dt-ordering-asc,
.tablepress thead .dt-ordering-desc {
background-color:var(--head-active-bg-color);
color:var(--head-active-text-color)
}
.tablepress thead .dt-ordering-asc .dt-column-order:before,
.tablepress thead .dt-ordering-desc .dt-column-order:after {
opacity:.8
}
.tablepress:where(.auto-type-alignment) .dt-right,
.tablepress:where(.auto-type-alignment) .dt-type-date,
.tablepress:where(.auto-type-alignment) .dt-type-numeric {
text-align:right
}
.dt-container {
clear:both;
margin-bottom:1rem;
position:relative
}
.dt-container .tablepress {
margin-bottom:0
}
.dt-container .dt-layout-row {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between
}
.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell {
display:block;
width:100%
}
.dt-container .dt-layout-cell {
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:1em;
padding:5px 0
}
.dt-container .dt-layout-cell.dt-layout-full {
align-items:center;
justify-content:space-between;
width:100%
}
.dt-container .dt-layout-cell.dt-layout-full>:only-child {
margin:auto
}
.dt-container .dt-layout-cell.dt-layout-start {
align-items:center;
justify-content:flex-start;
margin-right:auto
}
.dt-container .dt-layout-cell.dt-layout-end {
align-items:center;
justify-content:flex-end;
margin-left:auto
}
.dt-container .dt-layout-cell:empty {
display:none
}
.dt-container label {
display:inline
}
.dt-container .dt-input {
display:inline;
font-size:inherit;
padding:5px;
width:auto
}
.dt-container .dt-search {
align-items:center;
display:flex;
flex-wrap:wrap;
gap:5px;
justify-content:center
}
.dt-container .dt-paging .dt-paging-button {
background:#0000;
border:1px solid #0000;
border-radius:2px;
box-sizing:border-box;
color:inherit!important;
cursor:pointer;
display:inline-block;
font-size:1em;
height:32px;
margin-left:2px;
min-width:32px;
padding:0 5px;
text-align:center;
text-decoration:none!important;
vertical-align:middle
}
.dt-container .dt-paging .dt-paging-button.current,
.dt-container .dt-paging .dt-paging-button:hover {
border:1px solid #111
}
.dt-container .dt-paging .dt-paging-button.disabled,
.dt-container .dt-paging .dt-paging-button.disabled:active,
.dt-container .dt-paging .dt-paging-button.disabled:hover {
border:1px solid #0000;
color:#0000004d!important;
cursor:default;
outline:none
}
.dt-container .dt-paging>.dt-paging-button:first-child {
margin-left:0
}
.dt-container .dt-paging .ellipsis {
padding:0 1em
}
@media screen and (max-width:767px) {
.dt-container .dt-layout-row {
flex-direction:column
}
.dt-container .dt-layout-cell {
flex-direction:column;
padding:.5em 0
}
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */@font-face {
font-family:dearflip;
src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SB/AAAAC8AAAAYGNtYXDV1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygjIZ2x5ZvV0Ah0AAAGQAAASdGhlYWQnoblUAAAUBAAAADZoaGVhB8ID8QAAFDwAAAAkaG10eLYAAAAAABRgAAAAwGxvY2FSqk12AAAVIAAAAGJtYXhwADoAmgAAFYQAAAAgbmFtZWTWXU4AABWkAAABknBvc3QAAwAAAAAXOAAAACAAAwP1AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADq0QPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAUAAAABAAEAADAAAAAQAg6Sjqk+rK6tH//f//AAAAAAAg6QDqk+rK6tH//f//AAH/4xcEFZoVZBVeAAMAAQAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAKSA8AABQAAJQcJARcHApI8/wABADzE5zwBAAEAPMQAAAAAAQAA/8ACqgPAAAUAACU3JzcJAQFuxMQ8AQD/AOfExDz/AP8AAAAAAAEAAP/AAwADwAAFAAABFzcXCQEBPMTEPP8A/wACPcTEPP8AAQAAAAABAAD/wAMAA8AABQAAAScJAQcnATw8AQABADzEARk8AQD/ADzEAAAAAQAA/8AB8gPAAAUAAAkCBwkBAfL+pgFaTP5aAaYDBf6m/qZMAaYBpgAAAAABAAD/wAQAA8AABQAAJQkBNwkBAg4BWv6mTAGm/lpRAVoBWkz+Wv5aAAAAAAIAAP/AAxIDwAADAAkAAAEzESMlBwkBFwcBAFZWAhI8/wABADzEAqv+ADw8AQABADzEAAACAAD/wAMAA8AAAwAJAAABMxEjATcJASc3AqpWVv5EPAEA/wA8xAKr/gABxDz/AP8APMQAAQAA/8ADKgPAAAIAAAkCAVYB1P4sAtX+1v7WAAIAAP/AAwADwAADAAcAAAEzESMhETMRAlaqqv6qqgLV/awCVP2sAAACAAD/wANWA8AAAgAFAAAJAREhCQEB6gFs/oD+lAFsAasBAP4AAQABAAAAAAIAAP/AA5YDwAACAAUAAAkCIREBAioBbP6U/oABbAKr/wD/AAIA/wAAAAAAAQAA/8ADKgPAAAsAAAEHFwcnByc1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygjO7uPO7uPO7uAAMAAP/AA6oDwAAPAB8AKwAAJTI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYXFTMVIxUjNSM1MzUCAIxlZWVljIxlZWVljLB9fX19sLB9fX192qysVKysVWVljIxlZWVljIxlZQMAfX2wsH1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygj/8ADqgPAAA8AHwAjAAAlMjc2NTQnJiMiBwYVFBcWEzIXFhUUBwYjIicmNTQ3NgMhFSECAIxlZWVljIxlZWVljLB9fX19sLB9fX19JgGs/lRVZWWMjGVlZWWMjGVlAwB9fbCwfX19fbCwfX3+gFQAAAABAAD/wAMqA8AACwAAASERIxEhNSERMxEhAyr/AFT/AAEAVAEAAYH/AAEAVAEA/wAAAAAAAQAA/8ADKgPAAAMAAAEhNSEDKv2sAlQBgVQAAAYAAP/AA4ADwAADAAcACwAbACsAOwAAASEVIRE1IRUBNSEVJTIXFhUUBwYjIicmNTQ3NhMyFxYVFAcGIyInJjU0NzYTMhcWFRQHBiMiJyY1NDc2ASoCVv2qAlb9qgJW/SoaExMTExoaExMTExoaExMTExoaExMTExoaExMTExoaExMTEwLVVP8AVFT/AFRUahMTGhoTExMTGhoTEwIAEhIcHBISEhIcHBIS/wASEhwcEhISEhwcEhIAAAAABAAA/8ADAAPAAAMABwALAA8AAAEzNSMhFTM1AzM1IwUzNSMBAODgASDg4ODg/uDg4AHL4ODg/gDg4OAACAAA/8ADgAPAAAMABwALAA8AEwAXABsAHwAAJTUjFQMhESEBNSMVAyERIQM1IxUDIREhATUjFQMhESEDKqpWAVb+qgEAqlYBVv6qqqpWAVb+qgEAqlYBVv6qgaqqAQD+qgIAqqoBAP6q/qyqqgEA/qoCAKqqAQD+qgAAAAkAAP/AA1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygjIwAAJTUzFQM1MxUBNTMVNzMVIwE1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygj+VKxUrKz/AKz+VKysrFSs/lSsVaysAQCsrAEArKysrP8ArKysrP8ArKysrAIArKwAAAIAAP/AA9YDwAAJACkAACURJiMiBxE2MzIDMhcRFAcGIyInJiMiByYjIgciBwYjIicmNRE2MzIXNgOAQlSCaGiCTk6YVAcHCAYEUnqCaFaUbGACAwMCCAcHVpaUVlaVAewUQP4WQAJAQP2SCAcHAixAQC4BAQYGCAJyQEBAAAAABQAA/8AD1gPAAAkAEwAdACcARwAAATIXFSYjIgc1Nic2MzIXFSYjIgc3Igc1NjMyFxUmExEmIyIHETYzMgMyFxEUBwYjIicmIyIHJiMiByIHBiMiJyY1ETYzMhc2Auo0OChEeEhMTFRsNDgoRHhIwHhIUHA0ODBaQlSCaGiCTk6YVAcHCAYEUnqCaFaUbGACAwMCCAcHVpaUVlYBRwpACipIIlAiCkAKKpwqRiQKQgz+qgHsFED+FkACQED9kggHBwIsQEAuAQEGBggCckBAQAAAAAACAAD/wANWA8AAAgATAAABMyclIQERFAcGIyEiJyY1EzQ3NgIq7Oz+1gFWAQAaGiL+ACIaGgIZGQIr6kD/AP4AIhkZGRkiAqwiGRkAAwAA/8ADagPAAAMAEwAsAAABMxUjFzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcBKtbWbFA4ODg4UFA4ODg4AVDUQNQMTGh0UVFRUXR0UFAUFBoMAisqrDg4UFA4ODg4UFA4ONRA1CIMQlBQdHRRUVFRdCo1NSAMAAMAAP/AA2oDwAALABsANAAAASMVIzUjNTM1MxUzBzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcCAFYqVlYqVmpQODg4OFBQODg4OAFQ1EDUDExodFFRUVF0dFBQFBQaDAIBVlYqVlbWODhQUDg4ODhQUDg41EDUIgxCUFB0dFFRUVF0KjU1IAwAAwAA/8ADVgPAAA8AHwAvAAABMhcWFRQHBiMiJyY1NDc2ITIXFhUUBwYjIicmNTQ3NiEyFxYVFAcGIyInJjU0NzYCACIaGhoaIiIaGhoaASIiGhoaGiIiGhoaGv4iIhoaGhoiIhoaGhoCARoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGgAAAgAA/8ADVgPAAAMACgAANyEVIQEHJzMRMxGqAqz9VAIAqqqAVIFWAVasrAGq/lYAAwAA/8ADgAPAABEAGAAeAAABFhcWFRQHBgc1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygjlaCVFRUVIJeOzs7O15qaiwfH/3AqtbWqgMhHGlpiIhpaRxYHE5OZmZOThz+4ng0AVgWMjJO1v1U1gAAAQAA/8ADgAPAADMAACUyFxYVFAcGIyInJjU0NyUGIyInJjU0NzYzMhclJjU0NzYzMhcWFRQHBiMiJwUWFRQHBTYDADQkJCUlMjIlJQL+0iYyNCYmJiY0MiYBLAQmJjQ0JiYmJjQwKP7UBAQBMCT9JSUyNCUlJSU0FAiwIiYmNDQmJiKuFAo0JiYmJjQ0JiYksBQKChSwIAAFAAD/wAOqA8AAAwANABcAIQArAAABESERExUjIicmPQEzFSUzFRQHBisBNTMBIzU0NzY7ARUjJTMyFxYdASM1IwMA/gAqgCIZGVQCrFQZGSKAgP1UVBkZIoCAAiyAIhkZVIACVf6sAVT+VlYaGiJWVlZWIhoaVgGqViIaGlZWGhoiVlYAAAAABAAA/8ADgAPAAAYADQAUABsAAAERITcnNxcFIREXNxcHAxEhBxcHJyUhEScHJzcDgP8AYnw+ev5i/wBiej58ngEAYnw+egGeAQBiej58ASv/AGJ6PnyeAQBifD56AZ4BAGJ6Pnye/wBifD56AAAAAAEAAP/AAqsDwAAXAAABMxUjESMRIzUzNTQ2Nz4BOwEVIyIGHQECK4CAgICAGBcYPCNaWhAWAgCA/tUBK4A2JlUaGxqAFhBaAAIAAP/AA84DwAALAA8AAAEzCQEhCwEjCQEhExMzASMDCo7+ywFr/uTf/o0BSf6lASPJt07+B1QDS/6f/iEBI/7dAXkBx/72/h4CnAAEAAD/wAOqA8AAHQAtAD0AQQAAATIXFhUUBwYVIzQ3Njc2NzY1NCcmIyIHBhUjNDc2EzI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYTNTMVAgBGMjJAQFQUFBgYFBQaGiIiGhpUMjJGjGVlZWWMjGVlZWWMsH1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygjIQ8PFhYcIhkZGRkiRjIy/aplZYyMZWVlZYyMZWUDAH19sLB9fX19sLB9ff1WVlYAAAAAAwAA/8ADqgPAABwAIAAwAAABNjU0JyYjIgcGFTM0NzYzMhcWFRQPAQYdATM0NwM1IxUTMhcWFRQHBiMiJyY1NDc2AoIoMjJGRjIyVBoaIiIaGho0MlQyMlQqsH19fX2wsH19fX0Byyg4RjIyMjJGIhoaGhoiIho2NkIWQjb+3lRUAtR9fbCwfX19fbCwfX0AAgAA/8ADagPAAA8AKAAAATI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcBllA4ODg4UFA4ODg4AVDUQNQMTGh0UVFRUXR0UFAUFBoMAVU4OFBQODg4OFBQODjUQNQiDEJQUHR0UVFRUXQqNTUgDAAAAAAEAAD/wAOqA8AAAwATABcAJwAAARUhNQEyNzY1NCcmIyIHBhUUFxYDNSEVATIXFhURIxUhNSMRNDc2MwMA/gACKhINDQ0NEhIMDAwMbv6sAdQ0Jiaq/gCqJiY0Ayuqqv6ADAwSEg0NDQ0SEgwM/tbU1AHUJiY0/wCqqgEANCYmAAMAAP/AA6oDwAACAAcAGwAAASUhAREFJREBMhcWFREUBwYjISInJjURNDc2MwIAAVb9VAKs/qr+qgKsIhkZGRki/VQiGRkZGSIB1db+AAGq1NT+VgJWGhoi/gAiGhoaGiICACIaGgAAAgAA/8ADqgPAAAUAGQAAATUFJRUFATIXFhURFAcGIyEiJyY1ETQ3NjMDVv6q/qoBVgFWIhkZGRki/VQiGRkZGSICVVbW1lbUAYAaGiL+ACIaGhoaIgIAIhoaAAADAAD/wAOAA8AAAwAHAAsAABMhFSEVNSEVBTUhFYADAP0AAwD9AAMAAqtW1FRU1lZWAAAAAwAA/6sD/gPAACgAUACXAAABJicuAScmIyIHDgEHBhUUFhcDJR4BMzE4ATEyNz4BNzY1NCcuAScmJwExIiYvAQc1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygjIHDgEHDgEnLgEnLgEnJjY3PgE3PgE3NiYnLgEnLgEjKgEjIgYHDgEVFBYXFhceARcWFx4BFxYyNz4BNz4BJy4BJwNpJCkqWzExM2lcXYkoKCIiSAENN3tAaVxdiigoCgomGxwk/pk5bTEPoCsKICEiIXJNTVcrKClMIiMeHRcXIAgIISJyTU1X5wlECQkNBwYcBgYMCQo4JB0kBgYHBQQKBQQFAwMBAwIdCAcQBQYMBwYTCAkkLwUCERA4JycwFiQOFygREjsICAICAwwKAxYkHBsmCgooKIpcXWlDgTn++UYeICgoil1BQZKqdp2CV3QV5nUEsqSg1ygegLmqRygjIQgIIBcXHh0jIkwpKSpXTU1zISEBPAUhAwMJCiEHBgIFBRkhGTUKCQwEBQwGBQkHBgsFBUYTEwMGCQoxLy9OBgMXFzwfHxUJDQUHAgMjFxYiBAQGBQAAAAMAAP/AA8ADwAAZAB0AKQAAATMVMz4BMzIXHgEXFhURIxE0JiMiBhURIxEhMxEjExQGIyImNTQ2MzIWAYCxAxJZQ0crKzAJCLkZR0gmuf7AwMDAOCgoODgoKDgCK1shOhUUSDExOf7MARExZFk3/uoCQP3AAuAoODgoJzk5AAAAAQAA/8ADvAPAAG4AAAEiBw4BBwYVFBceARcWFy4BNzY3PgE3NjEwJjU0NjMyFhUUBgcGFjMyNjU0JiMiBhUUFhceAQcOAQcOAScuATU0Nz4BNzYzMhceARcWFRQHDgEHBiMiJicwBgcOAQceATMyNz4BNzY1NCcuAScmIwIAXFFQeSMjFRVLNDQ9AgMHAwgJEgcHDS8hHBwbCggpITtQZ1JeahMOAwEBAwgBAgcGKjATE0o2N0g5MjJKFRURET0rKjIiOQsXBAgiDR9CIlxRUHkjIyMjeVBRXANmIyJ5UVBcR0BAbCkpGBpIHQ0kJEweHSUdLj4lGhxQJyEvcVpQZHdJHTgRAwYDCyMFBgMDFGcxNTAxShYWExNFLy83OTIzShYWHxRaDx1BFgoKIyN4UVFbXFFReSIjAAAAAAEAAAABAABPPPplXw889QALBAAAAAAA4kE6dgAAAADiQTp2AAD/qwQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAADAEAAAAAAAAAAAAAAACAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAAAAoAFAAeADIARgBaAG4AhACaALQAzgDcAPABBgEcATYBdgGwAcoB2AI2AlQCkgLOAw4DeAOeA+IELgR2BI4ExAUQBVQFjAWwBdYGOAaABsAHAAc0B2IHfAhcCJwJOgAAAAEAAAAwAJgACQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBSZWd1bGFyAFIAZQBnAHUAbABhAHJkZWFyZmxpcABkAGUAYQByAGYAbABpAHBGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format("truetype");
font-weight:400;
font-style:normal;
font-display:block
}
.df-ui-btn[class*=" ti-"]:before,
.df-ui-btn[class^=ti-]:before,
[class*=" df-icon-"]:before,
[class^=df-icon-]:before {
font-family:dearflip!important;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.df-icon-arrow-left:before {
content:"\e900"
}
.df-icon-arrow-right:before {
content:"\e901"
}
.df-icon-arrow-down:before {
content:"\e902"
}
.df-icon-arrow-up:before {
content:"\e903"
}
.df-icon-arrow-left1:before {
content:"\e904"
}
.df-icon-arrow-right1:before {
content:"\e905"
}
.df-icon-first-page:before {
content:"\e906"
}
.df-icon-last-page:before {
content:"\e907"
}
.df-icon-play-popup:before,
.df-icon-play:before {
content:"\e908"
}
.df-icon-pause:before {
content:"\e909"
}
.df-icon-fast-rewind:before {
content:"\e90a"
}
.df-icon-fast-forward:before {
content:"\e90b"
}
.df-icon-close:before {
content:"\e90c"
}
.df-icon-add-circle:before {
content:"\e90d"
}
.df-icon-minus-circle:before {
content:"\e90e"
}
.df-icon-add:before {
content:"\e90f"
}
.df-icon-minus:before {
content:"\e910"
}
.df-icon-list:before {
content:"\e911"
}
.df-icon-grid:before {
content:"\e912"
}
.df-icon-grid-view:before {
content:"\e913"
}
.df-icon-apps:before {
content:"\e914"
}
.df-icon-double-page:before {
content:"\e915"
}
.df-icon-book:before {
content:"\e916"
}
.df-icon-file:before {
content:"\e917"
}
.df-icon-zoom-out:before {
content:"\e918"
}
.df-icon-zoom-in:before {
content:"\e919"
}
.df-icon-more:before {
content:"\e91a"
}
.df-icon-download:before,
.df-ui-btn.ti-download:before {
content:"\e91b"
}
.df-icon-volume:before {
content:"\e91c"
}
.df-icon-share:before {
content:"\e91d"
}
.df-icon-fit-screen:before {
content:"\e91e"
}
.df-icon-fullscreen:before {
content:"\e91f"
}
.df-icon-facebook:before {
content:"\e920"
}
.df-icon-twitter:before {
content:"\e921"
}
.df-icon-help-outline:before {
content:"\e922"
}
.df-icon-help:before {
content:"\e923"
}
.df-icon-search:before,
.df-ui-btn.ti-search:before {
content:"\e924"
}
.df-icon-print:before,
.df-ui-btn.ti-printer:before {
content:"\e925"
}
.df-icon-mail-outline:before {
content:"\e926"
}
.df-icon-mail:before {
content:"\e927"
}
.df-icon-menu:before {
content:"\e928"
}
.df-icon-linkedin:before {
content:"\eaca"
}
.df-icon-pinterest:before {
content:"\ead1"
}
.df-icon-whatsapp:before {
content:"\ea93"
}
/*! DEARVIEWER*/.df-container .df-loading-icon,
.df-fetch-pdf .df-loading-info,
.df-flipbook-3d.df-loading:after,
.df-hybrid-viewer:not(.df-zoom-active) .df-loading+.df-zoomview::after,
.df-page.df-loading:after,
.df-searching .df-search-info,
.df-thumb.df-thumb-requested:before {
background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='48px' height='48px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%2307abcc' stroke-width='9' r='30' stroke-dasharray='141.37166941154067 49.12388980384689'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E")
}
.df-hidden {
display:none!important
}
.df-text-align-center,
.has-text-align-center {
text-align:center
}
.df-app {
min-height:220px;
position:relative;
overflow:hidden;
width:100%;
image-rendering:auto;
direction:ltr;
line-height:1.5
}
.df-container {
height:100%
}
.df-container * {
box-sizing:border-box!important
}
.df-container i {
font-style:normal
}
.df-container a {
outline:0;
text-decoration:none;
box-shadow:none
}
.df-container .df-bg {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:no-repeat 50%;
background-size:cover
}
.df-container .df-loading-info {
position:absolute;
top:-300px;
left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
-moz-transition:.3s ease;
-o-transition:.3s ease;
-webkit-transition:.3s ease;
transition:.3s ease;
-moz-transition-property:opacity;
-o-transition-property:opacity;
-webkit-transition-property:opacity;
transition-property:opacity;
max-width:200px;
margin-top:20px;
padding:10px 15px;
box-shadow:0 1px 4px rgba(0,0,0,.3);
background-color:#f7f7f7;
border-radius:5px;
font-size:12px;
color:#222;
word-break:break-word;
letter-spacing:.5px;
opacity:0
}
.df-container.df-init .df-loading-info {
top:50%;
opacity:1;
max-width:300px
}
.df-container.df-init .df-viewer {
display:none
}
.df-container.df-error .df-loading-info {
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
margin:0;
color:#b00
}
.df-container .df-loading-icon {
-moz-transition:.3s .1s opacity;
-o-transition:.3s .1s opacity;
-webkit-transition:.3s .1s opacity;
transition:.3s .1s opacity;
opacity:0;
height:50px;
width:50px;
left:50%;
top:50%;
margin:-45px -25px -25px;
box-sizing:border-box;
position:absolute;
pointer-events:none;
background-repeat:no-repeat;
background-size:32px;
background-position:50%;
background-color:#fff;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
box-shadow:0 1px 4px rgba(0,0,0,.3)
}
.df-container.df-loading .df-loading-icon {
opacity:1;
z-index:100
}
.df-fetch-pdf .df-loading-info {
opacity:1;
top:0;
z-index:4;
background-repeat:no-repeat;
padding-left:36px;
background-size:24px;
background-position:6px 6px
}
.df-viewer .df-3dcanvas {
right:0;
position:absolute
}
.df-ui {
color:#666;
bottom:0;
width:100%;
height:42px;
box-shadow:0 1px 4px rgba(0,0,0,.3);
background-color:#fff;
position:absolute;
vertical-align:top;
box-sizing:border-box;
text-align:center;
padding:0;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
z-index:4;
display:block
}
.df-ui .df-logo {
height:100%
}
.df-ui .df-logo.df-logo-img {
display:inline-flex;
align-items:center;
justify-content:center;
padding:2px 5px
}
.df-ui .df-logo.df-logo-img img {
max-height:100%;
max-width:120px
}
.df-ui .df-ui-page {
padding:0;
font-size:12px;
width:50px;
min-width:50px;
line-height:42px;
margin:0 0;
border-radius:0;
background-color:rgba(0,0,0,.03)
}
.df-ui .df-ui-page label {
position:absolute;
right:0;
top:0;
min-width:50px;
height:100%;
text-align:center;
display:block;
line-height:inherit!important;
color:#999;
font-weight:400;
cursor:pointer;
background-color:transparent;
z-index:1;
box-sizing:border-box;
word-break:normal
}
.df-ui .df-ui-page input {
width:100%;
background-color:transparent;
height:100%;
margin:0;
padding:0!important;
border:1px solid #8f8f8f;
text-align:center;
vertical-align:top;
line-height:inherit!important;
color:transparent;
font-size:14px;
top:0;
box-sizing:border-box;
z-index:-1;
display:block;
opacity:0
}
.df-ui .df-ui-page input:focus {
z-index:2;
opacity:1;
color:inherit
}
.df-ui .df-ui-page input:focus+label {
opacity:0;
display:none
}
.df-ui-btn {
color:#777;
vertical-align:top;
background-color:#fff;
box-sizing:border-box;
text-align:center;
position:relative;
width:40px;
height:100%;
font-size:20px;
cursor:pointer;
z-index:2;
display:inline-block;
padding:10px 5px;
line-height:1.2;
transition:.3s;
transition-property:opacity,color,background-color
}
.df-ui-btn:before {
box-sizing:border-box
}
.df-ui-btn.df-active,
.df-ui-btn:hover {
color:#00acce;
background-color:#eee
}
.df-ui-btn.df-active {
background-color:#e7e7e7
}
.df-ui-btn.disabled,
.df-ui-btn.disabled:hover {
color:#bbb
}
.df-ui-btn span {
display:none
}
.df-more-container {
display:none;
position:absolute;
bottom:100%;
margin-bottom:8px!important;
right:10px;
background-color:#f7f7f7;
z-index:20;
border-radius:5px;
box-shadow:0 -1px 3px rgba(0,0,0,.2)
}
.df-more-container:before {
content:" ";
position:absolute;
border:7px solid transparent;
border-top-color:#eee;
height:0;
width:0;
bottom:-14px;
right:13px;
margin-right:-8px;
pointer-events:none
}
.df-more-container>.df-ui-btn {
width:170px;
text-align:left;
padding:6px 8px;
height:36px;
border-top:1px solid #e4e4e4;
border-radius:0;
line-height:16px
}
.df-more-container>.df-ui-btn span {
font-size:12px;
padding-left:24px;
vertical-align:middle;
display:inline-block
}
.df-more-container>.df-ui-btn:before {
position:absolute;
top:7px;
font-size:20px;
width:1em;
text-align:center
}
.df-more-container>.df-ui-btn:first-child {
border-radius:5px 5px 0 0;
border-top:none
}
.df-more-container>.df-ui-btn:last-child {
border-radius:0 0 5px 5px
}
.df-ui-more.df-active .df-more-container {
display:block
}
.df-ui-search.df-active .df-search-container {
display:block;
padding:5px
}
.df-ui-nav {
top:50%;
margin-top:-50px;
position:absolute;
opacity:.8;
height:100px;
font-size:36px;
width:50px;
z-index:2;
cursor:pointer
}
.df-ui-nav:hover {
opacity:1
}
.df-ui-nav .df-ui-btn {
height:auto;
height:initial;
position:absolute;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
top:50%;
padding:15px 5px;
width:auto;
font-size:inherit;
background-color:transparent!important
}
.df-ui-nav .df-ui-btn:before {
color:#fff;
filter:drop-shadow(0 0 3px rgb(0, 0, 0))
}
.df-ui-nav.df-ui-prev {
left:0;
right:auto;
border-radius:0
}
.df-ui-nav.df-ui-prev .df-ui-btn {
left:10px
}
.df-ui-nav.df-ui-prev .df-ui-btn:before {
text-align:left
}
.df-ui-nav.df-ui-next {
right:0
}
.df-ui-nav.df-ui-next .df-ui-btn {
right:10px
}
.df-ui-nav.df-ui-next .df-ui-btn:before {
text-align:right
}
.df-flipbook-2d,
.df-flipbook-3d,
.df-slider,
.df-viewer-container,
.df-zoomview {
position:absolute;
overflow:hidden;
top:0;
left:0;
right:0;
bottom:0;
z-index:1
}
.df-flipbook-2d {
-webkit-filter:blur(0);
-moz-filter:blur(0);
-ms-filter:blur(0);
-o-filter:blur(0);
filter:blur(0)
}
.df-flipbook-2d .df-viewer-wrapper {
position:relative;
margin:0 auto;
height:100%;
-moz-transition:.3s left;
-o-transition:.3s left;
-webkit-transition:.3s left;
transition:.3s left
}
.df-flipbook-2d .df-book-shadow {
position:absolute;
z-index:-1;
height:100%;
display:none;
-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);
-moz-box-shadow:0 0 10px rgba(0,0,0,.3);
box-shadow:0 0 10px rgba(0,0,0,.3)
}
.df-page-content {
overflow:hidden;
opacity:.3
}
.df-page.df-loading:after {
content:"";
background-size:22px;
height:22px;
width:22px;
display:block;
top:50%;
left:50%;
margin:-11px;
position:absolute;
z-index:0
}
.df-page.df-loading .df-page-content {
display:none
}
.df-page>canvas {
width:100%;
height:100%;
position:relative;
z-index:0
}
.df-page .df-page-content {
position:absolute;
height:100%;
display:block;
top:0;
width:100%;
z-index:1
}
.df-sheet {
position:absolute;
-webkit-transform-origin:0 0 0;
-moz-transform-origin:0 0 0;
transform-origin:0 0 0
}
.df-sheet .df-page,
.df-sheet .df-page-back,
.df-sheet .df-page-front,
.df-sheet .df-sheet-fold-inner-shadow,
.df-sheet .df-sheet-fold-outer-shadow,
.df-sheet .df-sheet-wrapper {
position:absolute;
-webkit-transform-origin:0 0 0;
-moz-transform-origin:0 0 0;
transform-origin:0 0 0
}
.df-sheet .df-sheet-wrapper {
overflow:hidden
}
.df-sheet .df-page {
width:100%;
height:100%;
background-color:#fff;
box-sizing:border-box;
z-index:0;
background-size:100% 100%
}
.df-sheet .df-page:before {
content:"";
position:absolute;
display:block;
top:0;
width:15%;
height:100%;
z-index:5;
opacity:.5;
pointer-events:none
}
.df-sheet .df-page>canvas {
z-index:-1
}
.df-sheet .df-page-front:before {
left:0;
background-image:-webkit-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));
background-image:-moz-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));
background-image:-ms-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0))
}
.df-sheet .df-page-back:before {
right:0;
background-image:-webkit-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);
background-image:-moz-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);
background-image:-ms-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%)
}
.df-sheet.df-left-side {
right:50%;
-webkit-transform-origin:right;
-moz-transform-origin:right;
transform-origin:right
}
.df-sheet.df-left-side .df-page-front {
z-index:1
}
.df-sheet.df-left-side .df-page-back {
z-index:2
}
.df-sheet.df-right-side {
left:50%;
-webkit-transform-origin:left;
-moz-transform-origin:left;
transform-origin:left
}
.df-sheet.df-right-side .df-page-front {
z-index:2
}
.df-sheet.df-right-side .df-page-back {
z-index:1
}
.df-sheet .df-sheet-fold-inner-shadow {
position:absolute;
z-index:5;
display:none
}
.df-sheet .df-sheet-fold-outer-shadow {
z-index:-1;
width:100%;
height:100%
}
.df-sheet.df-flipping,
.df-sheet.df-folding {
z-index:200!important
}
.df-sheet.df-folding.df-left-side .df-page-front,
.df-sheet.df-folding.df-right-side .df-page-back {
z-index:3
}
.df-sheet.df-folding .df-sheet-fold-inner-shadow {
display:block
}
.df-sheet.df-folding .df-page-content {
display:none
}
.df-pending .df-page-content,
.df-pendingresize .df-page-content {
display:none!important
}
.df-sheet.df-left-side.df-folding:not(.df-hard-sheet) .df-page-front {
z-index:3
}
.df-hard-sheet .df-sheet-wrapper {
width:100%!important;
height:100%!important;
overflow:visible;
transform-style:preserve-3d;
-webkit-transform-origin:0 50% 0;
-moz-transform-origin:0 50% 0;
transform-origin:0 50% 0
}
.df-hard-sheet .df-sheet-fold-inner-shadow,
.df-hard-sheet .df-sheet-fold-outer-shadow {
display:none!important
}
.df-hard-sheet .df-page-back,
.df-hard-sheet .df-page-front {
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
backface-visibility:hidden
}
.df-hard-sheet.df-right-side .df-page-back {
-webkit-transform-origin:right 50%;
-moz-transform-origin:right 50%;
transform-origin:right 50%;
z-index:3!important
}
.df-hard-sheet.df-right-side .df-page-front {
-webkit-transform-origin:left 50%;
-moz-transform-origin:left 50%;
transform-origin:left 50%;
z-index:4
}
.df-hard-sheet.df-left-side .df-page-back {
-webkit-transform-origin:right 50%;
-moz-transform-origin:right 50%;
transform-origin:right 50%
}
.df-hard-sheet.df-left-side .df-page-front {
-webkit-transform-origin:left 50%;
-moz-transform-origin:left 50%;
transform-origin:left 50%
}
.df-flipbook-3d.df-loading:after {
content:"";
background-size:22px;
height:22px;
width:22px;
display:block;
top:50%;
left:50%;
margin:-11px;
position:absolute;
z-index:0
}
.df-link-content,
.df-text-content {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
overflow:hidden;
pointer-events:none;
width:auto!important;
height:auto!important
}
.df-page-content.df-double-internal:not(.df-double-internal-fix)>div {
right:-100%
}
.df-page-content.df-double-internal-fix>div {
left:-100%
}
.annotationLayer section,
.customHtmlAnnotation,
.customLinkAnnotation,
.customVideoAnnotation,
.df-link-content section,
.highlightAnnotation,
.linkAnnotation,
.popupAnnotation {
position:absolute;
z-index:5;
cursor:pointer;
pointer-events:all;
border:none!important;
padding:0!important;
margin:0!important
}
section.popupAnnotation {
display:none
}
.buttonWidgetAnnotation a,
.customHtmlAnnotation,
.customVideoAnnotation,
a.customLinkAnnotation,
a.df-autolink,
a.linkAnnotation,
section.linkAnnotation a {
background-color:#ff0;
display:block;
height:100%;
-moz-transition:none;
-o-transition:none;
-webkit-transition:none;
transition:none
}
.buttonWidgetAnnotation a:hover,
.customHtmlAnnotation:hover,
.customVideoAnnotation:hover,
a.customLinkAnnotation:hover,
a.df-autolink:hover,
a.linkAnnotation:hover,
section.linkAnnotation a:hover {
border-color:transparent;
background-color:#2196f3
}
a.df-autolink {
display:inline;
pointer-events:all;
color:transparent!important
}
.df-sidemenu-wrapper {
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%);
left:0;
top:0;
bottom:0;
width:220px;
position:absolute;
z-index:3
}
.df-sidemenu-wrapper .df-sidemenu-buttons {
z-index:6;
position:relative;
top:0;
left:0;
box-shadow:0 2px 5px rgba(0,0,0,.3)
}
.df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close {
float:right;
display:none;
background-color:transparent;
padding:6px 5px
}
.df-sidemenu-wrapper:before {
content:" ";
position:absolute;
height:100%;
width:100%;
background-color:rgba(238,238,238,.9);
z-index:3;
left:0
}
.df-sidemenu-open .df-ui-nav.df-ui-prev {
left:220px
}
.df-sidemenu-open .df-sidemenu-wrapper {
display:block;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
left:0
}
.df-sidemenu-open .df-sidemenu-wrapper:before {
box-shadow:1px 0 4px rgba(102,102,102,.38)
}
.df-sidemenu-open .df-sidemenu-buttons .df-ui-close {
display:block
}
.df-sidemenu-open .df-flipbook-3d.df-loading:after {
margin-left:99px
}
.df-sidemenu {
width:100%;
height:auto!important;
position:absolute!important;
top:0;
bottom:0;
z-index:3;
opacity:0;
color:#666;
font-size:12px
}
.df-sidemenu>.df-wrapper {
overflow:auto;
position:absolute!important;
top:40px;
bottom:0;
left:0;
right:0;
height:auto!important
}
.df-sidemenu.df-sidemenu-visible {
opacity:1;
z-index:5
}
.df-outline-container .df-wrapper {
padding:10px
}
.df-outline-items>.df-outline-item {
margin-left:18px
}
.df-outline-item a {
color:inherit!important;
text-decoration:none!important;
display:block;
padding:5px 0 5px 5px;
overflow:hidden;
text-overflow:ellipsis;
border:none!important;
box-shadow:none!important;
margin-bottom:1px
}
.df-outline-item a:hover {
text-decoration:underline!important;
color:#2196f3!important
}
.df-outline-toggle {
cursor:pointer;
float:left;
width:28px;
padding:0 5px 0 10px;
margin-left:-28px;
text-align:center
}
.df-outline-toggle:before {
content:"\e902";
font-size:18px;
font-family:dearflip
}
.df-outline-toggle.df-outlines-hidden:before {
content:"\e901"
}
.df-outline-toggle.df-outlines-hidden~.df-outline-items {
display:none
}
.df-outline-item a:hover,
.df-outline-toggle:hover,
.df-outline-toggle:hover+a,
.df-outline-toggle:hover~.df-outline-items {
background-color:rgba(100,100,100,.05)
}
.df-thumb {
margin:0;
cursor:pointer;
width:100%;
position:relative;
text-align:center
}
.df-thumb .df-wrapper {
box-sizing:content-box!important;
margin:6px;
border-radius:3px;
transition:.2s background;
display:inline-block;
vertical-align:middle;
border:2px dashed rgba(0,0,0,.3);
position:relative
}
.df-thumb .df-wrapper .df-thumb-number {
position:absolute;
bottom:8px;
background-color:rgba(238,238,238,.85);
color:#444;
font-size:14px;
left:50%;
transform:translateX(-50%);
padding:5px;
opacity:0
}
.df-thumb .df-bg-image {
height:100%;
background-size:100%;
box-shadow:0 1px 4px rgba(0,0,0,.3)
}
.df-thumb.df-thumb-requested:before {
content:"";
background-size:22px;
height:22px;
width:22px;
display:block;
top:50%;
left:50%;
margin:-11px;
position:absolute;
z-index:0
}
.df-thumb.df-thumb-loaded {
height:auto!important
}
.df-thumb.df-thumb-loaded .df-wrapper {
border:none;
margin:0;
padding:8px
}
.df-thumb.df-thumb-loaded:hover .df-wrapper .df-thumb-number {
opacity:1
}
.df-thumb.df-selected .df-wrapper,
.df-thumb.df-thumb-loaded:hover .df-wrapper {
background-color:#ccc;
background-color:rgba(0,0,0,.1);
opacity:1
}
.df-lightbox-wrapper {
position:fixed!important;
top:0;
bottom:0;
right:0;
height:auto!important;
left:0;
z-index:99999
}
.df-lightbox-wrapper.df-lightbox-padded {
top:20px;
left:20px;
bottom:20px;
right:20px
}
.df-lightbox-wrapper .df-lightbox-bg {
background:#eee;
position:fixed!important;
top:0;
bottom:0;
right:0;
height:auto!important;
left:0
}
.df-lightbox-wrapper .df-lightbox-controls {
float:right;
padding:5px;
z-index:1000;
position:relative
}
.df-lightbox-wrapper .df-app {
position:absolute!important;
width:100%;
top:0;
bottom:0;
height:auto!important
}
.df-lightbox-wrapper .df-container.df-transparent {
height:100%
}
.df-lightbox-wrapper .df-lightbox-close {
float:right;
text-align:center;
font-size:32px;
padding:8px 0;
height:48px;
width:46px;
cursor:pointer;
color:#444;
border-color:transparent;
background-color:transparent;
-moz-transition:.3s;
-o-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
opacity:.8
}
.df-lightbox-wrapper .df-lightbox-close:hover {
color:#fff;
background-color:rgba(0,0,0,.21);
border-color:#000;
opacity:1
}
.df-lightbox-wrapper .df-lightbox-close:before {
color:#fff;
filter:drop-shadow(0 0 3px black)
}
.df-share-wrapper {
z-index:2;
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
background-color:rgba(0,0,0,.35);
display:none
}
.df-share-box {
position:absolute;
top:50%;
width:280px;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
left:50%;
background-color:#fff;
border-radius:10px;
padding:10px 15px 5px;
text-align:center
}
span.df-share-title {
color:#777;
margin-bottom:10px;
display:block
}
.df-share-url {
background-color:#fff;
height:60px;
color:#666;
padding:2px 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
width:100%;
font-size:12px;
box-sizing:border-box;
margin-bottom:0
}
.df-share-button {
display:inline-block;
text-align:center;
cursor:pointer;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
padding:5px 10px;
font-size:20px;
color:#aaa
}
.df-share-button:hover {
color:#444
}
.df-reader {
overflow:auto;
position:absolute;
-webkit-overflow-scrolling:touch
}
.df-reader .df-viewer-wrapper {
cursor:grab
}
.df-reader .df-page {
position:relative;
transform-origin:initial;
margin:-10px auto -10px;
border:10px solid transparent;
left:auto;
left:initial;
box-sizing:content-box!important
}
.df-reader .df-page:before {
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fff;
-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);
-moz-box-shadow:0 0 10px rgba(0,0,0,.2);
box-shadow:0 0 10px rgba(0,0,0,.2)
}
.df-reader~.df-ui-nav {
display:none
}
.df-reader:not(.df-noscroll) {
margin-right:-12px
}
.df-reader-scrollbar {
position:absolute;
top:0;
height:auto;
right:0;
width:auto;
background:rgba(255,255,255,.9);
box-shadow:0 1px 4px rgba(0,0,0,.3);
border-radius:20px 0 0 20px;
padding:6px 8px 6px 12px;
z-index:100;
cursor:ns-resize
}
.df-reader-scrollbar.df-active,
.df-reader-scrollbar:hover {
background-color:#fff
}
.df-reader-scroll-page-number {
display:none;
position:absolute;
top:50%;
left:50%;
transform:translate3d(-50%,-50%,0);
background-color:#ddd;
border-radius:10px;
padding:20px;
font-size:24px;
z-index:100;
text-align:center;
color:#333
}
.df-reader-scroll-page-number.df-active {
display:block
}
.df-reader-scroll-page-number div {
margin-top:6px;
padding-top:6px;
border-top:1px solid #aaa;
font-size:16px;
font-style:italic
}
.df-ios .df-viewer.df-reader {
margin-right:0
}
.df-no-transition {
-moz-transition:none!important;
-o-transition:none!important;
-webkit-transition:none!important;
transition:none!important
}
.df-float .df-ui {
bottom:10px;
width:auto;
width:intial;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
left:50%;
margin:0 auto;
display:table;
display:flex;
border-radius:5px
}
.df-float .df-ui>.df-ui-btn:first-child {
border-radius:5px 0 0 5px
}
.df-float .df-ui>.df-ui-btn:last-child {
border-radius:0 5px 5px 0
}
.df-controls-top .df-ui {
bottom:auto;
bottom:intial;
top:0
}
.df-controls-top.df-float .df-ui {
top:10px
}
.df-controls-top .df-more-container {
bottom:auto;
top:100%;
margin:8px 0 0!important
}
.df-controls-top .df-more-container:before {
border-bottom-color:#eee;
border-top:0;
bottom:auto;
top:-7px
}
.df-controls-hidden .df-ui {
display:none
}
.df-float-off.df-controls-top .df-sidemenu-wrapper {
top:42px;
bottom:0
}
.df-float-off.df-controls-bottom .df-sidemenu-wrapper {
top:0;
bottom:42px
}
.df-float-off .df-ui-left {
justify-content:flex-start;
display:flex;
flex:1
}
.df-float-off .df-ui-right {
justify-content:flex-end;
display:flex;
flex:1
}
.df-float-off .df-ui-center {
display:flex;
justify-content:center;
align-items:center
}
.df-float-off .df-ui {
display:flex
}
.df-link-content .annotationTextContent {
color:transparent
}
.df-link-content .popupWrapper {
position:absolute;
width:20em
}
.df-link-content .popup {
position:absolute;
z-index:200;
max-width:20em;
background-color:#ff9;
box-shadow:0 2px 5px #333;
border-radius:2px;
padding:.6em;
margin-left:5px;
cursor:pointer;
word-wrap:break-word
}
.df-link-content .popup h1 {
font-size:1em;
border-bottom:1px solid #000;
padding-bottom:.2em
}
.df-link-content .popup p {
padding-top:.2em
}
body.df-lightbox-open,
html.df-lightbox-open {
overflow:hidden!important
}
.df-zoomview {
display:none;
cursor:move
}
.df-zoomview .df-viewer-wrapper {
position:relative;
margin:0 auto
}
.df-zoomview .df-viewer-wrapper .df-book-shadow {
position:absolute;
z-index:-1;
height:100%;
display:none;
-webkit-box-shadow:0 1px 15px 1px rgba(0,0,0,.5);
-moz-box-shadow:0 1px 15px 1px rgba(0,0,0,.5);
box-shadow:0 1px 15px 1px rgba(0,0,0,.5)
}
.df-zoomview .df-page {
position:absolute;
top:0;
right:50%;
background-color:#fff
}
.df-zoomview .df-page:before {
width:10%;
opacity:.5
}
.df-zoomview .df-page.df-page-front {
left:50%
}
.df-zoom-active .df-viewer {
cursor:move;
cursor:-webkit-grab
}
.df-zoom-active .df-flipbook {
display:none
}
.df-zoom-active .df-zoomview {
display:block
}
.df-hybrid-viewer .df-zoomview .df-page:before {
display:none
}
.df-hybrid-viewer:not(.df-zoom-active) .df-flipbook.df-loading+.df-zoomview {
display:none
}
.df-hybrid-viewer:not(.df-zoom-active) .df-zoomview {
display:block;
pointer-events:none
}
.df-hybrid-viewer:not(.df-zoom-active) .df-zoomview .df-page:before {
display:none
}
.df-hybrid-viewer:not(.df-zoom-active) .df-loading+.df-zoomview::after {
content:"";
background-size:22px;
height:22px;
width:22px;
display:block;
top:50%;
left:50%;
margin:-11px;
position:absolute;
z-index:0
}
.df-hybrid-viewer:not(.df-zoom-active).df-hide-zoomview .df-zoomview,
.df-hybrid-viewer:not(.df-zoom-active).df-pending .df-zoomview,
.df-hybrid-viewer:not(.df-zoom-active).df-pendingresize .df-zoomview {
display:none
}
.df-container ::-webkit-scrollbar {
width:12px;
height:12px;
cursor:pointer
}
.df-container ::-webkit-scrollbar-button {
height:0;
width:0;
cursor:pointer
}
.df-container ::-webkit-scrollbar-thumb {
background:rgba(0,0,0,.5);
border-radius:50px
}
.df-container ::-webkit-scrollbar-thumb:hover {
background:rgba(0,0,0,.8)
}
.df-container ::-webkit-scrollbar-thumb:active {
background:rgba(0,0,0,.8)
}
.df-container ::-webkit-scrollbar-thumb,
.df-container ::-webkit-scrollbar-thumb:active,
.df-container ::-webkit-scrollbar-thumb:hover {
border-right:1px;
border-left:1px;
border-style:solid;
border-color:transparent
}
.df-container ::-webkit-scrollbar-track {
background:rgba(0,0,0,.05);
border-radius:50px
}
.df-container ::-webkit-scrollbar-track:hover {
background:rgba(0,0,0,.1)
}
.df-container ::-webkit-scrollbar-track:active {
background:rgba(0,0,0,.15)
}
.df-container ::-webkit-scrollbar-corner {
background:0 0
}
.df-sidemenu-wrapper ::-webkit-scrollbar {
width:10px
}
.df-container.df-transparent.df-fullscreen {
background:#aaa
}
.df-container.df-fullscreen {
position:fixed!important;
left:0!important;
top:0!important;
width:100%!important;
height:100%!important;
z-index:2147483647
}
.df-container.df-rtl .df-sidemenu-wrapper {
left:auto;
left:initial;
-webkit-transform:translateX(100%);
-moz-transform:translateX(100%);
-ms-transform:translateX(100%);
transform:translateX(100%);
right:-50px;
direction:rtl
}
.df-container.df-rtl input.df-search-text {
padding:0 15px 0 45px
}
.df-container.df-rtl .df-sidemenu-title {
text-align:right
}
.df-container.df-rtl .df-search-clear {
right:auto;
left:60px
}
.df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
right:0
}
.df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close {
float:left
}
.df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-prev {
left:0
}
.df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-next {
right:220px
}
.df-container.df-rtl.df-sidemenu-open .df-flipbook-3d.df-loading:after {
margin-left:-122px
}
.df-container.df-rtl .df-outline-item {
margin:0 18px 0 0;
text-align:right;
direction:rtl
}
.df-container.df-rtl .df-outline-item .df-outline-toggle {
float:right;
margin:0 -18px 0 0
}
.df-container.df-rtl .df-outline-item .df-outline-toggle.df-outlines-hidden:before {
content:"\e900"
}
.df-container.df-rtl .df-viewer .df-3dcanvas {
left:0;
right:auto;
right:initial
}
.df-container.df-rtl .df-more-container .df-ui-btn {
text-align:right;
direction:rtl
}
.df-container.df-rtl .df-more-container .df-ui-btn:before {
right:10px
}
.df-container.df-rtl .df-more-container .df-ui-btn span {
padding:0 24px 0 0
}
.df-lightbox-wrapper.df-rtl .df-lightbox-controls {
float:left
}
.df-element[data-df-lightbox],
.df-element[data-lightbox] {
cursor:pointer
}
.df-popup-thumb {
display:inline-block;
box-sizing:border-box;
margin:30px 15px 15px!important;
text-align:center;
border:0;
width:140px;
height:auto;
word-break:break-word;
vertical-align:bottom;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d;
-moz-perspective:800px;
perspective:800px
}
.df-popup-thumb .df-book-wrapper {
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-transition:.2s;
box-shadow:2px 0 4px rgba(0,0,0,.2);
transform-origin:30%;
background-color:#fff;
width:100%;
display:inline-block
}
.df-popup-thumb .df-book-page1,
.df-popup-thumb .df-book-page2 {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:100% 100%;
-webkit-transform-origin:left;
-moz-transform-origin:left;
transform-origin:left;
background-color:#fff;
-moz-transition:.3s;
-o-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
z-index:1
}
.df-popup-thumb .df-book-cover {
background-size:100% 100%;
-webkit-transform-origin:left;
-moz-transform-origin:left;
transform-origin:left;
top:0;
position:relative;
overflow:hidden;
-moz-transition:.3s;
-o-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
box-shadow:0 10px 10px rgba(0,0,0,.24);
z-index:1
}
.df-popup-thumb .df-book-cover.df-thumb-not-found {
height:200px;
position:relative
}
.df-popup-thumb.df-has-ridge .df-book-cover:after {
display:block;
content:" ";
height:100%;
width:100%;
background:linear-gradient(90deg,rgba(255,255,255,.15) 1%,rgba(0,0,0,.15) 3%,rgba(255,255,255,.15) 5%,rgba(255,255,255,0) 7%);
box-shadow:inset 0 -1px 3px 0 rgba(80,80,80,.5490196078);
z-index:3;
position:absolute;
top:0;
left:0
}
.df-popup-thumb .df-book-title {
bottom:-100%;
position:absolute;
width:100%;
left:0;
padding:5px;
font-size:.75em;
background:rgba(255,255,255,.9);
box-sizing:border-box;
display:block;
-moz-transition:.4s;
-o-transition:.4s;
-webkit-transition:.4s;
transition:.4s;
opacity:0
}
.df-popup-thumb img {
display:block;
width:100%;
height:auto;
margin:0!important;
padding:0!important;
border:0!important
}
.df-popup-thumb.df-thumb-not-found .df-book-title,
.df-popup-thumb.df-tl-book-title-fixed .df-book-title,
.df-popup-thumb:hover .df-book-title {
opacity:1;
bottom:0
}
.df-popup-thumb.df-tl-book-title-fixed .df-book-title,
.df-popup-thumb.df-tl-book-title-top .df-book-title {
opacity:1;
position:relative
}
.df-popup-thumb.df-thumb-not-found .df-book-wrapper {
width:100%
}
.df-popup-thumb.df-tl-book-title-bottom .df-thumb-not-found,
.df-popup-thumb.df-tl-cover-title .df-thumb-not-found {
height:170px
}
.df-popup-thumb.df-tl-book-title-bottom .df-book-wrapper,
.df-popup-thumb.df-tl-cover-title .df-book-wrapper {
position:relative;
z-index:1
}
.df-popup-thumb.df-tl-book-title-bottom .df-book-title,
.df-popup-thumb.df-tl-cover-title .df-book-title {
position:relative;
bottom:0;
opacity:1;
height:3em;
background:0 0
}
.df-popup-thumb:hover .df-book-page1 {
transform:rotateY(-8deg) rotateZ(0);
box-shadow:2px 0 4px rgba(0,0,0,.2)
}
.df-popup-thumb:hover .df-book-page2 {
transform:rotateY(-14deg) rotateZ(0);
box-shadow:2px 0 4px rgba(0,0,0,.2)
}
.df-popup-thumb:hover .df-book-wrapper {
transform:rotateY(-15deg) rotateZ(0)
}
.df-popup-thumb:hover .df-book-cover {
-webkit-transform:rotateY(-18deg) rotateZ(0);
-moz-transform:rotateY(-18deg) rotateZ(0);
-ms-transform:rotateY(-18deg) rotateZ(0);
transform:rotateY(-18deg) rotateZ(0)
}
.df-popup-thumb.df-tl-cover-title .df-book-wrapper {
box-shadow:0 2px 8px rgba(0,0,0,.3)
}
.df-popup-thumb.df-tl-cover-title .df-book-cover {
box-shadow:none
}
.df-popup-thumb.df-tl-cover-title .df-book-cover:after {
display:none
}
.df-popup-thumb.df-tl-cover-title:hover .df-book-wrapper {
box-shadow:0 5px 20px rgba(0,0,0,.5);
transform:none
}
.df-popup-thumb.df-tl-cover-title:hover .df-book-cover {
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
transform:none;
box-shadow:none
}
.df-popup-thumb.df-tl-cover-title:hover .df-book-page1,
.df-popup-thumb.df-tl-cover-title:hover .df-book-page2 {
display:none
}
.df-popup-button {
width:auto;
display:inline-block;
background:#ddd;
border-radius:5px;
padding:5px 15px;
margin:5px;
-moz-transition:.3s ease;
-o-transition:.3s ease;
-webkit-transition:.3s ease;
transition:.3s ease;
-moz-transition-property:background;
-o-transition-property:background;
-webkit-transition-property:background;
transition-property:background
}
.df-popup-button:hover {
background:#aaa
}
.df-popup-hidden {
display:none
}
.df-icon-play-popup {
position:relative
}
.df-icon-play-popup:before {
top:50%;
position:absolute;
left:50%;
font-size:40px;
background:#777;
border-radius:50%;
padding:10px;
box-shadow:0 1px 5px #777;
margin-top:-30px;
margin-left:-30px;
display:block;
color:#fff;
z-index:1;
-moz-transition:.3s ease;
-o-transition:.3s ease;
-webkit-transition:.3s ease;
transition:.3s ease;
-moz-transition-property:opacity;
-o-transition-property:opacity;
-webkit-transition-property:opacity;
transition-property:opacity;
pointer-events:none
}
.df-icon-play-popup:hover:before {
opacity:0
}
.df-posts {
max-width:1140px;
margin:0 auto
}
.df-posts>.df-popup-thumb {
width:calc(20% - 30px);
min-width:100px;
position:relative;
z-index:1
}
df-post-shelf {
display:none;
height:160px;
background-color:transparent;
z-index:0;
margin:-105px -40px -40px -40px;
position:relative;
background-repeat:no-repeat
}
df-post-shelf:nth-of-type(5n) {
display:block
}
df-post-shelf:after {
content:" ";
height:160px;
display:block;
position:absolute;
bottom:0;
right:0;
width:240px;
z-index:1;
background-position:0 -160px;
background-repeat:no-repeat;
background-image:inherit;
background-size:inherit
}
df-post-shelf:before {
content:" ";
display:block;
position:absolute;
left:240px;
bottom:0;
right:240px;
height:160px;
z-index:1;
background-image:inherit;
background-size:inherit;
background-repeat:repeat-x;
background-position:0 -320px
}
.df-posts.df-has-shelf {
padding:0 40px 50px 40px
}
@media screen and (max-width:1100px) {
.df-posts>.df-popup-thumb {
width:calc(25% - 30px)
}
df-post-shelf:nth-of-type(n) {
display:none
}
df-post-shelf:nth-of-type(4n) {
display:block
}
}
@media screen and (max-width:900px) {
.df-posts>.df-popup-thumb {
width:calc(33% - 30px)
}
df-post-shelf:nth-of-type(n) {
display:none
}
df-post-shelf:nth-of-type(3n) {
display:block
}
}
@media screen and (max-width:600px) {
.df-posts>.df-popup-thumb {
width:calc(50% - 30px)
}
df-post-shelf:nth-of-type(n) {
display:none
}
df-post-shelf:nth-of-type(2n) {
display:block
}
df-post-shelf {
background-size:120px 480px
}
df-post-shelf:before {
left:120px;
right:120px
}
df-post-shelf:after {
width:120px
}
}
@media screen and (max-width:420px) {
.df-popup-thumb,
.df-posts>.df-popup-thumb {
width:calc(100% - 30px)
}
df-post-shelf:nth-of-type(n) {
display:block
}
}
df-post-shelf:last-of-type {
display:block
}
.df-posts {
container-type:inline-size;
container-name:dfposts;
width:100%;
box-sizing:border-box!important
}
@container dfposts (max-width:1020px) {
.df-posts>.df-popup-thumb {
width:calc(25% - 30px)
}
df-post-shelf:nth-of-type(n) {
display:none
}
df-post-shelf:nth-of-type(4n) {
display:block
}
}
@container dfposts (max-width:820px) {
.df-posts>.df-popup-thumb {
width:calc(33% - 30px)
}
df-post-shelf:nth-of-type(n) {
display:none
}
df-post-shelf:nth-of-type(3n) {
display:block
}
}
@container dfposts (max-width:520px) {
.df-posts>.df-popup-thumb {
width:calc(50% - 30px)
}
df-post-shelf:nth-of-type(n) {
display:none
}
df-post-shelf:nth-of-type(2n) {
display:block
}
df-post-shelf {
background-size:120px 480px
}
df-post-shelf:before {
left:120px;
right:120px
}
df-post-shelf:after {
width:120px
}
}
@container dfposts (max-width:320px) {
.df-posts>.df-popup-thumb {
width:calc(100% - 30px)
}
df-post-shelf:nth-of-type(n) {
display:block
}
}
@container dfposts (max-width:150px) {
.df-posts.df-has-shelf>.df-popup-thumb {
width:100%;
margin:30px -35px 15px!important
}
}
df-post-shelf:last-of-type {
display:block
}
.df-page-content {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.df-auto-link-content,
.df-text-content {
line-height:1;
transform-origin:top left
}
.df-auto-link-content {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
overflow:hidden;
pointer-events:none
}
[data-main-rotation="90"] {
transform:rotate(90deg) translateY(-100%)
}
[data-main-rotation="180"] {
transform:rotate(180deg) translate(-100%,-100%)
}
[data-main-rotation="270"] {
transform:rotate(270deg) translateX(-100%)
}
.df-auto-link-content span,
.df-text-content br,
.df-text-content span {
color:transparent!important;
position:absolute;
white-space:pre;
cursor:text;
transform-origin:0% 0%
}
.df-auto-link-content>span {
overflow:hidden
}
.df-text-content .highlight {
margin:-1px;
padding:1px;
background-color:#b400aa;
border-radius:4px
}
.df-text-content .highlight.appended {
position:initial
}
.df-text-content .highlight.begin {
border-radius:4px 0 0 4px
}
.df-text-content .highlight.end {
border-radius:0 4px 4px 0
}
.df-text-content .highlight.middle {
border-radius:0
}
.df-text-content .highlight.selected {
background-color:#006400
}
.df-text-content .endOfContent {
display:block;
position:absolute;
left:0;
top:100%;
right:0;
bottom:0;
z-index:-1;
cursor:default;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none
}
.df-text-content .endOfContent.active {
top:0
}
body.admin-bar .df-lightbox-bg,
body.admin-bar .df-lightbox-wrapper {
top:32px
}
@media screen and (max-width:782px) {
body.admin-bar .df-lightbox-bg,
body.admin-bar .df-lightbox-wrapper {
top:46px
}
}
@media screen and (max-width:600px) {
body.admin-bar .df-lightbox-bg,
body.admin-bar .df-lightbox-wrapper {
top:0
}
}
.df-single-content {
width:100%
}
.df-link-content section.textWidgetAnnotation {
display:none
}
.df-link-content :is(.linkAnnotation,
.buttonWidgetAnnotation.pushButton)>a {
position:absolute;
font-size:1em;
top:0;
left:0;
width:100%;
height:100%
}
.df-viewer::-webkit-scrollbar-button {
height:50px
}
.df-viewer::-webkit-scrollbar-thumb {
min-height:50px
}
.df-container .df-reader ::-webkit-scrollbar-thumb,
.df-container .df-reader ::-webkit-scrollbar-track {
background:0 0
}
.df-container.df-pinch-zoom ::-webkit-scrollbar-thumb,
.df-container.df-pinch-zoom ::-webkit-scrollbar-track {
background:0 0
}
.df-container.df-pinch-zoom .df-page-content {
display:none
}
section.squareAnnotation .popupWrapper,
section.textAnnotation .popupWrapper {
display:none
}
section.squareAnnotation svg,
section.textAnnotation svg {
display:block
}
.df-comment-popup {
display:none;
position:absolute;
width:360px;
background-color:#ff9;
box-shadow:0 2px 5px #333;
border-radius:2px;
z-index:9;
padding:10px;
word-break:break-word
}
.df-comment-popup.df-active {
display:block
}
.df-comment-popup .popup {
background-color:transparent!important
}
.df-comment-popup p {
margin:0
}
.df-comment-popup h1 {
padding-bottom:5px;
border-bottom:1px solid;
margin-top:0;
font-size:1em
}
.df-sidemenu-wrapper.df-sidemenu-center {
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
left:50%;
display:none;
top:auto;
height:360px;
bottom:52px
}
.df-sidemenu-center .df-sidemenu-buttons {
box-shadow:none;
text-align:center
}
.df-sidemenu-center .df-sidemenu-buttons .df-icon-close {
display:block;
margin:-55px auto 0 auto;
float:none;
border-radius:50px;
width:44px
}
.df-sidemenu-wrapper.df-sidemenu-center:before {
background-color:rgba(255,255,255,.9)
}
.df-sidemenu-open .df-sidemenu-wrapper.df-sidemenu-center {
display:block
}
.df-sidemenu-center .sidemenu,
.df-sidemenu-center:before {
border-radius:10px 10px 0 0
}
.df-slider {
-webkit-filter:blur(0);
-moz-filter:blur(0);
-ms-filter:blur(0);
-o-filter:blur(0);
filter:blur(0)
}
.df-slider .df-viewer-wrapper {
position:relative;
margin:0 auto;
height:100%;
-moz-transition:.3s left;
-o-transition:.3s left;
-webkit-transition:.3s left;
transition:.3s left
}
.df-slider .df-sheet {
-moz-transition:transform .5s;
-o-transition:transform .5s;
-webkit-transition:transform .5s;
transition:transform .5s
}
.df-slider .df-sheet.df-left-side,
.df-slider .df-sheet.df-right-side {
left:50%!important
}
.df-slider .df-sheet:before {
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fff;
-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);
-moz-box-shadow:0 0 10px rgba(0,0,0,.2);
box-shadow:0 0 10px rgba(0,0,0,.2)
}
.df-slider .df-page:before {
display:none
}
.df-slider .df-page.df-page-front {
z-index:3
}
.df-slider+.df-zoomview .df-page:before {
display:none
}
.df-has-shelf df-post-shelf {
background:0 0;
perspective:400px;
margin:5px 0 30px 0;
height:0;
box-shadow:0 5px 40px 15px rgba(0,0,0,.3137254902)
}
.df-has-shelf df-post-shelf:after,
.df-has-shelf df-post-shelf:before {
background-size:auto;
left:-40px;
right:-40px;
width:auto;
background-repeat:repeat-x;
transform-style:preserve-3d;
background-position:0 0
}
.df-has-shelf df-post-shelf:before {
transform:translateY(-15px) rotateX(50deg);
height:50px;
transform-origin:bottom;
box-shadow:inset 0 3px 15px 0 rgba(0,0,0,.6117647059)
}
.df-has-shelf df-post-shelf:after {
transform:translateZ(0);
height:15px;
box-shadow:inset 0 3px 3px rgba(243,243,243,.3215686275);
background-position:0 -50px
}
.df-search-highlight {
position:relative!important;
background-color:#00f
}
.df-search-results {
top:125px!important;
padding:0 10px 10px
}
.df-search-result {
color:inherit!important;
text-decoration:none!important;
overflow:hidden;
border:none!important;
box-shadow:none!important;
margin-bottom:1px;
padding:5px 10px;
display:flex;
align-items:center;
justify-content:space-between;
cursor:pointer
}
.df-search-result.df-active,
.df-search-result:hover {
background-color:rgba(100,100,100,.2)
}
.df-sidemenu-title {
padding:8px 20px;
text-transform:uppercase;
text-align:left
}
.df-search-hits {
z-index:10;
display:none
}
.df-search-open .df-search-hits {
display:inline-block
}
.df-search-form {
display:flex;
padding:10px;
position:relative
}
.df-search-clear {
position:absolute;
right:55px;
top:22px;
cursor:pointer;
display:none
}
input.df-search-text {
flex-grow:1;
margin:0;
border-radius:4px 0 0 4px;
outline:0;
border:0;
height:40px;
padding:0 45px 0 15px;
width:100%
}
input.df-search-text:not(:placeholder-shown)~a.df-search-clear {
display:block
}
.df-ui-btn.df-search-btn {
height:40px;
padding:10px;
background-color:#f7f7f7
}
.df-search-info {
padding:5px 20px
}
.df-searching .df-search-info {
background-repeat:no-repeat;
background-size:24px;
background-position:176px
}
.df-popup-thumb img.df-lazy {
transform:scale(1.2);
opacity:.5
}
@media (prefers-reduced-motion:no-preference) {
.df-popup-thumb img {
transition:opacity 1.5s ease,transform 1.5s ease
}
}
.df-trigger {
cursor:pointer
}
.df-element[data-df-lightbox],
.df-element[data-lightbox] {
position:relative
}
.rtl .df-popup-thumb .df-book-cover,
.rtl .df-popup-thumb .df-book-page1,
.rtl .df-popup-thumb .df-book-page2 {
transform-origin:right
}
.rtl .df-popup-thumb:hover .df-book-cover {
transform:rotateY(18deg) rotateZ(0)
}
.rtl .df-popup-thumb:hover .df-book-page2 {
transform:rotateY(14deg) rotateZ(0);
box-shadow:-2px 0 4px rgba(0,0,0,.2)
}
.rtl .df-popup-thumb:hover .df-book-page1 {
transform:rotateY(8deg) rotateZ(0);
box-shadow:-2px 0 4px rgba(0,0,0,.2)
}
.rtl .df-popup-thumb:hover .df-book-wrapper {
transform:rotateY(15deg) rotateZ(0);
transform-origin:70%!important;
box-shadow:-2px 0 4px rgba(0,0,0,.2)
}
.rtl .df-popup-thumb .df-book-cover:after {
transform:scaleX(-1)
}
.df-posts [skip-parse] {
display:none
}
.df-posts {
text-align:center;
position:relative
}
.df-load-more-button-wrapper {
text-align:center;
display:none;
margin-top:20px
}
.df-posts [skip-parse]~.df-load-more-button-wrapper {
display:block
}
.df-load-more-button {
padding:10px 15px;
display:inline-block;
margin:0 auto;
cursor:pointer;
background:#0085ba;
color:#fff
}
._df_book {
min-height:400px
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face {
font-family:'FontAwesome';
src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight:normal;
font-style:normal
}
.fa {
display:inline-block;
font:normal normal normal 14px/1 FontAwesome;
font-size:inherit;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.fa-lg {
font-size:1.33333333em;
line-height:.75em;
vertical-align:-15%
}
.fa-2x {
font-size:2em
}
.fa-3x {
font-size:3em
}
.fa-4x {
font-size:4em
}
.fa-5x {
font-size:5em
}
.fa-fw {
width:1.28571429em;
text-align:center
}
.fa-ul {
padding-left:0;
margin-left:2.14285714em;
list-style-type:none
}
.fa-ul>li {
position:relative
}
.fa-li {
position:absolute;
left:-2.14285714em;
width:2.14285714em;
top:.14285714em;
text-align:center
}
.fa-li.fa-lg {
left:-1.85714286em
}
.fa-border {
padding:.2em .25em .15em;
border:solid .08em #eee;
border-radius:.1em
}
.fa-pull-left {
float:left
}
.fa-pull-right {
float:right
}
.fa.fa-pull-left {
margin-right:.3em
}
.fa.fa-pull-right {
margin-left:.3em
}
.pull-right {
float:right
}
.pull-left {
float:left
}
.fa.pull-left {
margin-right:.3em
}
.fa.pull-right {
margin-left:.3em
}
.fa-spin {
-webkit-animation:fa-spin 2s infinite linear;
animation:fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation:fa-spin 1s infinite steps(8);
animation:fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
.fa-rotate-90 {
-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg)
}
.fa-rotate-180 {
-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg)
}
.fa-rotate-270 {
-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform:rotate(270deg);
-ms-transform:rotate(270deg);
transform:rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform:scale(-1, 1);
-ms-transform:scale(-1, 1);
transform:scale(-1, 1)
}
.fa-flip-vertical {
-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform:scale(1, -1);
-ms-transform:scale(1, -1);
transform:scale(1, -1)
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter:none
}
.fa-stack {
position:relative;
display:inline-block;
width:2em;
height:2em;
line-height:2em;
vertical-align:middle
}
.fa-stack-1x,
.fa-stack-2x {
position:absolute;
left:0;
width:100%;
text-align:center
}
.fa-stack-1x {
line-height:inherit
}
.fa-stack-2x {
font-size:2em
}
.fa-inverse {
color:#fff
}
.fa-glass:before {
content:"\f000"
}
.fa-music:before {
content:"\f001"
}
.fa-search:before {
content:"\f002"
}
.fa-envelope-o:before {
content:"\f003"
}
.fa-heart:before {
content:"\f004"
}
.fa-star:before {
content:"\f005"
}
.fa-star-o:before {
content:"\f006"
}
.fa-user:before {
content:"\f007"
}
.fa-film:before {
content:"\f008"
}
.fa-th-large:before {
content:"\f009"
}
.fa-th:before {
content:"\f00a"
}
.fa-th-list:before {
content:"\f00b"
}
.fa-check:before {
content:"\f00c"
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content:"\f00d"
}
.fa-search-plus:before {
content:"\f00e"
}
.fa-search-minus:before {
content:"\f010"
}
.fa-power-off:before {
content:"\f011"
}
.fa-signal:before {
content:"\f012"
}
.fa-gear:before,
.fa-cog:before {
content:"\f013"
}
.fa-trash-o:before {
content:"\f014"
}
.fa-home:before {
content:"\f015"
}
.fa-file-o:before {
content:"\f016"
}
.fa-clock-o:before {
content:"\f017"
}
.fa-road:before {
content:"\f018"
}
.fa-download:before {
content:"\f019"
}
.fa-arrow-circle-o-down:before {
content:"\f01a"
}
.fa-arrow-circle-o-up:before {
content:"\f01b"
}
.fa-inbox:before {
content:"\f01c"
}
.fa-play-circle-o:before {
content:"\f01d"
}
.fa-rotate-right:before,
.fa-repeat:before {
content:"\f01e"
}
.fa-refresh:before {
content:"\f021"
}
.fa-list-alt:before {
content:"\f022"
}
.fa-lock:before {
content:"\f023"
}
.fa-flag:before {
content:"\f024"
}
.fa-headphones:before {
content:"\f025"
}
.fa-volume-off:before {
content:"\f026"
}
.fa-volume-down:before {
content:"\f027"
}
.fa-volume-up:before {
content:"\f028"
}
.fa-qrcode:before {
content:"\f029"
}
.fa-barcode:before {
content:"\f02a"
}
.fa-tag:before {
content:"\f02b"
}
.fa-tags:before {
content:"\f02c"
}
.fa-book:before {
content:"\f02d"
}
.fa-bookmark:before {
content:"\f02e"
}
.fa-print:before {
content:"\f02f"
}
.fa-camera:before {
content:"\f030"
}
.fa-font:before {
content:"\f031"
}
.fa-bold:before {
content:"\f032"
}
.fa-italic:before {
content:"\f033"
}
.fa-text-height:before {
content:"\f034"
}
.fa-text-width:before {
content:"\f035"
}
.fa-align-left:before {
content:"\f036"
}
.fa-align-center:before {
content:"\f037"
}
.fa-align-right:before {
content:"\f038"
}
.fa-align-justify:before {
content:"\f039"
}
.fa-list:before {
content:"\f03a"
}
.fa-dedent:before,
.fa-outdent:before {
content:"\f03b"
}
.fa-indent:before {
content:"\f03c"
}
.fa-video-camera:before {
content:"\f03d"
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content:"\f03e"
}
.fa-pencil:before {
content:"\f040"
}
.fa-map-marker:before {
content:"\f041"
}
.fa-adjust:before {
content:"\f042"
}
.fa-tint:before {
content:"\f043"
}
.fa-edit:before,
.fa-pencil-square-o:before {
content:"\f044"
}
.fa-share-square-o:before {
content:"\f045"
}
.fa-check-square-o:before {
content:"\f046"
}
.fa-arrows:before {
content:"\f047"
}
.fa-step-backward:before {
content:"\f048"
}
.fa-fast-backward:before {
content:"\f049"
}
.fa-backward:before {
content:"\f04a"
}
.fa-play:before {
content:"\f04b"
}
.fa-pause:before {
content:"\f04c"
}
.fa-stop:before {
content:"\f04d"
}
.fa-forward:before {
content:"\f04e"
}
.fa-fast-forward:before {
content:"\f050"
}
.fa-step-forward:before {
content:"\f051"
}
.fa-eject:before {
content:"\f052"
}
.fa-chevron-left:before {
content:"\f053"
}
.fa-chevron-right:before {
content:"\f054"
}
.fa-plus-circle:before {
content:"\f055"
}
.fa-minus-circle:before {
content:"\f056"
}
.fa-times-circle:before {
content:"\f057"
}
.fa-check-circle:before {
content:"\f058"
}
.fa-question-circle:before {
content:"\f059"
}
.fa-info-circle:before {
content:"\f05a"
}
.fa-crosshairs:before {
content:"\f05b"
}
.fa-times-circle-o:before {
content:"\f05c"
}
.fa-check-circle-o:before {
content:"\f05d"
}
.fa-ban:before {
content:"\f05e"
}
.fa-arrow-left:before {
content:"\f060"
}
.fa-arrow-right:before {
content:"\f061"
}
.fa-arrow-up:before {
content:"\f062"
}
.fa-arrow-down:before {
content:"\f063"
}
.fa-mail-forward:before,
.fa-share:before {
content:"\f064"
}
.fa-expand:before {
content:"\f065"
}
.fa-compress:before {
content:"\f066"
}
.fa-plus:before {
content:"\f067"
}
.fa-minus:before {
content:"\f068"
}
.fa-asterisk:before {
content:"\f069"
}
.fa-exclamation-circle:before {
content:"\f06a"
}
.fa-gift:before {
content:"\f06b"
}
.fa-leaf:before {
content:"\f06c"
}
.fa-fire:before {
content:"\f06d"
}
.fa-eye:before {
content:"\f06e"
}
.fa-eye-slash:before {
content:"\f070"
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content:"\f071"
}
.fa-plane:before {
content:"\f072"
}
.fa-calendar:before {
content:"\f073"
}
.fa-random:before {
content:"\f074"
}
.fa-comment:before {
content:"\f075"
}
.fa-magnet:before {
content:"\f076"
}
.fa-chevron-up:before {
content:"\f077"
}
.fa-chevron-down:before {
content:"\f078"
}
.fa-retweet:before {
content:"\f079"
}
.fa-shopping-cart:before {
content:"\f07a"
}
.fa-folder:before {
content:"\f07b"
}
.fa-folder-open:before {
content:"\f07c"
}
.fa-arrows-v:before {
content:"\f07d"
}
.fa-arrows-h:before {
content:"\f07e"
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content:"\f080"
}
.fa-twitter-square:before {
content:"\f081"
}
.fa-facebook-square:before {
content:"\f082"
}
.fa-camera-retro:before {
content:"\f083"
}
.fa-key:before {
content:"\f084"
}
.fa-gears:before,
.fa-cogs:before {
content:"\f085"
}
.fa-comments:before {
content:"\f086"
}
.fa-thumbs-o-up:before {
content:"\f087"
}
.fa-thumbs-o-down:before {
content:"\f088"
}
.fa-star-half:before {
content:"\f089"
}
.fa-heart-o:before {
content:"\f08a"
}
.fa-sign-out:before {
content:"\f08b"
}
.fa-linkedin-square:before {
content:"\f08c"
}
.fa-thumb-tack:before {
content:"\f08d"
}
.fa-external-link:before {
content:"\f08e"
}
.fa-sign-in:before {
content:"\f090"
}
.fa-trophy:before {
content:"\f091"
}
.fa-github-square:before {
content:"\f092"
}
.fa-upload:before {
content:"\f093"
}
.fa-lemon-o:before {
content:"\f094"
}
.fa-phone:before {
content:"\f095"
}
.fa-square-o:before {
content:"\f096"
}
.fa-bookmark-o:before {
content:"\f097"
}
.fa-phone-square:before {
content:"\f098"
}
.fa-twitter:before {
content:"\f099"
}
.fa-facebook-f:before,
.fa-facebook:before {
content:"\f09a"
}
.fa-github:before {
content:"\f09b"
}
.fa-unlock:before {
content:"\f09c"
}
.fa-credit-card:before {
content:"\f09d"
}
.fa-feed:before,
.fa-rss:before {
content:"\f09e"
}
.fa-hdd-o:before {
content:"\f0a0"
}
.fa-bullhorn:before {
content:"\f0a1"
}
.fa-bell:before {
content:"\f0f3"
}
.fa-certificate:before {
content:"\f0a3"
}
.fa-hand-o-right:before {
content:"\f0a4"
}
.fa-hand-o-left:before {
content:"\f0a5"
}
.fa-hand-o-up:before {
content:"\f0a6"
}
.fa-hand-o-down:before {
content:"\f0a7"
}
.fa-arrow-circle-left:before {
content:"\f0a8"
}
.fa-arrow-circle-right:before {
content:"\f0a9"
}
.fa-arrow-circle-up:before {
content:"\f0aa"
}
.fa-arrow-circle-down:before {
content:"\f0ab"
}
.fa-globe:before {
content:"\f0ac"
}
.fa-wrench:before {
content:"\f0ad"
}
.fa-tasks:before {
content:"\f0ae"
}
.fa-filter:before {
content:"\f0b0"
}
.fa-briefcase:before {
content:"\f0b1"
}
.fa-arrows-alt:before {
content:"\f0b2"
}
.fa-group:before,
.fa-users:before {
content:"\f0c0"
}
.fa-chain:before,
.fa-link:before {
content:"\f0c1"
}
.fa-cloud:before {
content:"\f0c2"
}
.fa-flask:before {
content:"\f0c3"
}
.fa-cut:before,
.fa-scissors:before {
content:"\f0c4"
}
.fa-copy:before,
.fa-files-o:before {
content:"\f0c5"
}
.fa-paperclip:before {
content:"\f0c6"
}
.fa-save:before,
.fa-floppy-o:before {
content:"\f0c7"
}
.fa-square:before {
content:"\f0c8"
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content:"\f0c9"
}
.fa-list-ul:before {
content:"\f0ca"
}
.fa-list-ol:before {
content:"\f0cb"
}
.fa-strikethrough:before {
content:"\f0cc"
}
.fa-underline:before {
content:"\f0cd"
}
.fa-table:before {
content:"\f0ce"
}
.fa-magic:before {
content:"\f0d0"
}
.fa-truck:before {
content:"\f0d1"
}
.fa-pinterest:before {
content:"\f0d2"
}
.fa-pinterest-square:before {
content:"\f0d3"
}
.fa-google-plus-square:before {
content:"\f0d4"
}
.fa-google-plus:before {
content:"\f0d5"
}
.fa-money:before {
content:"\f0d6"
}
.fa-caret-down:before {
content:"\f0d7"
}
.fa-caret-up:before {
content:"\f0d8"
}
.fa-caret-left:before {
content:"\f0d9"
}
.fa-caret-right:before {
content:"\f0da"
}
.fa-columns:before {
content:"\f0db"
}
.fa-unsorted:before,
.fa-sort:before {
content:"\f0dc"
}
.fa-sort-down:before,
.fa-sort-desc:before {
content:"\f0dd"
}
.fa-sort-up:before,
.fa-sort-asc:before {
content:"\f0de"
}
.fa-envelope:before {
content:"\f0e0"
}
.fa-linkedin:before {
content:"\f0e1"
}
.fa-rotate-left:before,
.fa-undo:before {
content:"\f0e2"
}
.fa-legal:before,
.fa-gavel:before {
content:"\f0e3"
}
.fa-dashboard:before,
.fa-tachometer:before {
content:"\f0e4"
}
.fa-comment-o:before {
content:"\f0e5"
}
.fa-comments-o:before {
content:"\f0e6"
}
.fa-flash:before,
.fa-bolt:before {
content:"\f0e7"
}
.fa-sitemap:before {
content:"\f0e8"
}
.fa-umbrella:before {
content:"\f0e9"
}
.fa-paste:before,
.fa-clipboard:before {
content:"\f0ea"
}
.fa-lightbulb-o:before {
content:"\f0eb"
}
.fa-exchange:before {
content:"\f0ec"
}
.fa-cloud-download:before {
content:"\f0ed"
}
.fa-cloud-upload:before {
content:"\f0ee"
}
.fa-user-md:before {
content:"\f0f0"
}
.fa-stethoscope:before {
content:"\f0f1"
}
.fa-suitcase:before {
content:"\f0f2"
}
.fa-bell-o:before {
content:"\f0a2"
}
.fa-coffee:before {
content:"\f0f4"
}
.fa-cutlery:before {
content:"\f0f5"
}
.fa-file-text-o:before {
content:"\f0f6"
}
.fa-building-o:before {
content:"\f0f7"
}
.fa-hospital-o:before {
content:"\f0f8"
}
.fa-ambulance:before {
content:"\f0f9"
}
.fa-medkit:before {
content:"\f0fa"
}
.fa-fighter-jet:before {
content:"\f0fb"
}
.fa-beer:before {
content:"\f0fc"
}
.fa-h-square:before {
content:"\f0fd"
}
.fa-plus-square:before {
content:"\f0fe"
}
.fa-angle-double-left:before {
content:"\f100"
}
.fa-angle-double-right:before {
content:"\f101"
}
.fa-angle-double-up:before {
content:"\f102"
}
.fa-angle-double-down:before {
content:"\f103"
}
.fa-angle-left:before {
content:"\f104"
}
.fa-angle-right:before {
content:"\f105"
}
.fa-angle-up:before {
content:"\f106"
}
.fa-angle-down:before {
content:"\f107"
}
.fa-desktop:before {
content:"\f108"
}
.fa-laptop:before {
content:"\f109"
}
.fa-tablet:before {
content:"\f10a"
}
.fa-mobile-phone:before,
.fa-mobile:before {
content:"\f10b"
}
.fa-circle-o:before {
content:"\f10c"
}
.fa-quote-left:before {
content:"\f10d"
}
.fa-quote-right:before {
content:"\f10e"
}
.fa-spinner:before {
content:"\f110"
}
.fa-circle:before {
content:"\f111"
}
.fa-mail-reply:before,
.fa-reply:before {
content:"\f112"
}
.fa-github-alt:before {
content:"\f113"
}
.fa-folder-o:before {
content:"\f114"
}
.fa-folder-open-o:before {
content:"\f115"
}
.fa-smile-o:before {
content:"\f118"
}
.fa-frown-o:before {
content:"\f119"
}
.fa-meh-o:before {
content:"\f11a"
}
.fa-gamepad:before {
content:"\f11b"
}
.fa-keyboard-o:before {
content:"\f11c"
}
.fa-flag-o:before {
content:"\f11d"
}
.fa-flag-checkered:before {
content:"\f11e"
}
.fa-terminal:before {
content:"\f120"
}
.fa-code:before {
content:"\f121"
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content:"\f122"
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content:"\f123"
}
.fa-location-arrow:before {
content:"\f124"
}
.fa-crop:before {
content:"\f125"
}
.fa-code-fork:before {
content:"\f126"
}
.fa-unlink:before,
.fa-chain-broken:before {
content:"\f127"
}
.fa-question:before {
content:"\f128"
}
.fa-info:before {
content:"\f129"
}
.fa-exclamation:before {
content:"\f12a"
}
.fa-superscript:before {
content:"\f12b"
}
.fa-subscript:before {
content:"\f12c"
}
.fa-eraser:before {
content:"\f12d"
}
.fa-puzzle-piece:before {
content:"\f12e"
}
.fa-microphone:before {
content:"\f130"
}
.fa-microphone-slash:before {
content:"\f131"
}
.fa-shield:before {
content:"\f132"
}
.fa-calendar-o:before {
content:"\f133"
}
.fa-fire-extinguisher:before {
content:"\f134"
}
.fa-rocket:before {
content:"\f135"
}
.fa-maxcdn:before {
content:"\f136"
}
.fa-chevron-circle-left:before {
content:"\f137"
}
.fa-chevron-circle-right:before {
content:"\f138"
}
.fa-chevron-circle-up:before {
content:"\f139"
}
.fa-chevron-circle-down:before {
content:"\f13a"
}
.fa-html5:before {
content:"\f13b"
}
.fa-css3:before {
content:"\f13c"
}
.fa-anchor:before {
content:"\f13d"
}
.fa-unlock-alt:before {
content:"\f13e"
}
.fa-bullseye:before {
content:"\f140"
}
.fa-ellipsis-h:before {
content:"\f141"
}
.fa-ellipsis-v:before {
content:"\f142"
}
.fa-rss-square:before {
content:"\f143"
}
.fa-play-circle:before {
content:"\f144"
}
.fa-ticket:before {
content:"\f145"
}
.fa-minus-square:before {
content:"\f146"
}
.fa-minus-square-o:before {
content:"\f147"
}
.fa-level-up:before {
content:"\f148"
}
.fa-level-down:before {
content:"\f149"
}
.fa-check-square:before {
content:"\f14a"
}
.fa-pencil-square:before {
content:"\f14b"
}
.fa-external-link-square:before {
content:"\f14c"
}
.fa-share-square:before {
content:"\f14d"
}
.fa-compass:before {
content:"\f14e"
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content:"\f150"
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content:"\f151"
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content:"\f152"
}
.fa-euro:before,
.fa-eur:before {
content:"\f153"
}
.fa-gbp:before {
content:"\f154"
}
.fa-dollar:before,
.fa-usd:before {
content:"\f155"
}
.fa-rupee:before,
.fa-inr:before {
content:"\f156"
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content:"\f157"
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content:"\f158"
}
.fa-won:before,
.fa-krw:before {
content:"\f159"
}
.fa-bitcoin:before,
.fa-btc:before {
content:"\f15a"
}
.fa-file:before {
content:"\f15b"
}
.fa-file-text:before {
content:"\f15c"
}
.fa-sort-alpha-asc:before {
content:"\f15d"
}
.fa-sort-alpha-desc:before {
content:"\f15e"
}
.fa-sort-amount-asc:before {
content:"\f160"
}
.fa-sort-amount-desc:before {
content:"\f161"
}
.fa-sort-numeric-asc:before {
content:"\f162"
}
.fa-sort-numeric-desc:before {
content:"\f163"
}
.fa-thumbs-up:before {
content:"\f164"
}
.fa-thumbs-down:before {
content:"\f165"
}
.fa-youtube-square:before {
content:"\f166"
}
.fa-youtube:before {
content:"\f167"
}
.fa-xing:before {
content:"\f168"
}
.fa-xing-square:before {
content:"\f169"
}
.fa-youtube-play:before {
content:"\f16a"
}
.fa-dropbox:before {
content:"\f16b"
}
.fa-stack-overflow:before {
content:"\f16c"
}
.fa-instagram:before {
content:"\f16d"
}
.fa-flickr:before {
content:"\f16e"
}
.fa-adn:before {
content:"\f170"
}
.fa-bitbucket:before {
content:"\f171"
}
.fa-bitbucket-square:before {
content:"\f172"
}
.fa-tumblr:before {
content:"\f173"
}
.fa-tumblr-square:before {
content:"\f174"
}
.fa-long-arrow-down:before {
content:"\f175"
}
.fa-long-arrow-up:before {
content:"\f176"
}
.fa-long-arrow-left:before {
content:"\f177"
}
.fa-long-arrow-right:before {
content:"\f178"
}
.fa-apple:before {
content:"\f179"
}
.fa-windows:before {
content:"\f17a"
}
.fa-android:before {
content:"\f17b"
}
.fa-linux:before {
content:"\f17c"
}
.fa-dribbble:before {
content:"\f17d"
}
.fa-skype:before {
content:"\f17e"
}
.fa-foursquare:before {
content:"\f180"
}
.fa-trello:before {
content:"\f181"
}
.fa-female:before {
content:"\f182"
}
.fa-male:before {
content:"\f183"
}
.fa-gittip:before,
.fa-gratipay:before {
content:"\f184"
}
.fa-sun-o:before {
content:"\f185"
}
.fa-moon-o:before {
content:"\f186"
}
.fa-archive:before {
content:"\f187"
}
.fa-bug:before {
content:"\f188"
}
.fa-vk:before {
content:"\f189"
}
.fa-weibo:before {
content:"\f18a"
}
.fa-renren:before {
content:"\f18b"
}
.fa-pagelines:before {
content:"\f18c"
}
.fa-stack-exchange:before {
content:"\f18d"
}
.fa-arrow-circle-o-right:before {
content:"\f18e"
}
.fa-arrow-circle-o-left:before {
content:"\f190"
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content:"\f191"
}
.fa-dot-circle-o:before {
content:"\f192"
}
.fa-wheelchair:before {
content:"\f193"
}
.fa-vimeo-square:before {
content:"\f194"
}
.fa-turkish-lira:before,
.fa-try:before {
content:"\f195"
}
.fa-plus-square-o:before {
content:"\f196"
}
.fa-space-shuttle:before {
content:"\f197"
}
.fa-slack:before {
content:"\f198"
}
.fa-envelope-square:before {
content:"\f199"
}
.fa-wordpress:before {
content:"\f19a"
}
.fa-openid:before {
content:"\f19b"
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content:"\f19c"
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content:"\f19d"
}
.fa-yahoo:before {
content:"\f19e"
}
.fa-google:before {
content:"\f1a0"
}
.fa-reddit:before {
content:"\f1a1"
}
.fa-reddit-square:before {
content:"\f1a2"
}
.fa-stumbleupon-circle:before {
content:"\f1a3"
}
.fa-stumbleupon:before {
content:"\f1a4"
}
.fa-delicious:before {
content:"\f1a5"
}
.fa-digg:before {
content:"\f1a6"
}
.fa-pied-piper-pp:before {
content:"\f1a7"
}
.fa-pied-piper-alt:before {
content:"\f1a8"
}
.fa-drupal:before {
content:"\f1a9"
}
.fa-joomla:before {
content:"\f1aa"
}
.fa-language:before {
content:"\f1ab"
}
.fa-fax:before {
content:"\f1ac"
}
.fa-building:before {
content:"\f1ad"
}
.fa-child:before {
content:"\f1ae"
}
.fa-paw:before {
content:"\f1b0"
}
.fa-spoon:before {
content:"\f1b1"
}
.fa-cube:before {
content:"\f1b2"
}
.fa-cubes:before {
content:"\f1b3"
}
.fa-behance:before {
content:"\f1b4"
}
.fa-behance-square:before {
content:"\f1b5"
}
.fa-steam:before {
content:"\f1b6"
}
.fa-steam-square:before {
content:"\f1b7"
}
.fa-recycle:before {
content:"\f1b8"
}
.fa-automobile:before,
.fa-car:before {
content:"\f1b9"
}
.fa-cab:before,
.fa-taxi:before {
content:"\f1ba"
}
.fa-tree:before {
content:"\f1bb"
}
.fa-spotify:before {
content:"\f1bc"
}
.fa-deviantart:before {
content:"\f1bd"
}
.fa-soundcloud:before {
content:"\f1be"
}
.fa-database:before {
content:"\f1c0"
}
.fa-file-pdf-o:before {
content:"\f1c1"
}
.fa-file-word-o:before {
content:"\f1c2"
}
.fa-file-excel-o:before {
content:"\f1c3"
}
.fa-file-powerpoint-o:before {
content:"\f1c4"
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content:"\f1c5"
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content:"\f1c6"
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content:"\f1c7"
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content:"\f1c8"
}
.fa-file-code-o:before {
content:"\f1c9"
}
.fa-vine:before {
content:"\f1ca"
}
.fa-codepen:before {
content:"\f1cb"
}
.fa-jsfiddle:before {
content:"\f1cc"
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content:"\f1cd"
}
.fa-circle-o-notch:before {
content:"\f1ce"
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content:"\f1d0"
}
.fa-ge:before,
.fa-empire:before {
content:"\f1d1"
}
.fa-git-square:before {
content:"\f1d2"
}
.fa-git:before {
content:"\f1d3"
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content:"\f1d4"
}
.fa-tencent-weibo:before {
content:"\f1d5"
}
.fa-qq:before {
content:"\f1d6"
}
.fa-wechat:before,
.fa-weixin:before {
content:"\f1d7"
}
.fa-send:before,
.fa-paper-plane:before {
content:"\f1d8"
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content:"\f1d9"
}
.fa-history:before {
content:"\f1da"
}
.fa-circle-thin:before {
content:"\f1db"
}
.fa-header:before {
content:"\f1dc"
}
.fa-paragraph:before {
content:"\f1dd"
}
.fa-sliders:before {
content:"\f1de"
}
.fa-share-alt:before {
content:"\f1e0"
}
.fa-share-alt-square:before {
content:"\f1e1"
}
.fa-bomb:before {
content:"\f1e2"
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content:"\f1e3"
}
.fa-tty:before {
content:"\f1e4"
}
.fa-binoculars:before {
content:"\f1e5"
}
.fa-plug:before {
content:"\f1e6"
}
.fa-slideshare:before {
content:"\f1e7"
}
.fa-twitch:before {
content:"\f1e8"
}
.fa-yelp:before {
content:"\f1e9"
}
.fa-newspaper-o:before {
content:"\f1ea"
}
.fa-wifi:before {
content:"\f1eb"
}
.fa-calculator:before {
content:"\f1ec"
}
.fa-paypal:before {
content:"\f1ed"
}
.fa-google-wallet:before {
content:"\f1ee"
}
.fa-cc-visa:before {
content:"\f1f0"
}
.fa-cc-mastercard:before {
content:"\f1f1"
}
.fa-cc-discover:before {
content:"\f1f2"
}
.fa-cc-amex:before {
content:"\f1f3"
}
.fa-cc-paypal:before {
content:"\f1f4"
}
.fa-cc-stripe:before {
content:"\f1f5"
}
.fa-bell-slash:before {
content:"\f1f6"
}
.fa-bell-slash-o:before {
content:"\f1f7"
}
.fa-trash:before {
content:"\f1f8"
}
.fa-copyright:before {
content:"\f1f9"
}
.fa-at:before {
content:"\f1fa"
}
.fa-eyedropper:before {
content:"\f1fb"
}
.fa-paint-brush:before {
content:"\f1fc"
}
.fa-birthday-cake:before {
content:"\f1fd"
}
.fa-area-chart:before {
content:"\f1fe"
}
.fa-pie-chart:before {
content:"\f200"
}
.fa-line-chart:before {
content:"\f201"
}
.fa-lastfm:before {
content:"\f202"
}
.fa-lastfm-square:before {
content:"\f203"
}
.fa-toggle-off:before {
content:"\f204"
}
.fa-toggle-on:before {
content:"\f205"
}
.fa-bicycle:before {
content:"\f206"
}
.fa-bus:before {
content:"\f207"
}
.fa-ioxhost:before {
content:"\f208"
}
.fa-angellist:before {
content:"\f209"
}
.fa-cc:before {
content:"\f20a"
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content:"\f20b"
}
.fa-meanpath:before {
content:"\f20c"
}
.fa-buysellads:before {
content:"\f20d"
}
.fa-connectdevelop:before {
content:"\f20e"
}
.fa-dashcube:before {
content:"\f210"
}
.fa-forumbee:before {
content:"\f211"
}
.fa-leanpub:before {
content:"\f212"
}
.fa-sellsy:before {
content:"\f213"
}
.fa-shirtsinbulk:before {
content:"\f214"
}
.fa-simplybuilt:before {
content:"\f215"
}
.fa-skyatlas:before {
content:"\f216"
}
.fa-cart-plus:before {
content:"\f217"
}
.fa-cart-arrow-down:before {
content:"\f218"
}
.fa-diamond:before {
content:"\f219"
}
.fa-ship:before {
content:"\f21a"
}
.fa-user-secret:before {
content:"\f21b"
}
.fa-motorcycle:before {
content:"\f21c"
}
.fa-street-view:before {
content:"\f21d"
}
.fa-heartbeat:before {
content:"\f21e"
}
.fa-venus:before {
content:"\f221"
}
.fa-mars:before {
content:"\f222"
}
.fa-mercury:before {
content:"\f223"
}
.fa-intersex:before,
.fa-transgender:before {
content:"\f224"
}
.fa-transgender-alt:before {
content:"\f225"
}
.fa-venus-double:before {
content:"\f226"
}
.fa-mars-double:before {
content:"\f227"
}
.fa-venus-mars:before {
content:"\f228"
}
.fa-mars-stroke:before {
content:"\f229"
}
.fa-mars-stroke-v:before {
content:"\f22a"
}
.fa-mars-stroke-h:before {
content:"\f22b"
}
.fa-neuter:before {
content:"\f22c"
}
.fa-genderless:before {
content:"\f22d"
}
.fa-facebook-official:before {
content:"\f230"
}
.fa-pinterest-p:before {
content:"\f231"
}
.fa-whatsapp:before {
content:"\f232"
}
.fa-server:before {
content:"\f233"
}
.fa-user-plus:before {
content:"\f234"
}
.fa-user-times:before {
content:"\f235"
}
.fa-hotel:before,
.fa-bed:before {
content:"\f236"
}
.fa-viacoin:before {
content:"\f237"
}
.fa-train:before {
content:"\f238"
}
.fa-subway:before {
content:"\f239"
}
.fa-medium:before {
content:"\f23a"
}
.fa-yc:before,
.fa-y-combinator:before {
content:"\f23b"
}
.fa-optin-monster:before {
content:"\f23c"
}
.fa-opencart:before {
content:"\f23d"
}
.fa-expeditedssl:before {
content:"\f23e"
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content:"\f240"
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content:"\f241"
}
.fa-battery-2:before,
.fa-battery-half:before {
content:"\f242"
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content:"\f243"
}
.fa-battery-0:before,
.fa-battery-empty:before {
content:"\f244"
}
.fa-mouse-pointer:before {
content:"\f245"
}
.fa-i-cursor:before {
content:"\f246"
}
.fa-object-group:before {
content:"\f247"
}
.fa-object-ungroup:before {
content:"\f248"
}
.fa-sticky-note:before {
content:"\f249"
}
.fa-sticky-note-o:before {
content:"\f24a"
}
.fa-cc-jcb:before {
content:"\f24b"
}
.fa-cc-diners-club:before {
content:"\f24c"
}
.fa-clone:before {
content:"\f24d"
}
.fa-balance-scale:before {
content:"\f24e"
}
.fa-hourglass-o:before {
content:"\f250"
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content:"\f251"
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content:"\f252"
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content:"\f253"
}
.fa-hourglass:before {
content:"\f254"
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content:"\f255"
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content:"\f256"
}
.fa-hand-scissors-o:before {
content:"\f257"
}
.fa-hand-lizard-o:before {
content:"\f258"
}
.fa-hand-spock-o:before {
content:"\f259"
}
.fa-hand-pointer-o:before {
content:"\f25a"
}
.fa-hand-peace-o:before {
content:"\f25b"
}
.fa-trademark:before {
content:"\f25c"
}
.fa-registered:before {
content:"\f25d"
}
.fa-creative-commons:before {
content:"\f25e"
}
.fa-gg:before {
content:"\f260"
}
.fa-gg-circle:before {
content:"\f261"
}
.fa-tripadvisor:before {
content:"\f262"
}
.fa-odnoklassniki:before {
content:"\f263"
}
.fa-odnoklassniki-square:before {
content:"\f264"
}
.fa-get-pocket:before {
content:"\f265"
}
.fa-wikipedia-w:before {
content:"\f266"
}
.fa-safari:before {
content:"\f267"
}
.fa-chrome:before {
content:"\f268"
}
.fa-firefox:before {
content:"\f269"
}
.fa-opera:before {
content:"\f26a"
}
.fa-internet-explorer:before {
content:"\f26b"
}
.fa-tv:before,
.fa-television:before {
content:"\f26c"
}
.fa-contao:before {
content:"\f26d"
}
.fa-500px:before {
content:"\f26e"
}
.fa-amazon:before {
content:"\f270"
}
.fa-calendar-plus-o:before {
content:"\f271"
}
.fa-calendar-minus-o:before {
content:"\f272"
}
.fa-calendar-times-o:before {
content:"\f273"
}
.fa-calendar-check-o:before {
content:"\f274"
}
.fa-industry:before {
content:"\f275"
}
.fa-map-pin:before {
content:"\f276"
}
.fa-map-signs:before {
content:"\f277"
}
.fa-map-o:before {
content:"\f278"
}
.fa-map:before {
content:"\f279"
}
.fa-commenting:before {
content:"\f27a"
}
.fa-commenting-o:before {
content:"\f27b"
}
.fa-houzz:before {
content:"\f27c"
}
.fa-vimeo:before {
content:"\f27d"
}
.fa-black-tie:before {
content:"\f27e"
}
.fa-fonticons:before {
content:"\f280"
}
.fa-reddit-alien:before {
content:"\f281"
}
.fa-edge:before {
content:"\f282"
}
.fa-credit-card-alt:before {
content:"\f283"
}
.fa-codiepie:before {
content:"\f284"
}
.fa-modx:before {
content:"\f285"
}
.fa-fort-awesome:before {
content:"\f286"
}
.fa-usb:before {
content:"\f287"
}
.fa-product-hunt:before {
content:"\f288"
}
.fa-mixcloud:before {
content:"\f289"
}
.fa-scribd:before {
content:"\f28a"
}
.fa-pause-circle:before {
content:"\f28b"
}
.fa-pause-circle-o:before {
content:"\f28c"
}
.fa-stop-circle:before {
content:"\f28d"
}
.fa-stop-circle-o:before {
content:"\f28e"
}
.fa-shopping-bag:before {
content:"\f290"
}
.fa-shopping-basket:before {
content:"\f291"
}
.fa-hashtag:before {
content:"\f292"
}
.fa-bluetooth:before {
content:"\f293"
}
.fa-bluetooth-b:before {
content:"\f294"
}
.fa-percent:before {
content:"\f295"
}
.fa-gitlab:before {
content:"\f296"
}
.fa-wpbeginner:before {
content:"\f297"
}
.fa-wpforms:before {
content:"\f298"
}
.fa-envira:before {
content:"\f299"
}
.fa-universal-access:before {
content:"\f29a"
}
.fa-wheelchair-alt:before {
content:"\f29b"
}
.fa-question-circle-o:before {
content:"\f29c"
}
.fa-blind:before {
content:"\f29d"
}
.fa-audio-description:before {
content:"\f29e"
}
.fa-volume-control-phone:before {
content:"\f2a0"
}
.fa-braille:before {
content:"\f2a1"
}
.fa-assistive-listening-systems:before {
content:"\f2a2"
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content:"\f2a3"
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content:"\f2a4"
}
.fa-glide:before {
content:"\f2a5"
}
.fa-glide-g:before {
content:"\f2a6"
}
.fa-signing:before,
.fa-sign-language:before {
content:"\f2a7"
}
.fa-low-vision:before {
content:"\f2a8"
}
.fa-viadeo:before {
content:"\f2a9"
}
.fa-viadeo-square:before {
content:"\f2aa"
}
.fa-snapchat:before {
content:"\f2ab"
}
.fa-snapchat-ghost:before {
content:"\f2ac"
}
.fa-snapchat-square:before {
content:"\f2ad"
}
.fa-pied-piper:before {
content:"\f2ae"
}
.fa-first-order:before {
content:"\f2b0"
}
.fa-yoast:before {
content:"\f2b1"
}
.fa-themeisle:before {
content:"\f2b2"
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content:"\f2b3"
}
.fa-fa:before,
.fa-font-awesome:before {
content:"\f2b4"
}
.fa-handshake-o:before {
content:"\f2b5"
}
.fa-envelope-open:before {
content:"\f2b6"
}
.fa-envelope-open-o:before {
content:"\f2b7"
}
.fa-linode:before {
content:"\f2b8"
}
.fa-address-book:before {
content:"\f2b9"
}
.fa-address-book-o:before {
content:"\f2ba"
}
.fa-vcard:before,
.fa-address-card:before {
content:"\f2bb"
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content:"\f2bc"
}
.fa-user-circle:before {
content:"\f2bd"
}
.fa-user-circle-o:before {
content:"\f2be"
}
.fa-user-o:before {
content:"\f2c0"
}
.fa-id-badge:before {
content:"\f2c1"
}
.fa-drivers-license:before,
.fa-id-card:before {
content:"\f2c2"
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content:"\f2c3"
}
.fa-quora:before {
content:"\f2c4"
}
.fa-free-code-camp:before {
content:"\f2c5"
}
.fa-telegram:before {
content:"\f2c6"
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content:"\f2c7"
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content:"\f2c8"
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content:"\f2c9"
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content:"\f2ca"
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content:"\f2cb"
}
.fa-shower:before {
content:"\f2cc"
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content:"\f2cd"
}
.fa-podcast:before {
content:"\f2ce"
}
.fa-window-maximize:before {
content:"\f2d0"
}
.fa-window-minimize:before {
content:"\f2d1"
}
.fa-window-restore:before {
content:"\f2d2"
}
.fa-times-rectangle:before,
.fa-window-close:before {
content:"\f2d3"
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content:"\f2d4"
}
.fa-bandcamp:before {
content:"\f2d5"
}
.fa-grav:before {
content:"\f2d6"
}
.fa-etsy:before {
content:"\f2d7"
}
.fa-imdb:before {
content:"\f2d8"
}
.fa-ravelry:before {
content:"\f2d9"
}
.fa-eercast:before {
content:"\f2da"
}
.fa-microchip:before {
content:"\f2db"
}
.fa-snowflake-o:before {
content:"\f2dc"
}
.fa-superpowers:before {
content:"\f2dd"
}
.fa-wpexplorer:before {
content:"\f2de"
}
.fa-meetup:before {
content:"\f2e0"
}
.sr-only {
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0, 0, 0, 0);
border:0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position:static;
width:auto;
height:auto;
margin:0;
overflow:visible;
clip:auto
}
@charset "UTF-8";
/*
Theme Name: ColorMag
Theme URI: https://themegrill.com/themes/colormag/
Author: ThemeGrill
Author URI: https://themegrill.com
Description: ColorMag is always the best choice when it comes to magazine, news, and blog WordPress themes. You can create elegant and modern websites for news portals, online magazines, and publishing sites. With ColorMag’s 8 and counting free starter demos for health, food, entertainment, sports, and fashion industries, building a magazine style website is super easy. Best of all, the ColorMag WordPress theme offers multiple ad spaces in its layout. So, you can monetize your website by displaying ads in these slots without any fuss. And if you plan to sell products and services online, you can rely on the theme’s compatibility with WooCommerce. Some of its key features are: >> SEO Optimized >> Translation & RTL Ready >> Cross-browser Compatible >> Custom Widgets >> Responsive Design >> Sticky Menu. So, download the free ColorMag theme and create professional magazine websites quickly. You can get free support for ColorMag at https://themegrill.com/contact/ and check our demos at https://themegrilldemos.com/colormag/
Version: 2.1.8
Tested up to: 5.5
Requires PHP: 5.6
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: one-column, two-columns, right-sidebar, left-sidebar, flexible-header, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, post-formats, footer-widgets, blog, e-commerce, news, rtl-language-support
Text Domain: colormag
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
/* Import Fonts.
--------------------------------------------- */
/* Fonts.
--------------------------------------------- */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-Bold.woff) format("woff");
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-BoldItalic.woff) format("woff");
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-ExtraBold.woff) format("woff");
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-ExtraBoldItalic.woff) format("woff");
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-Italic.woff) format("woff");
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-Light.woff) format("woff");
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-LightItalic.woff) format("woff");
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-Medium.woff) format("woff");
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 500;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-MediumItalic.woff) format("woff");
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-Regular.woff) format("woff");
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-SemiBold.woff) format("woff");
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-SemiBoldItalic.woff) format("woff");
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: fallback;
src: url(assets/fonts/OpenSans-VariableFont.woff) format("woff");
}
/*--------------------------------------------------------------
# Abstracts
--------------------------------------------------------------*/
/* Import variables and mixins.
--------------------------------------------- */
body {
--color--light--primary: #9bc8da;
--color--primary: #289dcc;
--color--text--main: #333333;
--color-gray--six: #888888;
}
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*--------------------------------------------------------------
1.0 Reset browser defaults.
---------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
overflow-y: scroll;
/* Keeps page centred in all browsers regardless of content height */
-webkit-text-size-adjust: 100%;
/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%;
/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table {
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
th, td, .wp-block-table th, .wp-block-table td {
border: 1px solid #eaeaea;
padding: 6px 10px;
}
caption, th, td {
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
outline: 0;
}
a img {
border: 0;
}
embed, iframe, object {
max-width: 100%;
}
/* Superscript and Subscript.
--------------------------------------------- */
sup, sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
padding-bottom: 18px;
color: #333333;
font-weight: normal;
font-family: "Open Sans", sans-serif;
}
h1 {
font-size: 36px;
line-height: 1.2;
}
h2 {
font-size: 32px;
line-height: 1.2;
}
h3 {
font-size: 28px;
line-height: 1.2;
}
h4 {
font-size: 24px;
line-height: 1.2;
}
h5 {
font-size: 22px;
line-height: 1.2;
}
h6 {
font-size: 18px;
line-height: 1.2;
}
body,
button,
input,
select,
textarea {
color: #444444;
font-size: 16px;
font-family: "Open Sans", serif;
line-height: 1.6;
word-wrap: break-word;
}
p {
line-height: 1.6;
margin-bottom: 15px;
}
strong {
font-weight: bold;
}
cite,
em,
i {
font-style: italic;
}
pre {
background-color: #fff;
margin-bottom: 20px;
overflow: auto;
padding: 20px;
border: 1px solid #eaeaea;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
line-height: 1.4;
white-space: pre-wrap;
}
code,
kbd,
var,
samp,
tt {
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
line-height: 1.4;
white-space: pre-wrap;
}
abbr,
acronym,
dfn {
border-bottom: 1px dotted #777777;
cursor: help;
}
address {
display: block;
font-style: italic;
margin: 0 0 15px;
}
ins {
background: #f8f8f8;
}
hr,
.wp-block-separator {
background-color: #eaeaea;
border: 0;
height: 1px;
margin: 30px 0;
}
dl {
font-size: 16px;
}
dt {
font-weight: bold;
margin-bottom: 5px;
}
dd {
margin-bottom: 24px;
}
/* Elements
--------------------------------------------- */
/**
* Links.
*/
a {
color: #289dcc;
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a:focus, a:active, a:hover {
text-decoration: none;
}
/**
* Container.
*/
.inner-wrap {
margin: 0 auto;
max-width: 1140px;
}
/**
* Columns.
*/
/* 2 Columns. */
.tg-one-half {
float: left;
width: 48.684210%;
margin: 0 2.631579% 0 0;
padding: 0 0 30px;
}
.tg-one-half-last {
float: right;
margin: 0;
}
/**
* Body.
*/
body {
background-color: #eaeaea;
padding-top: 10px;
padding-bottom: 10px;
background-size: cover;
}
/**
* List.
*/
ul {
list-style: none;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin: 0 0 0 10px;
}
/**
* Media.
*/
figure {
margin: 0;
text-align: center;
}
img {
max-width: 100%;
height: auto;
vertical-align: top;
margin-bottom: 18px;
}
.entry-content img,
.comment-content img,
.widget img {
max-width: 100%;
/* Fluid images for posts, comments, and widgets */
}
img.size-full, img.size-large {
max-width: 100%;
height: auto;
}
img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 1.625em;
}
a img {
border: 0;
}
img#wpstats {
display: none;
}
.entry-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Captions. */
.wp-caption {
border: 1px solid #cccccc;
margin-bottom: 1.5rem;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
#colophon .wp-caption {
border: 1px solid #444444;
}
.wp-caption .wp-caption-text {
margin: 0.8075rem 0;
}
.wp-caption-text {
text-align: center;
}
/* WordPress Gallery Support. */
.gallery {
margin: 0 auto 15px;
}
.gallery .gallery-caption {
font-size: 12px;
line-height: 1.2;
padding-top: 5px;
}
.gallery-item {
display: inline-block;
padding: 15px 2%;
text-align: center;
vertical-align: top;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item {
padding: 15px 1%;
}
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
padding: 10px 0.5%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
/**
* Table.
*/
table {
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 1.5em;
width: 100%;
}
table th {
font-weight: bold;
}
table th,
table td {
border: 1px solid #eaeaea;
padding: 6px 10px;
}
table caption,
table th,
table td {
text-align: left;
}
/**
* Fields.
*/
input,
textarea {
-webkit-border-radius: 0;
}
input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="url"] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="url"]:focus {
border: 1px solid #eaeaea;
}
input[type="reset"], input[type="button"], input[type="submit"] {
margin-bottom: 30px;
padding: 5px 10px;
background-color: #289dcc;
border: 0;
-webkit-transition: background-color 0.3s linear 0s;
transition: background-color 0.3s linear 0s;
border-radius: 3px;
font-size: 16px;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
cursor: pointer;
display: inline-block;
color: #fff;
}
input[type="reset"]:active, input[type="button"]:active, input[type="submit"]:active {
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
background-color: #33363b;
}
input[type="text"], input[type="email"], input[type="password"], input[type="url"] {
padding: 1%;
border: 1px solid #eaeaea;
line-height: 20px;
width: 95%;
margin: 0 0 30px;
background-color: #f8f8f8;
border-radius: 3px;
}
input.s {
width: 85%;
padding: 4px 54px 4px 10px;
height: 45px;
color: #777777;
background-color: #fff;
margin: 0;
border: 1px solid #eaeaea;
}
input.s:focus {
padding-left: 10px;
border-color: #eaeaea;
text-indent: 0;
}
textarea {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
padding: 1%;
border: 1px solid #eaeaea;
line-height: 20px;
width: 95%;
margin: 0 0 30px;
background-color: #f8f8f8;
border-radius: 3px;
}
textarea:focus {
border: 1px solid #eaeaea;
}
.colormag-button {
margin-bottom: 30px;
padding: 5px 10px;
background-color: #289dcc;
border: 0;
-webkit-transition: background-color 0.3s linear 0s;
transition: background-color 0.3s linear 0s;
border-radius: 3px;
font-size: 16px;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
cursor: pointer;
display: inline-block;
color: #fff;
}
.colormag-button:hover {
background-color: #33363b;
}
button {
padding: 5px 10px;
background-color: #289dcc;
border: 0;
-webkit-transition: background-color 0.3s linear 0s;
transition: background-color 0.3s linear 0s;
border-radius: 3px;
font-size: 16px;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
cursor: pointer;
display: inline-block;
color: #fff;
}
button:hover {
background-color: #33363b;
}
#search-form input[type="submit"] {
border-radius: 0;
margin-left: -8px;
margin-bottom: 0;
padding: 6px 10px 5px;
font-size: 18px;
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
.breaking-news,
.top-bar-menu,
.social-links {
margin-top: 10px;
}
@media screen and (min-width: 992px) {
.top-bar-menu,
.social-links {
margin-top: 0;
}
}
.breaking-news {
background-color: #EBEBEC;
line-height: 20px;
padding-left: 8px;
padding-right: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
word-wrap: break-word;
font-size: 14px;
}
.breaking-news div {
display: inline-block;
word-wrap: break-word;
}
@media screen and (min-width: 768px) {
.breaking-news {
margin-top: 0;
}
}
.breaking-news-latest {
color: #555555;
position: relative;
}
.newsticker {
max-width: 240px;
overflow: hidden;
margin-left: 4px;
height: 20px;
}
.date-in-header {
color: #555555;
text-align: center;
}
/* Primary Menu.
--------------------------------------------- */
nav li > ul, nav li > ol {
margin: 0;
list-style: none;
}
#site-navigation {
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
position: relative;
background-color: #232323;
border-top: 4px solid #289dcc;
z-index: 999;
}
#site-navigation .inner-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home-icon .fa {
color: #fff;
font-size: 26px;
}
.home-icon.front_page_on {
background-color: #289dcc;
}
.sticky-wrapper.is-sticky .main-navigation .home-icon a, .sticky-wrapper .main-navigation .home-icon a {
padding: 7px 10px;
}
.main-navigation .home-icon a {
padding: 7px 10px;
}
.main-small-navigation .home-icon a {
padding: 7px 10px;
}
.main-navigation {
width: 100%;
text-align: center;
}
.main-navigation li {
float: left;
position: relative;
font-family: "Open Sans", serif;
font-weight: 300;
}
.main-navigation a {
color: #fff;
display: block;
float: none;
font-size: 14px;
font-weight: 600;
padding: 10px 12px;
text-transform: uppercase;
}
.main-navigation li.default-menu {
display: none;
}
li.default-menu {
display: none;
}
.main-navigation a:hover {
color: #fff;
}
.main-navigation ul li.current-menu-item a {
color: #fff;
}
.main-navigation ul li.current-menu-item a::after {
color: #fff;
}
.main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover > a {
color: #fff;
}
.main-navigation li.menu-item-has-children:hover > a::after {
color: #fff;
}
.main-navigation a:hover {
background-color: #289dcc;
}
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_ancestor > a, .main-navigation ul li.current-menu-ancestor > a, .main-navigation ul li.current_page_item > a, .main-navigation ul li:hover > a, .main-navigation ul li.focus > a {
background-color: #289dcc;
}
.main-navigation li.menu-item-has-children > a::after, .main-navigation li li.menu-item-has-children > a::after, .main-navigation li.page_item_has_children > a::after, .main-navigation li li.page_item_has_children > a::after {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #fff;
font-size: inherit;
padding-left: 6px;
}
.main-navigation li.menu-item-has-children > a::after, .main-navigation li.page_item_has_children > a::after {
content: "\f107";
color: #fff;
}
.main-navigation li li.menu-item-has-children > a::after, .main-navigation li li.page_item_has_children > a::after {
content: "\f105";
position: absolute;
right: 8px;
}
.sub-toggle {
display: none;
}
/* Primary Menu: Dropdown.
--------------------------------------------- */
.main-navigation .sub-menu,
.main-navigation .children {
background-color: #232323;
}
.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul li.focus ul ul {
left: -99999px;
z-index: 100;
}
.main-navigation ul li.focus > ul {
display: block;
}
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul li.focus ul ul {
left: -99999px;
z-index: 100;
}
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
left: -99999px;
z-index: 100;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation ul ul ul li:hover > ul,
.main-navigation ul ul ul li.focus > ul {
left: 100%;
}
.main-navigation ul ul ul ul li:hover > ul,
.main-navigation ul ul ul ul ul li:hover > ul,
.main-navigation ul ul ul ul li.focus > ul,
.main-navigation ul ul ul ul ul li.focus > ul {
left: 100%;
}
.main-navigation ul li ul {
position: absolute;
width: 200px;
top: 100%;
}
.main-navigation ul li ul li {
float: none;
}
.main-navigation ul li ul li a {
border-top: none;
float: none;
font-size: 14px;
height: 100%;
padding: 10px 15px;
color: #fff;
display: block;
text-align: left;
text-transform: none;
}
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
float: none;
font-size: 14px;
height: 100%;
padding: 10px 15px;
color: #fff;
text-align: left;
text-transform: none;
}
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a {
color: #fff;
background-color: #289dcc;
}
.main-navigation ul li.current-menu-item ul li a:hover {
color: #fff;
background-color: #289dcc;
}
.main-navigation ul li ul li ul {
left: 200px;
top: 0;
}
.main-navigation select {
display: none;
}
/* Toggle Menu.
--------------------------------------------- */
.menu-toggle, .top-menu-toggle {
display: none;
cursor: pointer;
}
.site-header .menu-toggle {
color: #fff;
margin: 0;
text-align: center;
font-family: "Open Sans", serif;
padding-bottom: 0;
line-height: 1.2;
}
.site-header .menu-toggle:hover {
background-color: #289dcc;
}
.site-header .menu-toggle::before {
content: "\f0c9";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
font-size: 22px;
color: #fff;
padding: 8px 12px;
display: block;
}
.main-small-navigation {
float: none;
}
.main-small-navigation .menu-primary-container {
width: 100%;
position: absolute;
top: 100%;
}
.main-small-navigation .menu-primary-container > ul,
.main-small-navigation .menu > ul {
width: 100%;
}
.main-small-navigation ul {
margin: 0;
list-style: none;
}
.main-small-navigation a {
display: block;
font-size: 14px;
color: #333333;
padding: 10px 20px;
text-decoration: none;
text-transform: uppercase;
}
.main-small-navigation .random-post a {
padding: 10px 12px;
border-bottom: none;
}
.main-small-navigation li {
background-color: #fff;
position: relative;
}
.main-small-navigation li a:hover {
background-color: #289dcc;
color: #fff;
}
.main-small-navigation ul ul a {
padding-left: 45px;
text-transform: none;
}
.main-small-navigation ul ul ul a {
padding-left: 90px;
}
.main-small-navigation .current_page_item > a, .main-small-navigation .current-menu-item > a {
background: #289dcc;
color: #fff;
}
/* Navigation.
--------------------------------------------- */
.default-wp-page {
clear: both;
margin-top: 30px;
}
.default-wp-page .previous {
float: left;
padding: 30px 0;
}
.default-wp-page .next {
float: right;
padding: 30px 0;
}
.previous a, .next a {
padding: 5px 0;
cursor: pointer;
font-size: 18px;
}
.previous a:hover, .next a:hover {
color: #289dcc;
text-decoration: underline;
}
/* Pagination.
--------------------------------------------- */
.pagination {
margin: 15px 0;
}
.pagination span {
padding: 2px 5px;
border: 1px solid #eaeaea;
background-color: #289dcc;
color: #ffffff;
}
.pagination a span {
background-color: #ffffff;
color: #777777;
}
.pagination a span:hover {
color: #289dcc;
border-color: #289dcc;
text-decoration: none;
}
/*--------------------------------------------------------------
Styles for separating single posts loaded from ajax call.
--------------------------------------------------------------*/
.tg-autoload-posts #comments.comments-area {
border-top: 1px solid transparent;
padding: 0;
}
/* Social Icons.
--------------------------------------------- */
.fa {
font-size: 22px;
color: #cccccc;
}
.social-links ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.social-links li {
margin-left: 16px;
}
.social-links li:first-child {
margin-left: 0;
}
.social-links a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 20px;
height: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.social-links .fa {
text-align: center;
-webkit-transition: color 0.2s ease-out 0s;
transition: color 0.2s ease-out 0s;
font-size: 18px;
}
.social-links .fa:hover {
color: #289dcc;
}
.social-links .fa-twitter {
color: #1bb2e9;
}
.social-links .fa-facebook {
color: #3b5a9b;
}
.social-links .fa-youtube {
color: #ed3f41;
}
.social-links .fa-vimeo-square {
color: #44bbff;
}
.social-links .fa-skype {
color: #009cef;
}
.social-links .fa-linkedin {
color: #007bb6;
}
.social-links .fa-google-plus {
color: #dc4937;
}
.social-links .fa-github {
color: #4183c4;
}
.social-links .fa-flickr {
color: #0062dd;
}
.social-links .fa-dribbble {
color: #e24d87;
}
.social-links .fa-instagram {
color: #3f729b;
}
.social-links .fa-pinterest {
color: #d5282e;
}
.social-links .fa-stumbleupon {
color: #ec4823;
}
.social-links .fa-tumblr {
color: #455469;
}
.social-links .fa-wordpress {
color: #21759b;
}
.social-links .fa-codepen {
color: #cccccc;
}
.social-links .fa-digg {
color: #14589e;
}
.social-links .fa-reddit {
color: #ff4500;
}
.social-links .fa-xing {
color: #026466;
}
.social-links .fa-vk {
color: #45668e;
}
.social-links .fa-weibo {
color: #e6162d;
}
.social-links .fa-leanpub {
color: #000;
}
.social-links .fa-renren {
color: #237bc2;
}
.social-links .fa-rss {
color: #f26522;
}
.social-links .fa-soundcloud {
color: #ff3a00;
}
.social-links .fa-vine {
color: #00bf8f;
}
.social-links .fa-delicious {
color: #2a96ff;
}
.search-random-icons-container .social-links {
float: left;
}
.search-random-icons-container .social-links a {
padding: 10px 2px;
}
.search-random-icons-container .social-links a:hover {
color: #81d742;
}
.search-random-icons-container .social-links ul li {
display: inline-block;
background: unset;
}
/* Search.
--------------------------------------------- */
.search-random-icons-container {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#masthead .search-wrap input.s {
width: 200px;
}
.fa.search-top {
color: #ffffff;
cursor: pointer;
font-size: 21px;
padding: 10px 12px;
}
.fa.search-top:hover {
background-color: #289dcc;
}
.search-wrap {
position: relative;
}
.search-wrap button {
border-radius: 0;
color: #fff;
line-height: 45px;
margin-bottom: 0;
padding: 0 15px;
margin-left: -5px;
margin-top: 1px;
}
.search-icon::before {
content: "\f002";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #fff;
font-size: 18px;
}
.search-form-top {
border: 1px solid #eaeaea;
display: none;
padding: 10px;
position: absolute;
right: 0;
top: 44px;
z-index: 9999;
background-color: #fff;
}
.search-form-top.show {
display: block;
}
.not-found .search-wrap button {
right: 175px;
}
#secondary .search-wrap button {
right: 26px;
}
/* Random Posts Icon.
--------------------------------------------- */
.random-post {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.random-post .fa-random {
color: #fff;
font-size: 20px;
vertical-align: middle;
}
.main-navigation .random-post a {
border-bottom: medium none;
padding: 10px 12px;
}
/* Header Media.
--------------------------------------------- */
div.wp-custom-header {
position: relative;
}
iframe#wp-custom-header-video {
width: 100%;
}
video#wp-custom-header-video {
display: block;
margin: 0 auto;
overflow: hidden;
max-width: 100%;
height: auto;
}
.wp-custom-header-video-button {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 62px;
height: 50px;
font: 0/0 a;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
div#wp-custom-header:hover .wp-custom-header-video-button {
visibility: visible;
opacity: 1;
}
.wp-custom-header-video-button::before {
content: "\f04b";
display: block;
font-family: FontAwesome;
font-size: 20px;
}
.wp-custom-header-video-button.wp-custom-header-video-pause::before {
content: "\f04c";
}
/* Front Page Widget Areas.
--------------------------------------------- */
.widget_slider_area {
float: left;
width: 55.26315789%;
}
.widget_beside_slider {
float: right;
width: 43.85964912%;
}
.widget_slider_area .widget-title,
.widget_beside_slider .widget-title {
border-bottom: 2px solid #289dcc;
font-size: 18px;
margin-bottom: 15px;
padding-bottom: 0;
}
.widget_slider_area .widget-title span,
.widget_beside_slider .widget-title span {
background-color: #289dcc;
color: #fff;
padding: 6px 12px;
display: inline-block;
}
.view-all-link {
display: inline-block;
font-size: 12px;
height: 30px;
line-height: 30px;
text-align: center;
width: 100px;
float: right;
color: #fff;
font-weight: 600;
background-color: #000000;
}
#primary .view-all-link span {
background: transparent;
}
/* All Related to Featured Posts Widget.
--------------------------------------------- */
.posted-on a, .byline a {
color: #888888;
}
.reading-time {
color: #888888;
font-size: 12px;
padding-right: 10px;
}
.reading-time::before {
content: "\f251";
font-family: FontAwesome;
font-size: 11px;
padding-right: 5px;
}
.comments {
padding-right: 10px;
}
.comments a, .comments span {
color: #888888;
}
.tag-links a, .edit-link a {
color: #888888;
}
.posted-on a:hover, .byline a:hover, .comments a:hover, .tag-links a:hover, .edit-link a:hover {
color: #289dcc;
}
.widget_featured_posts {
margin-bottom: 30px;
}
.widget_featured_posts .article-content .above-entry-meta .cat-links a {
background-color: #289dcc;
border-radius: 3px;
color: #fff;
font-size: 12px;
padding: 3px 10px;
line-height: 1.37;
display: inline-block;
}
.widget_featured_posts .article-content .entry-title {
padding: 10px 0 0;
font-size: 22px;
}
.widget_featured_posts .article-content .entry-title a {
color: #232323;
text-shadow: none;
}
.widget_featured_posts .article-content .entry-title a:hover {
color: #289dcc;
}
.widget_featured_posts .article-content .below-entry-meta .posted-on, .widget_featured_posts .article-content .below-entry-meta .byline {
padding-right: 10px;
}
.widget_featured_posts .article-content .below-entry-meta .posted-on .fa {
color: #888888;
font-size: 10px;
padding-right: 3px;
}
.widget_featured_posts .article-content .below-entry-meta .byline .fa, .widget_featured_posts .article-content .below-entry-meta .comments .fa {
color: #888888;
padding-right: 5px;
font-size: 11px;
}
.widget_featured_posts .article-content .below-entry-meta .posted-on a, .widget_featured_posts .article-content .below-entry-meta .byline a {
font-size: 12px;
}
.widget_featured_posts .article-content .below-entry-meta .comments a, .widget_featured_posts .article-content .below-entry-meta .comments span {
font-size: 12px;
}
.widget_featured_posts .widget-title {
border-bottom: 2px solid #289dcc;
font-size: 18px;
margin-bottom: 15px;
padding-bottom: 0;
}
.widget_featured_posts .widget-title span {
background-color: #289dcc;
color: #fff;
padding: 6px 12px;
display: inline-block;
}
.widget_featured_posts img {
margin-bottom: 18px;
}
.widget_featured_posts .first-post {
float: left;
width: 48.70129870%;
margin-bottom: 20px;
}
.widget_featured_posts .first-post figure {
position: relative;
}
.widget_featured_posts .following-post {
float: right;
width: 48.70129870%;
}
.widget_featured_posts .following-post .byline {
display: none;
}
.widget_featured_posts.widget_featured_posts_vertical .first-post, .widget_featured_posts.widget_featured_posts_vertical .following-post {
float: none;
width: 100%;
}
.widget_featured_posts .single-article {
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.widget_featured_posts .article-content {
padding: 0 15px 5px;
}
.widget_featured_posts .article-content .below-entry-meta {
margin-bottom: 12px;
}
.widget_featured_posts .article-content .entry-content p {
font-size: 14px;
}
.widget_featured_posts .following-post .single-article {
margin-bottom: 15px;
}
.widget_featured_posts .following-post figure {
float: left;
margin-right: 10px;
position: relative;
}
.widget_featured_posts.widget_featured_meta .following-post .single-article figure {
float: left;
margin-right: 10px;
}
#secondary .widget_featured_posts .following-post .article-content .entry-title,
#colophon .widget_featured_posts .following-post .article-content .entry-title {
font-size: 14px;
line-height: 1.4;
}
.widget_featured_posts .following-post .article-content .entry-title {
font-size: 18px;
}
.widget_featured_posts .following-post .article-content .below-entry-meta {
margin-bottom: 0;
}
.widget_featured_posts .following-post .article-content .below-entry-meta .posted-on a, .widget_featured_posts .following-post .article-content .below-entry-meta .byline a {
font-size: 11px;
}
.widget_featured_posts .following-post img {
margin-bottom: 0;
}
.widget_featured_posts .following-post .above-entry-meta {
display: none;
}
/* Category Slider Widget.
--------------------------------------------- */
.rtl .bx-wrapper {
direction: rtl;
}
.widget_featured_slider {
margin-bottom: 30px;
}
.widget_slider_area .widget_featured_slider {
margin-bottom: 0;
}
.widget_featured_slider {
margin-bottom: 10px;
}
.tg-full-width.inner-wrap {
max-width: 100%;
padding: 0 15px;
}
.tg-full-width .home #main {
padding-top: 0;
}
.widget_featured_slider_inner_wrap {
position: relative;
}
.widget_featured_slider .single-slide {
position: relative;
}
.widget_featured_slider img {
margin-bottom: 0;
}
.widget_featured_slider .single-post .bx-controls-direction {
display: none;
}
.widget_featured_slider .slide-content {
position: absolute;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
padding-bottom: 20px;
padding-left: 5%;
position: absolute;
width: 100%;
text-align: left;
}
.widget_featured_slider .slide-content .above-entry-meta .cat-links a {
background-color: #289dcc;
border-radius: 3px;
color: #fff;
font-size: 12px;
padding: 3px 10px;
}
.widget_featured_slider .slide-content .entry-title {
padding: 10px 0 0;
font-size: 22px;
}
.widget_featured_slider .slide-content .entry-title a {
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.widget_featured_slider .slide-content .entry-title a:hover {
color: #289dcc;
}
.widget_featured_slider .slide-content .below-entry-meta .posted-on, .widget_featured_slider .slide-content .below-entry-meta .byline {
padding-right: 10px;
}
.widget_featured_slider .slide-content .below-entry-meta .posted-on .fa {
color: #fff;
font-size: 10px;
padding-right: 3px;
}
.widget_featured_slider .slide-content .below-entry-meta .byline .fa, .widget_featured_slider .slide-content .below-entry-meta .comments .fa {
color: #fff;
padding-right: 5px;
font-size: 11px;
}
.widget_featured_slider .slide-content .below-entry-meta .posted-on a, .widget_featured_slider .slide-content .below-entry-meta .byline a, .widget_featured_slider .slide-content .below-entry-meta .reading-time {
color: #fff;
font-size: 12px;
}
.widget_featured_slider .slide-content .below-entry-meta .comments a, .widget_featured_slider .slide-content .below-entry-meta .comments span {
color: #fff;
font-size: 12px;
}
.widget_featured_slider .slide-content .below-entry-meta .posted-on a:hover, .widget_featured_slider .slide-content .below-entry-meta .byline a:hover, .widget_featured_slider .slide-content .below-entry-meta .comments a:hover {
color: #289dcc;
}
/* Highlighted posts widget.
--------------------------------------------- */
.widget_highlighted_posts {
margin-bottom: 20px;
}
.widget_beside_slider .widget_highlighted_posts {
margin-bottom: 0;
}
.widget_highlighted_posts .single-article {
position: relative;
float: left;
margin-bottom: 10px;
margin-right: 2%;
max-width: 49%;
}
.widget_highlighted_posts .single-article:nth-child(even) {
margin-right: 0;
}
.widget_highlighted_posts img {
margin-bottom: 0;
}
.widget_highlighted_posts .article-content {
position: absolute;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
padding-bottom: 10px;
padding-left: 5%;
position: absolute;
width: 100%;
}
.widget_highlighted_posts .above-entry-meta {
display: none;
}
.widget_highlighted_posts .article-content .above-entry-meta .cat-links a {
background-color: #289dcc;
border-radius: 3px;
color: #fff;
font-size: 12px;
padding: 3px 10px;
}
.widget_highlighted_posts .article-content .entry-title {
padding: 10px 0 0;
font-size: 16px;
}
.widget_highlighted_posts .article-content .entry-title a {
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.widget_highlighted_posts .article-content .entry-title a:hover {
color: #289dcc;
}
.widget_highlighted_posts .article-content .below-entry-meta .posted-on {
padding-right: 10px;
}
.widget_highlighted_posts .article-content .below-entry-meta .byline {
padding-right: 10px;
display: none;
}
.widget_highlighted_posts .article-content .below-entry-meta .posted-on .fa {
color: #fff;
font-size: 10px;
padding-right: 3px;
}
.widget_highlighted_posts .article-content .below-entry-meta .byline .fa, .widget_highlighted_posts .article-content .below-entry-meta .comments .fa {
color: #fff;
padding-right: 5px;
font-size: 11px;
}
.widget_highlighted_posts .article-content .below-entry-meta .posted-on a, .widget_highlighted_posts .article-content .below-entry-meta .byline a, .widget_highlighted_posts .article-content .below-entry-meta .reading-time {
color: #ffffff;
font-size: 11px;
}
.widget_highlighted_posts .article-content .below-entry-meta .comments a, .widget_highlighted_posts .article-content .below-entry-meta .comments span {
color: #ffffff;
font-size: 11px;
}
.widget_highlighted_posts .article-content .below-entry-meta .posted-on a:hover, .widget_highlighted_posts .article-content .below-entry-meta .byline a:hover, .widget_highlighted_posts .article-content .below-entry-meta .comments a:hover {
color: #289dcc;
}
.widget_highlighted_posts .widget-title {
color: #555555;
font-size: 24px;
}
#primary .widget-title {
border-bottom: 2px solid #289dcc;
font-size: 18px;
margin-bottom: 15px;
padding-bottom: 0;
}
#primary .widget-title span {
background-color: #289dcc;
color: #fff;
padding: 6px 12px;
display: inline-block;
}
/* Slider widget NEXT PREVIOUS buttons.
--------------------------------------------- */
.slide-prev, .slide-next {
opacity: 0.7;
filter: alpha(opacity=70);
background-color: #289dcc;
position: absolute;
top: 50%;
/* IE 9 */
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
border-radius: 3px;
}
.slide-prev {
margin-left: 20px;
}
.slide-next {
right: 0;
margin-right: 20px;
}
.slide-prev:hover, .slide-next:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.slide-next i, .slide-prev i, .category-slide-next i, .category-slide-prev i {
color: #ffffff;
font-size: 22px;
padding: 3px 10px;
vertical-align: text-bottom;
}
/* Random Posts Widget.
--------------------------------------------- */
.random_posts_widget_inner_wrap {
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.thumbnail-slider {
padding: 4px 0;
border: 1px solid #eaeaea;
position: relative;
}
.thumbnail-slider a {
display: inline-block;
text-align: center;
width: 20%;
}
.thumbnail-slider .title {
display: none;
}
i.fa-arrow-up, i.fa-arrow-down {
padding: 10px;
color: #289dcc;
width: 94%;
text-align: center;
cursor: pointer;
}
/* Ajax popup CSS in ticker news widget */
.mfp-content #content {
background: #fff;
max-width: 50%;
margin: 0 auto;
border-radius: 5px;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
/* Advertisement Widget.
--------------------------------------------- */
.advertisement_125x125 img {
margin-bottom: 8px;
padding: 0 2px;
}
.advertisement_300x250 img {
margin: 0 auto;
display: block;
}
#header-right-section .advertisement_728x90 {
margin-bottom: 0;
padding: 0;
}
#header-right-section .advertisement_728x90 img {
padding: 0;
}
.advertisement_728x90 {
padding: 15px 0 45px;
display: block;
}
.advertisement_728x90 img {
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
padding: 10px;
display: block;
margin: 0 auto;
}
.advertisement-content {
text-align: center;
}
.advertisement_below_post_title {
float: left;
width: 300px;
margin-right: 10px;
}
/* Widgets General CSS.
--------------------------------------------- */
.fitvids-video .video {
margin-bottom: 10px;
}
#secondary .widget ul li,
#tertiary .widget ul li {
line-height: 1.5;
padding: 5px 0;
}
#colophon .widget ul li {
line-height: 1.5;
padding: 5px 0;
border-bottom: 1px solid #444;
}
#secondary .widget ul li li,
#colophon .widget ul li li,
#tertiary .widget ul li li {
border-bottom: none;
}
#secondary .widget ul ul,
#colophon .widget ul ul,
#tertiary .widget ul ul {
padding-left: 10px;
}
.widget select {
border: 1px solid #dddddd;
color: #777777;
padding: 2px;
width: 60%;
}
#secondary .widget-title,
#tertiary .widget-title {
border-bottom: 2px solid #289dcc;
font-size: 18px;
margin-bottom: 15px;
padding-bottom: 0;
}
#secondary .widget-title span,
#tertiary .widget-title span {
background-color: #289dcc;
color: #fff;
padding: 6px 12px;
display: inline-block;
}
#secondary .widget-title span .rsswidget,
#tertiary .widget-title span .rsswidget {
color: #fff;
}
#secondary .widget-title span .rsswidget img,
#tertiary .widget-title span .rsswidget img {
margin-top: 5px;
margin-bottom: 0;
}
#secondary .widget-title span .rsswidget:hover,
#tertiary .widget-title span .rsswidget:hover {
text-decoration: none;
}
#secondary .widget,
#tertiary .widget {
margin-bottom: 35px;
font-size: 14px;
}
.error-404 .widget {
margin-bottom: 35px;
font-size: 14px;
background-color: #ffffff;
}
#secondary .widget p,
#tertiary .widget p {
font-size: 14px;
}
#secondary a:hover,
#tertiary a:hover {
text-decoration: underline;
}
.error-404 {
padding-bottom: 20px;
text-align: center;
}
.error-404 input.s {
width: 50%;
}
/* Comments.
--------------------------------------------- */
#comments {
border-top: 1px solid #f8f8f8;
padding-top: 15px;
}
#comments i {
font-size: 16px;
color: #aaaaaa;
padding-right: 10px;
}
.comments-title {
font-size: 24px;
}
.comment-content a {
word-wrap: break-word;
}
.comment-navigation {
margin-bottom: 15px;
}
.bypostauthor {
display: block;
}
#comments .comments-title {
margin-bottom: 10px;
}
.avatar {
border-radius: 50%;
float: left;
}
.comments-area article header {
margin: 0 0 5px;
overflow: hidden;
position: relative;
}
.comments-area .comment-edit-link, .comments-area .comment-permalink, .comments-area .comment-date-time, .comments-area .comment-author-link {
display: block;
margin-left: 100px;
color: #999999;
}
#content .comments-area article header cite a:hover {
color: #289dcc;
}
#content .comments-area a.comment-edit-link:hover, #content .comments-area a.comment-permalink:hover {
color: #289dcc;
}
.comments-area .comment-author-link a {
color: #999999;
}
.comments-area .comment-author-link a:hover {
color: #289dcc;
}
.comments-area .comment-author-link span {
margin-left: 10px;
padding: 0 5px;
background-color: #289dcc;
color: #ffffff;
border-radius: 3px;
}
.comments-area article header .comment-edit-link::before {
content: "\f044";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #aaaaaa;
font-size: 16px;
padding-right: 10px;
}
.comment-content {
padding: 15px 15px 25px;
background-color: #f8f8f8;
border: 1px solid #eaeaea;
border-radius: 2px;
}
.comment {
margin-bottom: 20px;
}
.comment ul, .comment ol {
margin: 0 0 20px 20px;
}
.comment ul {
list-style: square outside none;
}
.comment .comment-reply-link {
float: right;
color: #aaaaaa;
}
.comment .comment-reply-link::before {
content: "\f112";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #aaaaaa;
font-size: 16px;
padding-right: 10px;
}
.comment .comment-reply-link:hover {
color: #289dcc;
}
.comment-list {
margin-bottom: 25px;
list-style-type: none;
padding: 0;
}
.comment-list .children {
margin-left: 20px;
list-style-type: none;
padding: 0;
}
.nav-previous, .nav-next {
margin-bottom: 15px;
}
.nav-previous a, .nav-next a {
color: #289dcc;
cursor: pointer;
font-size: 16px;
}
.nav-previous a {
float: left;
}
.nav-next a {
float: right;
}
.nav-previous a:hover, .nav-next a:hover {
text-decoration: underline;
}
/* Comments Form.
--------------------------------------------- */
#respond h3#reply-title {
font-size: 22px;
line-height: 28px;
}
#respond h3#reply-title #cancel-comment-reply-link {
margin-left: 10px;
margin-left: 1rem;
font-weight: normal;
font-size: 16px;
font-size: 1.6rem;
}
#respond form .comment-form-cookies-consent #wp-comment-cookies-consent {
margin-right: 5px;
}
#respond form .comment-form-cookies-consent label {
display: inline-block;
}
#respond form label {
display: block;
line-height: 1.5;
}
#respond form input[type="text"], #respond form textarea, #respond form input[type="email"], #respond form input[type="url"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
line-height: 1.5;
padding: 10px;
width: 100%;
}
#respond form p.form-allowed-tags {
font-size: 16px;
line-height: 1;
color: #5e5e5e;
display: none;
}
.required {
color: red;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/* Top Bar.
--------------------------------------------- */
#header-meta {
background-color: #fff;
}
.news-bar {
background-color: #f8f8f8;
padding: 8px 0;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
font-size: 14px;
border-bottom-style: solid;
}
.news-bar .inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tg-news-bar__two {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (min-width: 768px) {
.tg-news-bar__one,
.tg-news-bar__two {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (min-width: 992px) {
.tg-news-bar__two {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.news-bar .inner-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
}
}
#masthead .main-small-navigation ul.menu-scrollbar {
overflow-y: scroll;
width: 100%;
}
#masthead .main-small-navigation li:hover > a, #masthead .main-small-navigation li.current-page-ancestor > a, #masthead .main-small-navigation li.current-menu-ancestor > a, #masthead .main-small-navigation li.current-page-item > a, #masthead .main-small-navigation li.current-menu-item > a {
color: #fff;
background-color: #289dcc;
}
@media screen and (max-width: 768px) {
.search-random-icons-container .social-links {
padding-left: 0;
margin-top: 0;
}
.top-bar-menu {
margin-left: 0;
}
#masthead .main-small-navigation li:hover > .sub-toggle, #masthead .main-small-navigation li.current-page-ancestor > .sub-toggle, #masthead .main-small-navigation li.current-menu-ancestor > .sub-toggle, #masthead .main-small-navigation li.current-page-item > .sub-toggle, #masthead .main-small-navigation li.current-menu-item > .sub-toggle {
background-color: #fff;
}
#masthead .main-small-navigation li:hover > .sub-toggle i, #masthead .main-small-navigation li.current-page-ancestor > .sub-toggle i, #masthead .main-small-navigation li.current-menu-ancestor > .sub-toggle i, #masthead .main-small-navigation li.current-page-item > .sub-toggle i, #masthead .main-small-navigation li.current-menu-item > .sub-toggle i {
color: #289dcc;
}
.breaking-news {
height: auto;
}
}
@media screen and (max-width: 480px) {
#masthead.colormag-header-classic .date-in-header, #masthead.colormag-header-clean .date-in-header {
display: none;
}
#masthead.colormag-header-classic .breaking-news .breaking-news-latest, #masthead.colormag-header-clean .breaking-news .breaking-news-latest {
padding: 0 5px;
}
#masthead.colormag-header-classic .breaking-news .newsticker, #masthead.colormag-header-clean .breaking-news .newsticker {
padding-left: 0;
}
}
#header-text-nav-container {
background-color: #ffffff;
}
#header-text-nav-wrap {
padding: 20px 0 25px;
}
#header-left-section {
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header-logo-image {
float: left;
padding-right: 20px;
}
#header-logo-image img {
width: auto;
margin-bottom: 0;
}
#header-logo-image a {
display: block;
}
#header-text {
float: left;
padding-right: 20px;
}
#site-title {
padding-bottom: 0;
line-height: 1.2;
}
#site-title a {
color: #289dcc;
font-size: 46px;
}
#site-description {
line-height: 24px;
font-size: 16px;
color: #666666;
padding-bottom: 0;
font-family: "Open Sans", serif;
}
#header-right-section {
float: right;
}
#header-right-section .widget {
text-align: right;
color: #333333;
}
#header-right-section .widget .widget-title {
font-size: 18px;
line-height: 1.2;
padding-bottom: 5px;
}
.header-image {
margin-bottom: 0;
border-bottom: 1px solid #eaeaea;
width: 100%;
}
/* For header display type one */
.header_display_type_one #header-left-section {
float: right;
}
.header_display_type_one #header-right-section {
float: left;
}
.header_display_type_one #header-text {
padding-left: 20px;
padding-right: 0;
}
.header_display_type_one #header-logo-image {
padding-right: 0;
}
.header_display_type_one #header-right-section .widget {
text-align: left;
}
/* For header display type two */
.header_display_type_two #header-left-section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
float: none;
text-align: center;
margin-bottom: 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header_display_type_two #header-logo-image {
float: none;
padding-right: 0;
margin-bottom: 10px;
}
.header_display_type_two #header-text {
float: none;
padding-right: 0;
}
.header_display_type_two #header-right-section {
float: none;
}
.header_display_type_two #header-right-section .widget {
color: #333333;
text-align: center;
}
/* Header Layout: Clean.
--------------------------------------------- */
.colormag-header-clean {
/* Breaking News. */
/* Social Icons. */
/* Primary Header. */
}
.colormag-header-clean .breaking-news {
padding-left: 0;
padding-right: 0;
margin-top: 0;
}
.colormag-header-clean .breaking-news .breaking-news-latest {
background-color: #212529;
padding-left: 8px;
padding-right: 8px;
color: #fff;
font-weight: 400;
}
.colormag-header-clean .breaking-news .newsticker a {
color: #555555;
}
.colormag-header-clean .breaking-news .newsticker a:hover {
color: #289dcc;
}
.colormag-header-clean .social-links li:hover .fa {
color: #289dcc;
}
.colormag-header-clean #header-text-nav-wrap {
padding: 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.colormag-header-clean #header-left-section {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
.colormag-header-clean #header-right-section {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
}
.colormag-header-clean img {
margin-bottom: 0;
}
.colormag-header-clean .home-icon .fa {
font-size: 21px;
}
.colormag-header-clean #site-navigation {
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
position: relative;
background-color: transparent;
border-top: 0 solid transparent;
z-index: 999;
}
.colormag-header-clean #site-navigation .inner-wrap {
background-color: #212529;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.colormag-header-clean #site-navigation .menu-primary-container {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
}
.colormag-header-clean #site-navigation .search-random-icons-container {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.colormag-header-clean #site-navigation .fa.search-top {
padding: 20px;
line-height: 26px;
position: relative;
right: 0;
}
.colormag-header-clean #site-navigation .random-post {
position: relative;
}
.colormag-header-clean #site-navigation .search-form-top {
top: 100%;
}
.colormag-header-clean #site-navigation .menu-toggle {
line-height: 26px;
}
.colormag-header-clean #site-navigation .menu-toggle::before {
padding: 20px;
}
.colormag-header-clean #site-navigation .menu {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.colormag-header-clean .main-navigation a {
font-weight: 500;
padding: 20px;
line-height: 26px;
}
.colormag-header-clean .main-navigation ul li ul {
top: 100%;
}
.colormag-header-clean .main-navigation ul li ul li a {
width: auto;
padding: 10px 15px;
}
.colormag-header-clean .main-navigation ul li ul li ul {
top: 0;
}
.colormag-header-clean .main-small-navigation .menu-primary-container,
.colormag-header-clean .main-small-navigation .nav-menu {
padding-top: 0;
position: absolute;
top: 100%;
width: 100%;
}
.colormag-header-clean .main-small-navigation .random-post {
line-height: 26px;
}
.colormag-header-clean .main-small-navigation .random-post a {
padding: 20px;
}
@media screen and (min-width: 481px) {
.colormag-header-clean .breaking-news {
margin-top: 10px;
}
}
@media screen and (min-width: 768px) {
.colormag-header-clean .breaking-news {
margin-top: 0;
}
}
@media screen and (max-width: 768px) {
.colormag-header-clean #header-text-nav-wrap {
padding: 20px 0;
}
.colormag-header-clean #header-left-section,
.colormag-header-clean #header-logo-image {
margin-bottom: 0;
}
.colormag-header-clean #site-navigation .random-post a {
padding: 20px;
}
.colormag-header-clean #site-navigation .menu-toggle::before,
.colormag-header-clean #site-navigation .fa.search-top {
padding: 20px;
}
.colormag-header-clean .main-small-navigation .home-icon a {
padding: 20px;
}
.colormag-header-clean .main-small-navigation .menu-toggle {
background-color: #289dcc;
}
.colormag-header-clean .main-small-navigation .random-post a {
padding: 15px;
}
}
@media only screen and (max-width: 992px) {
.colormag-header-clean #header-text-nav-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
row-gap: 30px;
}
.colormag-header-clean #header-right-section {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
/* Header Layout: Classic.
--------------------------------------------- */
.colormag-header-classic {
/* Social Icons. */
/* Primary Header. */
}
.colormag-header-classic .breaking-news {
padding-left: 0;
padding-right: 0;
margin-top: 0;
}
.colormag-header-classic .breaking-news-latest {
background-color: #212529;
padding-left: 8px;
padding-right: 8px;
color: #fff;
font-weight: 400;
}
.colormag-header-classic .newsticker a {
color: #555555;
}
.colormag-header-classic .newsticker a:hover {
color: #289dcc;
}
.colormag-header-classic .fa {
color: #495057;
}
.colormag-header-classic .social-links li:hover .fa {
color: #289dcc;
}
.colormag-header-classic #header-text-nav-wrap {
padding: 30px 0 20px;
}
.colormag-header-classic #header-text-nav-wrap #header-right-section {
display: none;
}
.colormag-header-classic #header-text-nav-wrap #header-left-section {
display: unset;
float: none;
text-align: center;
}
.colormag-header-classic #header-text-nav-wrap #header-left-section #header-logo-image,
.colormag-header-classic #header-text-nav-wrap #header-left-section #header-text {
float: none;
padding-right: 0;
padding-left: 0;
}
.colormag-header-classic #site-navigation {
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
position: relative;
background-color: transparent;
border-top: 0 solid transparent;
z-index: 999;
}
.colormag-header-classic #site-navigation.headroom--pinned {
background: inherit;
}
.colormag-header-classic #site-navigation .inner-wrap {
background-color: transparent;
}
.colormag-header-classic #site-navigation .fa.search-top {
color: #343a40;
float: right;
font-size: 16px;
padding: 15px;
}
.colormag-header-classic #site-navigation .fa.search-top:hover {
background: transparent;
color: #289dcc;
}
.colormag-header-classic #site-navigation .menu-toggle {
line-height: 26px;
border: 1px solid #343a40;
}
.colormag-header-classic #site-navigation .menu-toggle::before {
padding: 20px;
color: #343a40;
}
.colormag-header-classic #site-navigation .menu-toggle:hover {
border-color: #289dcc;
}
.colormag-header-classic #site-navigation .menu-toggle:hover::before {
color: #fff;
}
.colormag-header-classic .main-navigation a {
font-weight: 700;
padding: 10px 0;
line-height: 26px;
color: #343a40;
background-color: transparent;
}
.colormag-header-classic .main-navigation a::after {
color: inherit;
}
.colormag-header-classic .main-navigation a:hover {
background-color: transparent;
}
.colormag-header-classic .main-navigation li {
background-color: transparent;
}
.colormag-header-classic .main-navigation ul li.current-menu-item > a, .colormag-header-classic .main-navigation ul li.current_page_item > a, .colormag-header-classic .main-navigation ul li:hover > a, .colormag-header-classic .main-navigation ul li.focus > a {
color: #289dcc;
}
.colormag-header-classic .main-navigation ul li.current-menu-item ul li a,
.colormag-header-classic .main-navigation ul li ul li.current-menu-item a,
.colormag-header-classic .main-navigation ul li.current_page_ancestor ul li a,
.colormag-header-classic .main-navigation ul li.current-menu-ancestor ul li a,
.colormag-header-classic .main-navigation ul li.current_page_item ul li a {
color: #343a40;
}
.colormag-header-classic .main-navigation ul > li {
padding-left: 15px;
padding-right: 15px;
float: none;
display: inline-block;
vertical-align: top;
}
.colormag-header-classic .main-navigation ul > li > a {
border-bottom: 2px solid transparent;
-webkit-transition: border 0.5s ease;
transition: border 0.5s ease;
}
.colormag-header-classic .main-navigation ul > li:hover > a, .colormag-header-classic .main-navigation ul > li.current-menu-item > a, .colormag-header-classic .main-navigation ul > li.current-menu-ancestor > a {
background-color: transparent;
border-bottom: 2px solid #289dcc;
}
.colormag-header-classic .main-navigation ul ul.sub-menu {
top: 100%;
background-color: #f8f8f8;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: block;
opacity: 0;
visibility: hidden;
border: 1px solid #eaeaea;
text-align: left;
}
.colormag-header-classic .main-navigation ul ul.sub-menu li {
border-bottom: 1px solid #eaeaea;
display: block;
padding-left: 0;
padding-right: 0;
}
.colormag-header-classic .main-navigation ul ul.sub-menu li a {
width: auto;
padding: 10px 15px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
border-color: transparent;
}
.colormag-header-classic .main-navigation ul ul.sub-menu li:hover, .colormag-header-classic .main-navigation ul ul.sub-menu li.current-menu-ancestor, .colormag-header-classic .main-navigation ul ul.sub-menu li.current-menu-item, .colormag-header-classic .main-navigation ul ul.sub-menu li.focus {
border-color: #289dcc;
}
.colormag-header-classic .main-navigation ul ul.sub-menu li:hover > a, .colormag-header-classic .main-navigation ul ul.sub-menu li.current-menu-ancestor > a, .colormag-header-classic .main-navigation ul ul.sub-menu li.current-menu-item > a, .colormag-header-classic .main-navigation ul ul.sub-menu li.focus > a {
background-color: #289dcc;
color: #fff;
}
.colormag-header-classic .main-navigation ul ul.sub-menu li:last-child {
border-bottom: none transparent;
}
.colormag-header-classic .main-navigation ul ul.sub-menu li ul {
top: 0;
-webkit-transition: none;
transition: none;
}
.colormag-header-classic .main-navigation ul li.menu-item-has-children:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
}
.colormag-header-classic .main-navigation ul li.focus > a {
border-color: #289dcc;
}
.colormag-header-classic .main-navigation ul li.focus > ul.sub-menu {
opacity: 1;
visibility: visible;
}
.colormag-header-classic .main-navigation .random-post a {
font-size: 14px;
padding: 10px 15px;
color: #343a40;
}
.colormag-header-classic .main-navigation .random-post a:hover {
background: transparent;
}
.colormag-header-classic .main-navigation .random-post a:hover .fa-random {
color: #289dcc;
}
.colormag-header-classic .main-navigation .random-post a .fa-random {
color: #343a40;
}
.colormag-header-classic .main-navigation .home-icon {
background: none;
}
.colormag-header-classic .main-navigation .home-icon a {
padding: 10px 15px;
}
.colormag-header-classic .main-navigation .home-icon a:hover .fa {
color: #289dcc;
}
.colormag-header-classic .main-navigation .home-icon .fa {
color: #343a40;
}
.colormag-header-classic .main-small-navigation .menu-primary-container,
.colormag-header-classic .main-small-navigation .nav-menu {
padding-top: 0;
position: absolute;
top: 100%;
width: 100%;
-webkit-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 11px rgba(0, 0, 0, 0.2);
}
.colormag-header-classic .main-small-navigation .random-post {
bottom: 0;
}
.colormag-header-classic .main-small-navigation .random-post a {
font-size: 14px;
padding: 12px 15px;
color: #343a40;
}
.colormag-header-classic .main-small-navigation .random-post a:hover {
background: transparent;
}
.colormag-header-classic .main-small-navigation .random-post a:hover .fa-random {
color: #289dcc;
}
.colormag-header-classic .main-small-navigation .random-post a .fa-random {
color: #343a40;
}
.colormag-header-classic .main-small-navigation .menu-toggle {
background-color: #289dcc;
border-color: #289dcc;
}
.colormag-header-classic .main-small-navigation .menu-toggle::before {
color: #fff;
}
.colormag-header-classic .is-sticky #site-navigation {
background-color: #fff;
-webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1);
}
.colormag-header-classic .menu-primary-container {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media screen and (min-width: 481px) {
.colormag-header-classic .breaking-news {
margin-top: 10px;
}
}
@media screen and (min-width: 768px) {
.colormag-header-classic .breaking-news {
margin-top: 0;
}
}
@media screen and (max-width: 768px) {
.colormag-header-classic #header-text-nav-wrap {
padding: 0;
}
.colormag-header-classic #header-left-section,
.colormag-header-classic #header-logo-image {
margin-bottom: 0;
}
.colormag-header-classic .main-small-navigation .menu-toggle {
background-color: #289dcc;
border-color: #289dcc;
}
.colormag-header-classic .main-small-navigation .random-post a {
padding: 15px;
}
.colormag-header-classic #site-navigation .random-post a {
padding: 15px;
}
.colormag-header-classic #site-navigation .menu-toggle::before,
.colormag-header-classic #site-navigation .fa.search-top {
padding: 15px;
line-height: 26px;
}
.colormag-header-classic #site-navigation .home-icon a {
padding: 15px;
line-height: 26px;
}
}
.page-header .page-title {
border-bottom: 2px solid #289dcc;
font-size: 18px;
margin-bottom: 15px;
padding-bottom: 0;
}
.page-header .page-title span {
background-color: #289dcc;
color: #fff;
padding: 6px 12px;
display: inline-block;
}
#page {
max-width: 1200px;
margin: 0 auto;
}
#main {
padding-top: 30px;
padding-bottom: 20px;
background-color: #ffffff;
}
.wide {
padding-top: 0;
padding-bottom: 0;
}
.wide #page {
max-width: 100%;
}
#primary {
float: left;
width: 70.17543859%;
}
#secondary {
float: right;
width: 27.19298245%;
}
.main-content-section {
padding-top: 20px;
}
.main-content-section .tg-one-half {
width: 48.75%;
padding-bottom: 0;
margin-right: 0;
float: left;
}
.main-content-section .tg-one-half.tg-one-half-last {
float: right;
}
.post .featured-image {
text-align: center;
position: relative;
}
.archive #content .post p {
font-size: 14px;
}
.archive #content .post:nth-child(2n+1) {
float: right;
width: 48.7013%;
}
.archive #content .post:nth-child(2n) {
float: left;
width: 48.7013%;
clear: both;
}
.archive #content .post:first-child {
float: none;
width: 100%;
}
.blog #content .status-publish:not(:first-child) .article-content .entry-title,
.search #content .status-publish:not(:first-child) .article-content .entry-title,
.archive #content .status-publish:not(:first-child) .article-content .entry-title {
font-size: 22px;
}
.single #content .post {
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
#content .post {
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
.single #content .post {
margin-bottom: 0;
}
#content .post img {
margin-bottom: 0;
}
#content .post .article-content, #content .post .single-title-above {
padding: 15px;
}
#content .post .article-content .above-entry-meta .cat-links a, #content .post .single-title-above .above-entry-meta .cat-links a {
background-color: #289dcc;
border-radius: 3px;
color: #ffffff;
font-size: 12px;
padding: 3px 10px;
display: inline-block;
line-height: 1.37;
}
#content .post .article-content .entry-title, #content .post .single-title-above .entry-title {
padding: 5px 0 0;
font-size: 32px;
}
#content .post .article-content .entry-title a, #content .post .single-title-above .entry-title a {
color: #232323;
}
#content .post .article-content .entry-title a:hover, #content .post .single-title-above .entry-title a:hover {
color: #289dcc;
}
#content .post .article-content .below-entry-meta, #content .post .single-title-above .below-entry-meta {
padding-bottom: 20px;
}
#content .post .article-content .below-entry-meta .posted-on, #content .post .article-content .below-entry-meta .byline, #content .post .article-content .below-entry-meta .comments, #content .post .article-content .below-entry-meta .tag-links, #content .post .single-title-above .below-entry-meta .posted-on, #content .post .single-title-above .below-entry-meta .byline, #content .post .single-title-above .below-entry-meta .comments, #content .post .single-title-above .below-entry-meta .tag-links {
padding-right: 10px;
}
#content .post .article-content .below-entry-meta .posted-on .fa, #content .post .single-title-above .below-entry-meta .posted-on .fa {
color: #888888;
font-size: 10px;
padding-right: 3px;
}
#content .post .article-content .below-entry-meta .byline .fa,
#content .post .article-content .below-entry-meta .comments .fa,
#content .post .article-content .below-entry-meta .tag-links .fa,
#content .post .article-content .below-entry-meta .post-views .fa,
#content .post .article-content .below-entry-meta .edit-link .fa, #content .post .single-title-above .below-entry-meta .byline .fa,
#content .post .single-title-above .below-entry-meta .comments .fa,
#content .post .single-title-above .below-entry-meta .tag-links .fa,
#content .post .single-title-above .below-entry-meta .post-views .fa,
#content .post .single-title-above .below-entry-meta .edit-link .fa {
color: #888888;
padding-right: 5px;
font-size: 11px;
}
#content .post .article-content .below-entry-meta .posted-on a, #content .post .article-content .below-entry-meta .byline a, #content .post .article-content .below-entry-meta .comments a, #content .post .article-content .below-entry-meta .tag-links a, #content .post .article-content .below-entry-meta .edit-link a, #content .post .single-title-above .below-entry-meta .posted-on a, #content .post .single-title-above .below-entry-meta .byline a, #content .post .single-title-above .below-entry-meta .comments a, #content .post .single-title-above .below-entry-meta .tag-links a, #content .post .single-title-above .below-entry-meta .edit-link a {
font-size: 12px;
}
#content .post .article-content .below-entry-meta .post-views, #content .post .single-title-above .below-entry-meta .post-views {
padding-right: 10px;
}
#content .post .article-content .below-entry-meta .post-views .fa, #content .post .single-title-above .below-entry-meta .post-views .fa {
color: #888888;
padding-right: 5px;
font-size: 11px;
}
#content .post .article-content .below-entry-meta .total-views, #content .post .single-title-above .below-entry-meta .total-views {
font-size: 12px;
color: #888888;
}
.below-entry-meta .updated:not(.published) {
display: none;
}
.type-post .entry-title, .type-page .entry-title {
font-size: 34px;
line-height: 1.2;
}
.post .entry-title a, .search .entry-title a {
color: #333333;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.post .entry-title a:hover, .search .entry-title a:hover {
color: #289dcc;
}
.post .entry-content {
margin-bottom: 10px;
}
.entry-content ul {
list-style: square;
padding: 0 0 0 30px;
margin-bottom: 30px;
}
.entry-content ol {
padding: 0 0 0 30px;
margin-bottom: 30px;
}
.entry-content li {
line-height: 1.3;
font-size: 15px;
}
.entry-content li > ul, .entry-content li > ol {
margin-bottom: 0;
}
.post .entry-content a:hover {
color: #289dcc;
text-decoration: underline;
}
.entry-meta {
color: #aaaaaa;
padding-bottom: 20px;
}
.entry-meta .byline i, .entry-meta .cat-links i {
padding-left: 5px;
padding-right: 5px;
font-size: 16px;
color: #289dcc;
}
.entry-meta .byline a, .entry-meta .cat-links a {
font-size: 20px;
}
.entry-meta .byline {
margin-right: 25px;
}
.entry-meta a {
color: #289dcc;
}
.entry-meta a:hover {
text-decoration: underline;
}
.entry-meta .sep {
display: block;
border-top: 1px solid #f2f2f2;
position: relative;
margin: 10px 0;
}
.entry-meta .post-format {
padding: 5px;
position: absolute;
right: -64px;
top: -32px;
}
.entry-meta .post-format i {
background-color: #289dcc;
border-radius: 5px;
color: #ffffff;
display: block;
height: 30px;
line-height: 30px;
text-align: center;
width: 30px;
border-radius: 5px;
padding: 12px 8px 8px;
}
.entry-meta .posted-on, .entry-meta .comments-link, .entry-meta .edit-link, .entry-meta .tag-links {
font-size: 12px;
line-height: 20px;
margin-right: 25px;
}
.entry-meta .posted-on a, .entry-meta .comments-link a, .entry-meta .edit-link a, .entry-meta .tag-links a, .entry-meta .reading-time {
color: #aaaaaa;
font-size: 14px;
}
.entry-meta .posted-on a:hover, .entry-meta .comments-link a:hover, .entry-meta .edit-link a:hover, .entry-meta .tag-links a:hover {
color: #289dcc;
text-decoration: none;
}
.entry-meta .posted-on i, .entry-meta .comments-link i, .entry-meta .edit-link i, .entry-meta .tag-links i {
font-size: 14px;
padding-right: 5px;
padding-left: 5px;
text-decoration: none;
}
.entry-content a.read-more:hover {
text-decoration: none;
}
.single #content .tags a {
border: 1px solid #eaeaea;
padding: 3px 5px;
border-radius: 3px;
color: #777777;
}
.single #content .tags a:hover {
color: #289dcc;
text-decoration: none;
}
.more-link {
display: inline-block;
background-color: #289dcc;
border-radius: 3px;
}
.more-link span {
font-size: 12px;
padding: 5px 10px;
color: #ffffff;
cursor: pointer;
display: inline-block;
}
.more-link span:hover {
background-color: rgba(0, 0, 0, 0.1);
}
ul.blocks-gallery-grid,
ul.wp-block-gallery {
padding: 0;
}
ul.blocks-gallery-grid img,
ul.wp-block-gallery img {
margin-bottom: 0;
}
/* All Posts Widget Styling */
.blog .post:nth-child(2n) {
float: left;
width: 48.7013%;
clear: both;
}
.blog .post:nth-child(2n+1) {
float: right;
width: 48.7013%;
}
.blog .post:first-child {
float: none;
width: 100%;
}
.blog .post .article-content .below-entry-meta .edit-link a, .blog .post .article-content .below-entry-meta .tag-links a {
font-size: 12px;
}
.blog .post .article-content .below-entry-meta .edit-link .fa {
color: #888888;
padding-right: 5px;
font-size: 11px;
}
.blog .post .article-content .below-entry-meta .tag-links {
padding-right: 10px;
}
.blog .post .article-content .below-entry-meta .tag-links .fa {
color: #888888;
padding-right: 5px;
font-size: 11px;
}
/* Author Box.
--------------------------------------------- */
.author-box {
padding: 2%;
width: 100%;
display: inline-block;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
.author-img img {
margin-right: 15px;
}
.author-name {
padding-bottom: 10px;
}
.share .fa-twitter {
color: #55acee;
}
.share .fa-facebook-square {
color: #3b5998;
}
.share .fa-google-plus-square {
color: #dd4b39;
}
.share .fa-pinterest {
color: #cc2127;
}
.author-box {
margin-top: 30px;
}
/* Related Posts.
--------------------------------------------- */
.related-posts-main-title .fa {
color: #289dcc;
}
.related-posts-main-title span {
font-size: 26px;
padding-left: 10px;
}
.single-related-posts {
width: 32.5%;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
margin-right: 1.25%;
float: left;
margin-bottom: 25px;
}
.single-related-posts img {
margin-bottom: 0;
}
.related-posts .single-related-posts:nth-child(3n+3) {
margin-right: 0;
}
.single-related-posts .article-content {
padding: 0 10px;
}
.single-related-posts .byline {
display: none;
}
.single-related-posts .article-content .entry-title {
padding: 10px 0 0;
font-size: 18px;
}
.single-related-posts .article-content .entry-title a {
color: #232323;
text-shadow: none;
}
.single-related-posts .article-content .entry-title a:hover {
color: #289dcc;
}
.single-related-posts .article-content .below-entry-meta .posted-on, .single-related-posts .article-content .below-entry-meta .byline {
padding-right: 10px;
}
.single-related-posts .article-content .below-entry-meta .posted-on .fa {
color: #888888;
font-size: 10px;
padding-right: 3px;
}
.single-related-posts .article-content .below-entry-meta .byline .fa, .single-related-posts .article-content .below-entry-meta .comments .fa {
color: #888888;
padding-right: 5px;
font-size: 11px;
}
.single-related-posts .article-content .below-entry-meta .posted-on a, .single-related-posts .article-content .below-entry-meta .byline a, .single-related-posts .article-content .below-entry-meta .comments {
font-size: 12px;
}
.related-posts-wrapper {
position: relative;
margin-top: 30px;
}
/* Social Sharing.
--------------------------------------------- */
.share-buttons {
display: inline-block;
}
.box {
border: 1px solid #eaeaea;
border-radius: 3px;
display: inline-block;
}
.count {
background: none repeat scroll 0 0 #f2f2f2;
color: #289dcc;
float: right;
font-size: 22px;
padding: 0 16px;
}
.share {
float: left;
margin-right: 10px;
}
#twitter, #facebook, #googleplus, #pinterest {
float: left;
}
#twitter.share, #facebook.share, #googleplus.share, #pinterest.share {
margin-right: 0;
padding: 0 10px;
cursor: pointer;
}
/* Post Format: Link.
--------------------------------------------- */
.format-link .entry-content p {
text-align: center;
padding-top: 30px;
}
.format-link .entry-content a {
text-decoration: underline;
text-transform: uppercase;
padding: 15px 40px;
border-radius: 3px;
background-color: #289dcc;
color: #ffffff;
-webkit-transition: background-color 0.3s linear 0s;
transition: background-color 0.3s linear 0s;
display: inline-block;
}
.format-link .entry-content a:hover {
background-color: #33363b;
}
/* Post Format: Aside.
--------------------------------------------- */
.format-aside .entry-header {
display: none;
}
.left-sidebar #primary {
float: right;
}
.left-sidebar #secondary {
float: left;
}
.no-sidebar #primary {
float: none;
margin: 0 auto;
}
.no-sidebar-full-width #primary {
width: 100%;
}
.no-sidebar #secondary, .no-sidebar-full-width #secondary {
display: none;
}
.no-sidebar-full-width,
.no-sidebar {
overflow: hidden;
}
.no-sidebar-full-width #primary .entry-content > .alignfull,
.no-sidebar #primary .entry-content > .alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: unset;
}
.no-sidebar-full-width #primary .entry-content > .alignfull.wp-block-cover, .no-sidebar-full-width #primary .entry-content > .alignfull.wp-block-cover-image,
.no-sidebar #primary .entry-content > .alignfull.wp-block-cover,
.no-sidebar #primary .entry-content > .alignfull.wp-block-cover-image {
width: unset;
}
.no-sidebar-full-width #primary .entry-content > .alignwide,
.no-sidebar #primary .entry-content > .alignwide {
margin-left: -100px;
margin-right: -100px;
max-width: unset;
}
.no-sidebar-full-width.box-layout #main,
.no-sidebar.box-layout #main {
overflow: hidden;
}
.no-sidebar-full-width.box-layout #primary .entry-content > .alignfull,
.no-sidebar.box-layout #primary .entry-content > .alignfull {
margin-left: -30px;
margin-right: -30px;
}
.no-sidebar-full-width.box-layout #primary .entry-content > .alignfull.wp-block-cover, .no-sidebar-full-width.box-layout #primary .entry-content > .alignfull.wp-block-cover-image,
.no-sidebar.box-layout #primary .entry-content > .alignfull.wp-block-cover,
.no-sidebar.box-layout #primary .entry-content > .alignfull.wp-block-cover-image {
width: unset;
}
.no-sidebar-full-width.box-layout #primary .entry-content > .alignwide,
.no-sidebar.box-layout #primary .entry-content > .alignwide {
margin-left: -30px;
margin-right: -30px;
max-width: unset;
}
/* Search.
--------------------------------------------- */
.search .status-publish {
margin-bottom: 30px;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
width: 48.7013%;
}
.search .status-publish .article-content {
padding: 15px;
}
.search .status-publish:nth-child(2n) {
float: left;
clear: both;
}
.search .status-publish:nth-child(2n+1) {
float: right;
}
.search .status-publish:first-child {
float: none;
width: 100%;
}
/* 404 Page.
--------------------------------------------- */
.error-404 .page-header .page-title {
border: medium none;
font-size: 26px;
font-weight: 700;
}
.error-wrap span {
display: block;
text-align: center;
}
.num-404 {
color: #289dcc;
font-size: 300px;
font-weight: 700;
line-height: 300px;
}
.error {
background: #289dcc none repeat scroll 0 0;
color: #ffffff;
font-size: 25px;
font-weight: 600;
letter-spacing: 3px;
line-height: 35px;
margin: 20px auto;
padding: 2px 28px;
text-transform: uppercase;
width: 93%;
}
.error-404 .page-header, .error-404 p {
text-align: center;
}
.page-template-page-builder #primary {
float: none;
width: 100%;
}
.page-template-page-builder #main {
padding-top: 0;
padding-bottom: 0;
}
.page-template-page-builder .main-content-section {
padding-top: 0;
}
/* General Styles.
--------------------------------------------- */
#colophon {
font-size: 14px;
line-height: 1.4;
}
#colophon .widget {
margin-bottom: 40px;
}
#colophon p {
font-size: 14px;
line-height: 1.4;
}
#colophon .tg-upper-footer-widgets .widget {
background-color: #2c2e34;
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 10px;
}
#colophon .tg-upper-footer-widgets .widget_featured_posts .article-content .entry-title a {
color: #ffffff;
}
/* Footer Widget Area.
--------------------------------------------- */
.footer-widgets-wrapper {
border-top: 1px solid #f2f2f2;
background-color: #303440;
}
.footer-widgets-area {
padding-top: 45px;
padding-bottom: 10px;
color: #cccccc;
}
.tg-footer-main-widget {
width: 39.473684%;
float: left;
margin-right: 2.63158%;
}
.tg-footer-other-widgets {
float: right;
width: 57.894737%;
}
.footer-full-width-sidebar.inner-wrap {
width: 100%;
display: block;
overflow: hidden;
}
.tg-second-footer-widget, .tg-third-footer-widget {
width: 30.303030%;
float: left;
margin-right: 4.54545%;
}
.tg-fourth-footer-widget {
width: 30.303030%;
float: right;
margin-right: 0;
}
.footer-widgets-area .widget-title {
border-bottom: 2px solid #289dcc;
font-size: 18px;
margin-bottom: 15px;
padding-bottom: 0;
}
.footer-widgets-area .widget-title span {
background-color: #289dcc;
color: #fff;
padding: 6px 12px;
display: inline-block;
}
.footer-widgets-area p {
text-align: left;
color: #aaaaaa;
}
.footer-widgets-area a {
color: #ffffff;
}
.footer-widgets-area a:hover {
color: #289dcc;
}
.footer-widgets-area .reading-time {
color: #ffffff;
}
.footer-widgets-area .widget_featured_posts .comments span {
color: #ffffff;
}
/* Footer Socket Area.
--------------------------------------------- */
.footer-socket-wrapper {
padding: 20px 0 50px;
background-color: #303440;
}
.footer-socket-area {
width: 100%;
}
.footer-socket-right-section {
float: right;
text-align: right;
}
.footer-socket-left-section {
float: none;
}
.footer-socket-wrapper .copyright {
color: #b1b6b6;
float: left;
font-size: 14px;
max-width: 50%;
line-height: 1.7;
}
.footer-socket-wrapper .copyright a {
color: #b1b6b6;
border-bottom: 1px solid #5a5d62;
}
.footer-socket-wrapper .copyright a:hover {
color: #ffffff;
}
.copyright-right .footer-socket-left-section {
float: right;
}
.copyright-right .footer-socket-left-section .copyright {
text-align: right;
float: right;
max-width: 100%;
}
.copyright-right .footer-socket-right-section {
float: left;
}
.copyright-right .footer-socket-right-section .social-links {
text-align: left;
}
.copyright-right .footer-socket-right-section .footer-menu:first-child {
padding-left: 0;
}
.copyright-center .footer-socket-left-section .copyright {
margin-top: 5px;
text-align: center;
float: none;
max-width: 100%;
}
.copyright-center .footer-socket-right-section {
float: none;
text-align: center;
}
.copyright-center .footer-socket-right-section .social-links {
text-align: center;
}
.copyright-center .footer-socket-right-section .footer-menu:first-child {
padding-left: 0;
}
/*--------------------------------------------------------------
Classic Layout
--------------------------------------------------------------*/
.colormag-footer--classic .footer-widgets-area .widget-title {
border-bottom: 0 none;
}
.colormag-footer--classic .footer-widgets-area .widget-title span {
background-color: transparent !important;
padding: 0 0 6px;
position: relative;
}
.colormag-footer--classic .footer-widgets-area .widget-title span::before {
position: absolute;
display: block;
bottom: -1px;
content: ' ';
left: 0;
width: 25px;
height: 2px;
background-color: #289dcc;
}
.colormag-footer--classic .footer-socket-wrapper {
background-color: #252730;
padding: 20px 0;
}
/*--------------------------------------------------------------
Classic Bordered Layout
--------------------------------------------------------------*/
.colormag-footer--classic-bordered .footer-widgets-area .widget-title {
border-bottom: 0 none;
}
.colormag-footer--classic-bordered .footer-widgets-area .widget-title span {
background-color: transparent !important;
padding: 0 0 6px;
position: relative;
border-bottom: 1px solid #5e616a;
}
.colormag-footer--classic-bordered .footer-widgets-area .widget-title span::before {
position: absolute;
display: block;
bottom: -1px;
content: ' ';
left: 0;
width: 25px;
height: 2px;
background-color: #289dcc;
}
.colormag-footer--classic-bordered .footer-socket-wrapper {
padding-top: 0;
}
.colormag-footer--classic-bordered .footer-socket-wrapper .footer-socket-area {
padding-top: 20px;
border-top: 1px solid #40444f;
}
#colophon.colormag-footer--classic .tg-upper-footer-widgets .widget, #colophon.colormag-footer--classic-bordered .tg-upper-footer-widgets .widget {
background-color: transparent;
border-radius: 0;
border: 0 none;
padding: 0;
}
#colophon.colormag-footer--classic .tg-upper-footer-widgets .widget .widget-title, #colophon.colormag-footer--classic-bordered .tg-upper-footer-widgets .widget .widget-title {
margin-bottom: 30px;
}
#colophon.colormag-footer--classic .random_posts_widget_inner_wrap, #colophon.colormag-footer--classic-bordered .random_posts_widget_inner_wrap {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
#colophon.colormag-footer--classic .random_posts_widget_inner_wrap .single-article, #colophon.colormag-footer--classic-bordered .random_posts_widget_inner_wrap .single-article {
border-bottom: 1px solid #40444f;
margin-bottom: 15px;
}
#colophon.colormag-footer--classic .random_posts_widget_inner_wrap .single-article:last-child, #colophon.colormag-footer--classic-bordered .random_posts_widget_inner_wrap .single-article:last-child {
border-bottom: none;
margin-bottom: 0;
}
#colophon.colormag-footer--classic .widget_featured_posts .single-article, #colophon.colormag-footer--classic-bordered .widget_featured_posts .single-article {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
#colophon.colormag-footer--classic .following-post .single-article, #colophon.colormag-footer--classic-bordered .following-post .single-article {
border-bottom: 1px solid #40444f;
padding-bottom: 15px;
}
#colophon.colormag-footer--classic .following-post .single-article:last-child, #colophon.colormag-footer--classic-bordered .following-post .single-article:last-child {
border-bottom: none;
padding-bottom: 0;
}
#colophon.colormag-footer--classic .first-post, #colophon.colormag-footer--classic-bordered .first-post {
border-bottom: 1px solid #40444f;
}
#colophon.colormag-footer--classic .first-post .article-content, #colophon.colormag-footer--classic-bordered .first-post .article-content {
padding: 0 0 5px;
}
/* Scroll to Top.
--------------------------------------------- */
a#scroll-up {
bottom: 20px;
position: fixed;
right: 20px;
display: none;
opacity: 0.5;
z-index: 999;
filter: alpha(opacity=50);
/* For IE8 and earlier */
}
a#scroll-up i {
font-size: 40px;
color: #289dcc;
}
a#scroll-up:hover {
opacity: 1;
filter: alpha(opacity=100);
/* For IE8 and earlier */
}
/* Footer Advertisement Area.
--------------------------------------------- */
.advertisement_above_footer {
background-color: #ffffff;
}
.advertisement_above_footer .widget-title {
border-bottom: 2px solid #289dcc;
font-size: 18px;
margin-bottom: 15px;
padding-bottom: 0;
}
.advertisement_above_footer .widget-title span {
background-color: #289dcc;
color: #fff;
padding: 6px 12px;
display: inline-block;
}
/*--------------------------------------------------------------
# Gutenberg blocks.
--------------------------------------------------------------*/
blockquote,
.wp-block-quote,
.wp-block-quote.is-style-large,
.wp-block-quote.has-text-align-right {
padding: 30px 30px 20px 45px;
margin-bottom: 20px;
background-color: #289dcc;
color: #fff;
border-radius: 5px;
border-left: 0;
}
blockquote p,
.wp-block-quote p,
.wp-block-quote.is-style-large p,
.wp-block-quote.has-text-align-right p {
font-size: 16px;
font-family: "Open Sans", serif;
line-height: 1.4;
position: relative;
padding-top: 0;
padding-left: 15px;
}
blockquote p::before,
.wp-block-quote p::before,
.wp-block-quote.is-style-large p::before,
.wp-block-quote.has-text-align-right p::before {
content: "\f10d";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #fff;
font-size: 32px;
position: absolute;
top: -27px;
left: -27px;
}
blockquote a,
.wp-block-quote a,
.wp-block-quote.is-style-large a,
.wp-block-quote.has-text-align-right a {
color: #fff;
text-decoration: underline;
}
blockquote em,
blockquote i,
blockquote cite,
.wp-block-quote em,
.wp-block-quote i,
.wp-block-quote cite,
.wp-block-quote.is-style-large em,
.wp-block-quote.is-style-large i,
.wp-block-quote.is-style-large cite,
.wp-block-quote.has-text-align-right em,
.wp-block-quote.has-text-align-right i,
.wp-block-quote.has-text-align-right cite {
font-style: normal;
}
blockquote cite,
.wp-block-quote cite,
.wp-block-quote.is-style-large cite,
.wp-block-quote.has-text-align-right cite {
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
float: right;
}
blockquote.wp-block-quote.has-text-align-right {
border-right: 0;
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* WP-PageNavi.
--------------------------------------------- */
.wp-pagenavi {
text-align: center;
margin-bottom: 30px;
}
#content .wp-pagenavi .page, #content .wp-pagenavi a {
padding: 4px 10px;
color: #777777;
border: 1px solid #f2f2f2;
}
#content .wp-pagenavi .current {
padding: 4px 10px;
color: #ffffff;
background-color: #289dcc;
border: 1px solid #f2f2f2;
}
#content .wp-pagenavi a {
margin-left: 5px;
border-radius: 2px;
}
#content .wp-pagenavi a:hover {
padding: 4px 10px;
color: #ffffff;
background-color: #289dcc;
border: 1px solid #f2f2f2;
}
#content .wp-pagenavi span {
margin-left: 5px;
border-radius: 2px;
}
#content .wp-pagenavi span.pages {
margin-left: 0;
color: #777777;
padding: 4px 10px;
border: 1px solid #f2f2f2;
}
[class*='mzb'] a {
color: var(--color--text--main);
}
[class*='mzb'] h3,
[class*='mzb'] h2 {
padding-bottom: 0;
}
[class*='mzb'] img {
margin-bottom: 0;
}
[class*='mzb'] .mzb-post-date a,
[class*='mzb'] .mzb-post-author a {
color: var(--color-gray--six);
}
[class*='mzb'] .mzb-post-date svg,
[class*='mzb'] .mzb-post-author svg {
fill: var(--color-gray--six);
}
.mzb-banner-posts .mzb-post-author a,
.mzb-banner-posts .mzb-post-date a,
.mzb-grid-module .mzb-post-author a,
.mzb-grid-module .mzb-post-date a {
color: var(--color--white);
}
.mzb-banner-posts .mzb-post-author svg,
.mzb-banner-posts .mzb-post-date svg,
.mzb-grid-module .mzb-post-author svg,
.mzb-grid-module .mzb-post-date svg {
fill: var(--color--white);
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#main[tabindex="-1"]:focus {
outline: 0;
}
.alignleft {
display: inline;
float: left;
margin-right: 30px;
}
.alignright {
display: inline;
float: right;
margin-left: 30px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.clearfix {
display: inline-block;
}
.clearfix::after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
/* Responsive.
--------------------------------------------- */
@media screen and (max-width: 1200px) {
.no-sidebar-full-width #primary .entry-content > .alignwide {
margin-left: -20px;
margin-right: -20px;
}
.no-sidebar #primary .entry-content > .alignwide {
margin-left: -50px;
margin-right: -50px;
}
.no-sidebar #primary .entry-content > .alignfull {
margin-left: -100px;
margin-right: -100px;
}
}
@media screen and (max-width: 1190px) {
#page {
width: 97%;
}
.wide #page {
width: 100%;
}
.inner-wrap {
width: 94%;
}
.tg-full-width.inner-wrap {
padding: 0;
}
.call-to-action__title {
font-size: 40px;
}
.video-playing {
padding-bottom: 45%;
}
.video-player.video-player--horizontal .video-playlist .video-playlist-item {
width: 25.5%;
}
}
@media screen and (max-width: 800px) {
#header-text-nav-wrap {
padding: 10px 0;
}
#header-left-section, .header_display_type_one #header-left-section {
float: none;
margin-bottom: 10px;
}
#header-logo-image, .header_display_type_one #header-logo-image {
float: none;
text-align: center;
padding-right: 0;
margin-bottom: 10px;
}
#header-text, .header_display_type_one #header-text {
float: none;
text-align: center;
padding-right: 0;
}
#header-right-section, .header_display_type_one #header-right-section {
float: none;
}
#header-right-section .widget, .header_display_type_one #header-right-section .widget {
text-align: center;
}
}
@media screen and (max-width: 768px) {
.menu-toggle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-navigation ul {
display: none;
}
.main-navigation .home-icon a {
padding: 7px 10px;
}
.search-random-icons-container .social-links ul {
display: block;
}
.widget_slider_area, .widget_beside_slider {
float: none;
width: 100%;
}
.widget_slider_area {
padding-bottom: 10px;
}
#primary, #secondary {
float: none;
width: 100%;
}
.advertisement_728x90 img {
width: 96%;
}
.sub-toggle {
background: #289dcc none repeat scroll 0 0;
color: #ffffff;
cursor: pointer;
display: block;
height: 24px;
line-height: 21px;
position: absolute;
right: 15px;
text-align: center;
top: 9px;
width: 24px;
}
.sub-toggle .fa {
color: #ffffff;
}
.main-small-navigation li.current-menu-item > .sub-toggle {
background: #ffffff none repeat scroll 0 0;
}
.main-small-navigation li.current-menu-item > .sub-toggle i {
color: #d40234;
}
.better-responsive-menu .sub-menu {
display: none;
}
.video-player--vertical .video-playing, .video-player--vertical .video-playlist {
width: 100%;
display: block;
}
.video-player--vertical .video-playing {
padding-bottom: 65%;
}
.video-player--vertical.video-playlist-item img {
margin-bottom: 0;
width: 20%;
}
.video-player.video-player--horizontal .video-playlist .video-playlist-item {
width: 35%;
}
.no-sidebar-full-width #primary .entry-content > .alignwide,
.no-sidebar #primary .entry-content > .alignwide {
margin-left: -15px;
margin-right: -15px;
}
.no-sidebar-full-width.box-layout #primary .entry-content > .alignwide,
.no-sidebar.box-layout #primary .entry-content > .alignwide {
margin-left: -15px;
margin-right: -15px;
}
.no-sidebar-full-width.box-layout #primary .entry-content > .alignfull,
.no-sidebar.box-layout #primary .entry-content > .alignfull {
margin-left: -30px;
margin-right: -30px;
}
.no-sidebar #primary .entry-content > .alignfull {
margin-left: -15px;
margin-right: -15px;
}
}
@media screen and (max-width: 767px) {
.tg-one-half, .tg-one-third {
float: none;
width: 100%;
margin: 0;
}
.num-404 {
font-size: 170px;
line-height: 210px;
}
.error {
margin: 0 auto 50px;
padding: 0;
width: 70%;
}
.call-to-action__title {
font-size: 36px;
}
}
@media screen and (max-width: 600px) {
.date-in-header {
float: none;
max-width: 100%;
}
.breaking-news::after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.breaking-news-latest {
position: static;
vertical-align: top;
}
.image-ticker-news .article-content .entry-title {
display: none;
}
.logged-in #masthead #site-navigation {
top: 0 !important;
}
.archive #content .post:first-child, .archive #content .post:nth-child(2n), .archive #content .post:nth-child(2n+1) {
float: none;
width: 100%;
}
.archive #content .archive-layout-grid.post:first-child {
float: none;
width: 100%;
}
.blog #content .archive-layout-grid.post:first-child,
.search #content .archive-layout-grid.post:first-child,
.archive #content .archive-layout-grid.post:nth-child(odd),
.blog #content .archive-layout-grid.post:nth-child(odd),
.search #content .archive-layout-grid.post:nth-child(odd),
.archive #content .archive-layout-grid.post:nth-child(2n),
.blog #content .archive-layout-grid.post:nth-child(2n),
.search #content .archive-layout-grid.post:nth-child(2n) {
float: none;
width: 100%;
}
.archive #content .archive-layout-grid-col-3.post,
.blog #content .archive-layout-grid-col-3.post,
.search #content .archive-layout-grid-col-3.post,
.archive #content .archive-layout-grid-col-3.post:nth-child(3n+2),
.blog #content .archive-layout-grid-col-3.post:nth-child(3n+2),
.search #content .archive-layout-grid-col-3.post:nth-child(3n+2),
.archive #content .archive-layout-grid-col-3.post:nth-child(3n+3),
.blog #content .archive-layout-grid-col-3.post:nth-child(3n+3),
.search #content .archive-layout-grid-col-3.post:nth-child(3n+3) {
float: none;
width: 100%;
margin-left: 0;
}
.archive #content .archive-layout-grid-col-4.post,
.blog #content .archive-layout-grid-col-4.post,
.search #content .archive-layout-grid-col-4.post,
.archive #content .archive-layout-grid-col-4.post:nth-child(4n+2),
.blog #content .archive-layout-grid-col-4.post:nth-child(4n+2),
.search #content .archive-layout-grid-col-4.post:nth-child(4n+2),
.archive #content .archive-layout-grid-col-4.post:nth-child(4n+3),
.blog #content .archive-layout-grid-col-4.post:nth-child(4n+3),
.search #content .archive-layout-grid-col-4.post:nth-child(4n+3),
.archive #content .archive-layout-grid-col-4.post:nth-child(4n+4),
.blog #content .archive-layout-grid-col-4.post:nth-child(4n+4),
.search #content .archive-layout-grid-col-4.post:nth-child(4n+4) {
float: none;
width: 100%;
margin-left: 0;
}
.blog .post:first-child, .blog .post:nth-child(2n), .blog .post:nth-child(2n+1),
.search .post:first-child,
.search .post:nth-child(2n),
.search .post:nth-child(2n+1) {
float: none;
width: 100%;
}
.tg-footer-main-widget {
float: none;
margin-right: 0;
width: 100%;
}
.tg-footer-other-widgets {
float: none;
width: 100%;
}
.footer-socket-right-section, .footer-socket-left-section {
float: none;
text-align: center;
}
.footer-socket-wrapper .copyright {
float: none;
max-width: 100%;
text-align: center;
}
.footer-socket-area .social-links {
float: none;
}
.gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
width: 25%;
}
.author-img {
display: block;
margin: 0 auto;
}
.author-img img {
margin-right: 0;
}
.avatar {
border-radius: 50%;
display: inline-block;
float: none;
margin: 0 auto;
}
.search .status-publish:nth-child(2n), .search .status-publish:nth-child(2n+1) {
float: none;
width: 100%;
}
.call-to-action__title {
font-size: 24px;
margin-bottom: 0;
}
.call-to-action-content {
margin-bottom: 20px;
}
.weather-forecast-day, #secondary .weather-forecast-day {
width: 52%;
}
.no-sidebar-full-width #primary .entry-content > .alignwide,
.no-sidebar #primary .entry-content > .alignwide {
margin-left: 0;
margin-right: 0;
}
.no-sidebar-full-width.box-layout #primary .entry-content > .alignwide,
.no-sidebar.box-layout #primary .entry-content > .alignwide {
margin-left: 0;
margin-right: 0;
}
.copyright-right .footer-socket-left-section {
float: none;
text-align: center;
}
.copyright-right .footer-socket-left-section .copyright {
text-align: center;
float: none;
max-width: 100%;
}
.copyright-right .footer-socket-right-section {
float: none;
text-align: center;
}
.copyright-right .footer-socket-right-section .social-links {
float: none;
text-align: center;
}
}
@media screen and (max-width: 420px) {
.widget_highlighted_posts .single-article {
float: none;
margin-right: 0;
max-width: 100%;
}
.widget_featured_posts .first-post, .widget_featured_posts .following-post {
float: none;
width: 100%;
}
.main-content-section .tg-one-half {
width: 100%;
}
.main-content-section .tg-one-half.tg-one-half-last {
width: 100%;
}
.tg-second-footer-widget, .tg-third-footer-widget, .tg-fourth-footer-widget {
float: none;
margin-right: 0;
width: 100%;
}
.single-related-posts {
margin-right: 0;
width: 100%;
}
.gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
width: 33.33%;
}
}
@media screen and (max-width: 380px) {
#masthead .search-wrap input.s {
width: 165px;
}
}
/* CSS cod efor not displaying the content of slider/news until page loads */
/* Newsticker */
.newsticker, .breaking-news-widget-slide {
visibility: hidden;
}
/* Sliders */
.widget_slider_area_rotate, .widget_block_picture_news .widget_highlighted_post_area, .thumbnail-big-sliders, .image-ticker-news {
visibility: hidden;
height: 0;
}
/*--------------------------------------------------------------
17.0 JetPack Infinite Scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .default-wp-page, .infinite-scroll.neverending #colophon {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending #colophon {
display: block;
}
/*--------------------------------------------------------------
18.0 single post pagination
--------------------------------------------------------------*/
.default-wp-page .previous, .default-wp-page .next {
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tabs-shortcode.ui-tabs {
padding:.2em;
zoom:1;
clear:both;
background:#FFF;
padding:0;
margin:0
}
.tabs-shortcode.ui-tabs-nav {
list-style:none !important;
padding:.2em 0 0 !important;
margin:0 !important
}
.tabs-shortcode .ui-tabs-nav:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}
* html .tabs-shortcode .ui-tabs-nav {
zoom:1
}
*:first-child+html .tabs-shortcode .ui-tabs-nav {
zoom:1
}
.tabs-shortcode .ui-tabs-nav li {
position:relative;
float:left;
border:1px solid #CCC;
background:#EEE;
list-style:none !important;
z-index:100;
padding:0
}
.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
background:#FFF;
color:#111
}
.tabs-shortcode .ui-tabs-nav li:before {
content:""
}
.tabs-shortcode .ui-tabs-nav li a {
float:left;
text-decoration:none;
padding:2px 1em;
color:#333;
border:none !important
}
.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor:default
}
.tabs-shortcode .ui-tabs-nav li a,
.tabs-shortcode.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a,
.tabs-shortcode.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor:pointer
}
.tabs-shortcode .ui-tabs-panel {
display:block;
border-width:0;
background:none
}
.tabs-shortcode .ui-tabs-hide {
display:none !important
}
.tabs-shortcode.ui-tabs-panel {
clear:both
}
.tabs-shortcode-top .ui-tabs-nav,
.tabs-shortcode-bottom .ui-tabs-nav {
margin-left:0 !important
}
.tabs-shortcode-top .ui-tabs-nav li,
.tabs-shortcode-bottom .ui-tabs-nav li {
position:relative;
float:left;
position:relative;
float:left
}
.tabs-shortcode-top .ui-tabs-nav {
border-bottom:1px solid #CCC
}
.tabs-shortcode-top .ui-tabs-nav li.ui-tabs-active,
.tabs-shortcode-top .ui-tabs-nav li.ui-tabs-selected {
padding-bottom:1px !important;
border-bottom:0;
margin:1px .3em -1px 0 !important
}
.tabs-shortcode-top .ui-tabs-nav li {
border-bottom-width:0 !important;
margin:1px .3em 0 0 !important
}
.tabs-shortcode-bottom .ui-tabs-nav {
border-top:1px solid #CCC
}
.tabs-shortcode-bottom .ui-tabs-nav li.ui-tabs-active,
.tabs-shortcode-bottom .ui-tabs-nav li.ui-tabs-selected {
padding-top:1px !important;
border-top:0;
margin:-1px .3em 1px 0 !important
}
.tabs-shortcode-bottom .ui-tabs-nav li {
border-top-width:0 !important;
margin:0 .3em 1px 0 !important
}
.tabs-shortcode-left .ui-tabs-nav,
.tabs-shortcode-right .ui-tabs-nav {
width:150px;
margin:0 !important
}
.tabs-shortcode-left .ui-tabs-nav li,
.tabs-shortcode-left,
.tabs-shortcode-right .ui-tabs-nav li,
.tabs-shortcode-right {
position:relative;
overflow:hidden
}
.tabs-shortcode-left .ui-tabs-nav li,
.tabs-shortcode-right .ui-tabs-nav li {
margin:0 0 0.3em 0;
width:100%
}
.tabs-shortcode-left .ui-tabs-nav li a,
.tabs-shortcode-right .ui-tabs-nav li a {
width:100%
}
.tabs-shortcode-left .ui-tabs-panel,
.tabs-shortcode-right .ui-tabs-panel {
margin-left:165px
}
.tabs-shortcode-left .ui-tabs-nav {
border-right:1px solid #CCC;
padding:0 1px 10px 0 !important
}
.tabs-shortcode-left .ui-tabs-nav,
.tabs-shortcode-left .ui-tabs-nav li {
float:left
}
.tabs-shortcode-left .ui-tabs-nav li.ui-tabs-active,
.tabs-shortcode-left .ui-tabs-nav li.ui-tabs-selected {
padding-right:1px;
border-right:0;
margin:0 1px 0.3em 0
}
.tabs-shortcode-right .ui-tabs-nav {
border-left:1px solid #CCC;
padding:0 0 10px 1px !important
}
.tabs-shortcode-right .ui-tabs-nav,
.tabs-shortcode-right .ui-tabs-nav li {
float:right
}
.tabs-shortcode-right .ui-tabs-nav li.ui-tabs-active,
.tabs-shortcode-right .ui-tabs-nav li.ui-tabs-selected {
padding-left:1px;
border-left:0;
margin:0 0 0.3em 1px
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-transform-origin: left bottom;
-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-transform-origin: left bottom;
-transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.wpsm_nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.wpsm_nav > li {
position: relative;
display: block;
}
.wpsm_nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.wpsm_nav > li > a:hover,
.wpsm_nav > li > a:focus {
text-decoration: none;
background-color: #eee;
}
.wpsm_nav > li.disabled > a {
color: #777;
}
.wpsm_nav > li.disabled > a:hover,
.wpsm_nav > li.disabled > a:focus {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.wpsm_nav .open > a,
.wpsm_nav .open > a:hover,
.wpsm_nav .open > a:focus {
background-color: #eee;
border-color: #337ab7;
}
.wpsm_nav .wpsm_nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.wpsm_nav > li > a > img {
max-width: none;
}
.wpsm_nav-tabs {
border-bottom: 1px solid #ddd;
}
.wpsm_nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.wpsm_nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.wpsm_nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.wpsm_nav-tabs > li.active > a,
.wpsm_nav-tabs > li.active > a:hover,
.wpsm_nav-tabs > li.active > a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.wpsm_nav-tabs.wpsm_nav-justified {
width: 100%;
border-bottom: 0;
}
.wpsm_nav-tabs.wpsm_nav-justified > li {
float: none;
}
.wpsm_nav-tabs.wpsm_nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.wpsm_nav-tabs.wpsm_nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.wpsm_nav-tabs.wpsm_nav-justified > li {
display: table-cell;
width: 1%;
}
.wpsm_nav-tabs.wpsm_nav-justified > li > a {
margin-bottom: 0;
}
}
.wpsm_nav-tabs.wpsm_nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.wpsm_nav-tabs.wpsm_nav-justified > .active > a,
.wpsm_nav-tabs.wpsm_nav-justified > .active > a:hover,
.wpsm_nav-tabs.wpsm_nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.wpsm_nav-tabs.wpsm_nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.wpsm_nav-tabs.wpsm_nav-justified > .active > a,
.wpsm_nav-tabs.wpsm_nav-justified > .active > a:hover,
.wpsm_nav-tabs.wpsm_nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.wpsm_nav-pills > li {
float: left;
}
.wpsm_nav-pills > li > a {
border-radius: 4px;
}
.wpsm_nav-pills > li + li {
margin-left: 2px;
}
.wpsm_nav-pills > li.active > a,
.wpsm_nav-pills > li.active > a:hover,
.wpsm_nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7;
}
.wpsm_nav-stacked > li {
float: none;
}
.wpsm_nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.wpsm_nav-justified {
width: 100%;
}
.wpsm_nav-justified > li {
float: none;
}
.wpsm_nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.wpsm_nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.wpsm_nav-justified > li {
display: table-cell;
width: 1%;
}
.wpsm_nav-justified > li > a {
margin-bottom: 0;
}
}
.wpsm_nav-tabs-justified {
border-bottom: 0;
}
.wpsm_nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.wpsm_nav-tabs-justified > .active > a,
.wpsm_nav-tabs-justified > .active > a:hover,
.wpsm_nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.wpsm_nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.wpsm_nav-tabs-justified > .active > a,
.wpsm_nav-tabs-justified > .active > a:hover,
.wpsm_nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block !important;
}
.wpsm_nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.wpsm_navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.wpsm_navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.wpsm_navbar-header {
float: left;
}
}
.wpsm_navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.wpsm_navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.wpsm_navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.wpsm_navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.wpsm_navbar-collapse.in {
overflow-y: visible;
}
.wpsm_navbar-fixed-top .wpsm_navbar-collapse,
.wpsm_navbar-static-top .wpsm_navbar-collapse,
.wpsm_navbar-fixed-bottom .wpsm_navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.wpsm_navbar-fixed-top .wpsm_navbar-collapse,
.wpsm_navbar-fixed-bottom .wpsm_navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.wpsm_navbar-fixed-top .wpsm_navbar-collapse,
.wpsm_navbar-fixed-bottom .wpsm_navbar-collapse {
max-height: 200px;
}
}
.container > .wpsm_navbar-header,
.container-fluid > .wpsm_navbar-header,
.container > .wpsm_navbar-collapse,
.container-fluid > .wpsm_navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .wpsm_navbar-header,
.container-fluid > .wpsm_navbar-header,
.container > .wpsm_navbar-collapse,
.container-fluid > .wpsm_navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.wpsm_navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.wpsm_navbar-static-top {
border-radius: 0;
}
}
.wpsm_navbar-fixed-top,
.wpsm_navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.wpsm_navbar-fixed-top,
.wpsm_navbar-fixed-bottom {
border-radius: 0;
}
}
.wpsm_navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.wpsm_navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.wpsm_navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.wpsm_navbar-brand:hover,
.wpsm_navbar-brand:focus {
text-decoration: none;
}
.wpsm_navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.wpsm_navbar > .container .wpsm_navbar-brand,
.wpsm_navbar > .container-fluid .wpsm_navbar-brand {
margin-left: -15px;
}
}
.wpsm_navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.wpsm_navbar-toggle:focus {
outline: 0;
}
.wpsm_navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.wpsm_navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.wpsm_navbar-toggle {
display: none;
}
}
.wpsm_navbar-wpsm_nav {
margin: 7.5px -15px;
}
.wpsm_navbar-wpsm_nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.wpsm_navbar-wpsm_nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a,
.wpsm_navbar-wpsm_nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a:hover,
.wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.wpsm_navbar-wpsm_nav {
float: left;
margin: 0;
}
.wpsm_navbar-wpsm_nav > li {
float: left;
}
.wpsm_navbar-wpsm_nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.wpsm_navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
.wpsm_navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.wpsm_navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.wpsm_navbar-form .form-control-static {
display: inline-block;
}
.wpsm_navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.wpsm_navbar-form .input-group .input-group-addon,
.wpsm_navbar-form .input-group .input-group-btn,
.wpsm_navbar-form .input-group .form-control {
width: auto;
}
.wpsm_navbar-form .input-group > .form-control {
width: 100%;
}
.wpsm_navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.wpsm_navbar-form .radio,
.wpsm_navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.wpsm_navbar-form .radio label,
.wpsm_navbar-form .checkbox label {
padding-left: 0;
}
.wpsm_navbar-form .radio input[type="radio"],
.wpsm_navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.wpsm_navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.wpsm_navbar-form .form-group {
margin-bottom: 5px;
}
.wpsm_navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.wpsm_navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.wpsm_navbar-wpsm_nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.wpsm_navbar-fixed-bottom .wpsm_navbar-wpsm_nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.wpsm_navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.wpsm_navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.wpsm_navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.wpsm_navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.wpsm_navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px;
}
}
@media (min-width: 768px) {
.wpsm_navbar-left {
float: left !important;
}
.wpsm_navbar-right {
float: right !important;
margin-right: -15px;
}
.wpsm_navbar-right ~ .wpsm_navbar-right {
margin-right: 0;
}
}
.wpsm_navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.wpsm_navbar-default .wpsm_navbar-brand {
color: #777;
}
.wpsm_navbar-default .wpsm_navbar-brand:hover,
.wpsm_navbar-default .wpsm_navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.wpsm_navbar-default .wpsm_navbar-text {
color: #777;
}
.wpsm_navbar-default .wpsm_navbar-wpsm_nav > li > a {
color: #777;
}
.wpsm_navbar-default .wpsm_navbar-wpsm_nav > li > a:hover,
.wpsm_navbar-default .wpsm_navbar-wpsm_nav > li > a:focus {
color: #333;
background-color: transparent;
}
.wpsm_navbar-default .wpsm_navbar-wpsm_nav > .active > a,
.wpsm_navbar-default .wpsm_navbar-wpsm_nav > .active > a:hover,
.wpsm_navbar-default .wpsm_navbar-wpsm_nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.wpsm_navbar-default .wpsm_navbar-wpsm_nav > .disabled > a,
.wpsm_navbar-default .wpsm_navbar-wpsm_nav > .disabled > a:hover,
.wpsm_navbar-default .wpsm_navbar-wpsm_nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.wpsm_navbar-default .wpsm_navbar-toggle {
border-color: #ddd;
}
.wpsm_navbar-default .wpsm_navbar-toggle:hover,
.wpsm_navbar-default .wpsm_navbar-toggle:focus {
background-color: #ddd;
}
.wpsm_navbar-default .wpsm_navbar-toggle .icon-bar {
background-color: #888;
}
.wpsm_navbar-default .wpsm_navbar-collapse,
.wpsm_navbar-default .wpsm_navbar-form {
border-color: #e7e7e7;
}
.wpsm_navbar-default .wpsm_navbar-wpsm_nav > .open > a,
.wpsm_navbar-default .wpsm_navbar-wpsm_nav > .open > a:hover,
.wpsm_navbar-default .wpsm_navbar-wpsm_nav > .open > a:focus {
color: #555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a {
color: #777;
}
.wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a:hover,
.wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > .active > a,
.wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > .active > a:hover,
.wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > .disabled > a,
.wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > .disabled > a:hover,
.wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.wpsm_navbar-default .wpsm_navbar-link {
color: #777;
}
.wpsm_navbar-default .wpsm_navbar-link:hover {
color: #333;
}
.wpsm_navbar-default .btn-link {
color: #777;
}
.wpsm_navbar-default .btn-link:hover,
.wpsm_navbar-default .btn-link:focus {
color: #333;
}
.wpsm_navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .wpsm_navbar-default .btn-link:hover,
.wpsm_navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .wpsm_navbar-default .btn-link:focus {
color: #ccc;
}
.wpsm_navbar-inverse {
background-color: #222;
border-color: #080808;
}
.wpsm_navbar-inverse .wpsm_navbar-brand {
color: #9d9d9d;
}
.wpsm_navbar-inverse .wpsm_navbar-brand:hover,
.wpsm_navbar-inverse .wpsm_navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.wpsm_navbar-inverse .wpsm_navbar-text {
color: #9d9d9d;
}
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > li > a {
color: #9d9d9d;
}
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > li > a:hover,
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .active > a,
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .active > a:hover,
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .disabled > a,
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .disabled > a:hover,
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.wpsm_navbar-inverse .wpsm_navbar-toggle {
border-color: #333;
}
.wpsm_navbar-inverse .wpsm_navbar-toggle:hover,
.wpsm_navbar-inverse .wpsm_navbar-toggle:focus {
background-color: #333;
}
.wpsm_navbar-inverse .wpsm_navbar-toggle .icon-bar {
background-color: #fff;
}
.wpsm_navbar-inverse .wpsm_navbar-collapse,
.wpsm_navbar-inverse .wpsm_navbar-form {
border-color: #101010;
}
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .open > a,
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .open > a:hover,
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .open > a:focus {
color: #fff;
background-color: #080808;
}
@media (max-width: 767px) {
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu .divider {
background-color: #080808;
}
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a:hover,
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > .active > a,
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > .active > a:hover,
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #080808;
}
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > .disabled > a,
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > .disabled > a:hover,
.wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.wpsm_navbar-inverse .wpsm_navbar-link {
color: #9d9d9d;
}
.wpsm_navbar-inverse .wpsm_navbar-link:hover {
color: #fff;
}
.wpsm_navbar-inverse .btn-link {
color: #9d9d9d;
}
.wpsm_navbar-inverse .btn-link:hover,
.wpsm_navbar-inverse .btn-link:focus {
color: #fff;
}
.wpsm_navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .wpsm_navbar-inverse .btn-link:hover,
.wpsm_navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .wpsm_navbar-inverse .btn-link:focus {
color: #444;
}
.wpsm_nav:before,
.wpsm_nav:after,
.wpsm_navbar:before,
.wpsm_navbar:after,
.wpsm_navbar-header:before,
.wpsm_navbar-header:after,
.wpsm_navbar-collapse:before,
.wpsm_navbar-collapse:after {
display: table;
content: " ";
}
.wpsm_nav:after,
.wpsm_navbar:after,
.wpsm_navbar-header:after,
.wpsm_navbar-collapse:after{
clear: both;
}
@media (max-width: 768px) {
.wpsm_nav-tabs > li{
float:none;
}
}
.tab-content{
overflow:hidden;
}
/*!
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face {
font-family:'FontAwesome';
src:url('../fonts/fontawesome-webfont.eot?v=4.1.0');
src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),
url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),
url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),
url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
font-weight:normal;
font-style:normal
}
.fa {
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.fa-lg {
font-size:1.33333333em;
line-height:.75em;
vertical-align:-15%
}
.fa-2x {
font-size:2em
}
.fa-3x {
font-size:3em
}
.fa-4x {
font-size:4em
}
.fa-5x {
font-size:5em
}
.fa-fw {
width:1.28571429em;
text-align:center
}
.fa-ul {
padding-left:0;
margin-left:2.14285714em;
list-style-type:none
}
.fa-ul>li {
position:relative
}
.fa-li {
position:absolute;
left:-2.14285714em;
width:2.14285714em;
top:.14285714em;
text-align:center
}
.fa-li.fa-lg {
left:-1.85714286em
}
.fa-border {
padding:.2em .25em .15em;
border:solid .08em #eee;
border-radius:.1em
}
.pull-right {
float:right
}
.pull-left {
float:left
}
.fa.pull-left {
margin-right:.3em
}
.fa.pull-right {
margin-left:.3em
}
.fa-spin {
-webkit-animation:spin 2s infinite linear;
-moz-animation:spin 2s infinite linear;
-o-animation:spin 2s infinite linear;
animation:spin 2s infinite linear
}
@-moz-keyframes spin {
0% {
-moz-transform:rotate(0deg)
}
100% {
-moz-transform:rotate(359deg)
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg)
}
}
@-o-keyframes spin {
0% {
-o-transform:rotate(0deg)
}
100% {
-o-transform:rotate(359deg)
}
}
@keyframes spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
.fa-rotate-90 {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
.fa-rotate-180 {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)
}
.fa-rotate-270 {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg)
}
.fa-flip-horizontal {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform:scale(-1, 1);
-moz-transform:scale(-1, 1);
-ms-transform:scale(-1, 1);
-o-transform:scale(-1, 1);
transform:scale(-1, 1)
}
.fa-flip-vertical {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform:scale(1, -1);
-moz-transform:scale(1, -1);
-ms-transform:scale(1, -1);
-o-transform:scale(1, -1);
transform:scale(1, -1)
}
.fa-stack {
position:relative;
display:inline-block;
width:2em;
height:2em;
line-height:2em;
vertical-align:middle
}
.fa-stack-1x,
.fa-stack-2x {
position:absolute;
left:0;
width:100%;
text-align:center
}
.fa-stack-1x {
line-height:inherit
}
.fa-stack-2x {
font-size:2em
}
.fa-inverse {
color:#fff
}
.fa-glass:before {
content:"\f000"
}
.fa-music:before {
content:"\f001"
}
.fa-search:before {
content:"\f002"
}
.fa-envelope-o:before {
content:"\f003"
}
.fa-heart:before {
content:"\f004"
}
.fa-star:before {
content:"\f005"
}
.fa-star-o:before {
content:"\f006"
}
.fa-user:before {
content:"\f007"
}
.fa-film:before {
content:"\f008"
}
.fa-th-large:before {
content:"\f009"
}
.fa-th:before {
content:"\f00a"
}
.fa-th-list:before {
content:"\f00b"
}
.fa-check:before {
content:"\f00c"
}
.fa-times:before {
content:"\f00d"
}
.fa-search-plus:before {
content:"\f00e"
}
.fa-search-minus:before {
content:"\f010"
}
.fa-power-off:before {
content:"\f011"
}
.fa-signal:before {
content:"\f012"
}
.fa-gear:before,
.fa-cog:before {
content:"\f013"
}
.fa-trash-o:before {
content:"\f014"
}
.fa-home:before {
content:"\f015"
}
.fa-file-o:before {
content:"\f016"
}
.fa-clock-o:before {
content:"\f017"
}
.fa-road:before {
content:"\f018"
}
.fa-download:before {
content:"\f019"
}
.fa-arrow-circle-o-down:before {
content:"\f01a"
}
.fa-arrow-circle-o-up:before {
content:"\f01b"
}
.fa-inbox:before {
content:"\f01c"
}
.fa-play-circle-o:before {
content:"\f01d"
}
.fa-rotate-right:before,
.fa-repeat:before {
content:"\f01e"
}
.fa-refresh:before {
content:"\f021"
}
.fa-list-alt:before {
content:"\f022"
}
.fa-lock:before {
content:"\f023"
}
.fa-flag:before {
content:"\f024"
}
.fa-headphones:before {
content:"\f025"
}
.fa-volume-off:before {
content:"\f026"
}
.fa-volume-down:before {
content:"\f027"
}
.fa-volume-up:before {
content:"\f028"
}
.fa-qrcode:before {
content:"\f029"
}
.fa-barcode:before {
content:"\f02a"
}
.fa-tag:before {
content:"\f02b"
}
.fa-tags:before {
content:"\f02c"
}
.fa-book:before {
content:"\f02d"
}
.fa-bookmark:before {
content:"\f02e"
}
.fa-print:before {
content:"\f02f"
}
.fa-camera:before {
content:"\f030"
}
.fa-font:before {
content:"\f031"
}
.fa-bold:before {
content:"\f032"
}
.fa-italic:before {
content:"\f033"
}
.fa-text-height:before {
content:"\f034"
}
.fa-text-width:before {
content:"\f035"
}
.fa-align-left:before {
content:"\f036"
}
.fa-align-center:before {
content:"\f037"
}
.fa-align-right:before {
content:"\f038"
}
.fa-align-justify:before {
content:"\f039"
}
.fa-list:before {
content:"\f03a"
}
.fa-dedent:before,
.fa-outdent:before {
content:"\f03b"
}
.fa-indent:before {
content:"\f03c"
}
.fa-video-camera:before {
content:"\f03d"
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content:"\f03e"
}
.fa-pencil:before {
content:"\f040"
}
.fa-map-marker:before {
content:"\f041"
}
.fa-adjust:before {
content:"\f042"
}
.fa-tint:before {
content:"\f043"
}
.fa-edit:before,
.fa-pencil-square-o:before {
content:"\f044"
}
.fa-share-square-o:before {
content:"\f045"
}
.fa-check-square-o:before {
content:"\f046"
}
.fa-arrows:before {
content:"\f047"
}
.fa-step-backward:before {
content:"\f048"
}
.fa-fast-backward:before {
content:"\f049"
}
.fa-backward:before {
content:"\f04a"
}
.fa-play:before {
content:"\f04b"
}
.fa-pause:before {
content:"\f04c"
}
.fa-stop:before {
content:"\f04d"
}
.fa-forward:before {
content:"\f04e"
}
.fa-fast-forward:before {
content:"\f050"
}
.fa-step-forward:before {
content:"\f051"
}
.fa-eject:before {
content:"\f052"
}
.fa-chevron-left:before {
content:"\f053"
}
.fa-chevron-right:before {
content:"\f054"
}
.fa-plus-circle:before {
content:"\f055"
}
.fa-minus-circle:before {
content:"\f056"
}
.fa-times-circle:before {
content:"\f057"
}
.fa-check-circle:before {
content:"\f058"
}
.fa-question-circle:before {
content:"\f059"
}
.fa-info-circle:before {
content:"\f05a"
}
.fa-crosshairs:before {
content:"\f05b"
}
.fa-times-circle-o:before {
content:"\f05c"
}
.fa-check-circle-o:before {
content:"\f05d"
}
.fa-ban:before {
content:"\f05e"
}
.fa-arrow-left:before {
content:"\f060"
}
.fa-arrow-right:before {
content:"\f061"
}
.fa-arrow-up:before {
content:"\f062"
}
.fa-arrow-down:before {
content:"\f063"
}
.fa-mail-forward:before,
.fa-share:before {
content:"\f064"
}
.fa-expand:before {
content:"\f065"
}
.fa-compress:before {
content:"\f066"
}
.fa-plus:before {
content:"\f067"
}
.fa-minus:before {
content:"\f068"
}
.fa-asterisk:before {
content:"\f069"
}
.fa-exclamation-circle:before {
content:"\f06a"
}
.fa-gift:before {
content:"\f06b"
}
.fa-leaf:before {
content:"\f06c"
}
.fa-fire:before {
content:"\f06d"
}
.fa-eye:before {
content:"\f06e"
}
.fa-eye-slash:before {
content:"\f070"
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content:"\f071"
}
.fa-plane:before {
content:"\f072"
}
.fa-calendar:before {
content:"\f073"
}
.fa-random:before {
content:"\f074"
}
.fa-comment:before {
content:"\f075"
}
.fa-magnet:before {
content:"\f076"
}
.fa-chevron-up:before {
content:"\f077"
}
.fa-chevron-down:before {
content:"\f078"
}
.fa-retweet:before {
content:"\f079"
}
.fa-shopping-cart:before {
content:"\f07a"
}
.fa-folder:before {
content:"\f07b"
}
.fa-folder-open:before {
content:"\f07c"
}
.fa-arrows-v:before {
content:"\f07d"
}
.fa-arrows-h:before {
content:"\f07e"
}
.fa-bar-chart-o:before {
content:"\f080"
}
.fa-twitter-square:before {
content:"\f081"
}
.fa-facebook-square:before {
content:"\f082"
}
.fa-camera-retro:before {
content:"\f083"
}
.fa-key:before {
content:"\f084"
}
.fa-gears:before,
.fa-cogs:before {
content:"\f085"
}
.fa-comments:before {
content:"\f086"
}
.fa-thumbs-o-up:before {
content:"\f087"
}
.fa-thumbs-o-down:before {
content:"\f088"
}
.fa-star-half:before {
content:"\f089"
}
.fa-heart-o:before {
content:"\f08a"
}
.fa-sign-out:before {
content:"\f08b"
}
.fa-linkedin-square:before {
content:"\f08c"
}
.fa-thumb-tack:before {
content:"\f08d"
}
.fa-external-link:before {
content:"\f08e"
}
.fa-sign-in:before {
content:"\f090"
}
.fa-trophy:before {
content:"\f091"
}
.fa-github-square:before {
content:"\f092"
}
.fa-upload:before {
content:"\f093"
}
.fa-lemon-o:before {
content:"\f094"
}
.fa-phone:before {
content:"\f095"
}
.fa-square-o:before {
content:"\f096"
}
.fa-bookmark-o:before {
content:"\f097"
}
.fa-phone-square:before {
content:"\f098"
}
.fa-twitter:before {
content:"\f099"
}
.fa-facebook:before {
content:"\f09a"
}
.fa-github:before {
content:"\f09b"
}
.fa-unlock:before {
content:"\f09c"
}
.fa-credit-card:before {
content:"\f09d"
}
.fa-rss:before {
content:"\f09e"
}
.fa-hdd-o:before {
content:"\f0a0"
}
.fa-bullhorn:before {
content:"\f0a1"
}
.fa-bell:before {
content:"\f0f3"
}
.fa-certificate:before {
content:"\f0a3"
}
.fa-hand-o-right:before {
content:"\f0a4"
}
.fa-hand-o-left:before {
content:"\f0a5"
}
.fa-hand-o-up:before {
content:"\f0a6"
}
.fa-hand-o-down:before {
content:"\f0a7"
}
.fa-arrow-circle-left:before {
content:"\f0a8"
}
.fa-arrow-circle-right:before {
content:"\f0a9"
}
.fa-arrow-circle-up:before {
content:"\f0aa"
}
.fa-arrow-circle-down:before {
content:"\f0ab"
}
.fa-globe:before {
content:"\f0ac"
}
.fa-wrench:before {
content:"\f0ad"
}
.fa-tasks:before {
content:"\f0ae"
}
.fa-filter:before {
content:"\f0b0"
}
.fa-briefcase:before {
content:"\f0b1"
}
.fa-arrows-alt:before {
content:"\f0b2"
}
.fa-group:before,
.fa-users:before {
content:"\f0c0"
}
.fa-chain:before,
.fa-link:before {
content:"\f0c1"
}
.fa-cloud:before {
content:"\f0c2"
}
.fa-flask:before {
content:"\f0c3"
}
.fa-cut:before,
.fa-scissors:before {
content:"\f0c4"
}
.fa-copy:before,
.fa-files-o:before {
content:"\f0c5"
}
.fa-paperclip:before {
content:"\f0c6"
}
.fa-save:before,
.fa-floppy-o:before {
content:"\f0c7"
}
.fa-square:before {
content:"\f0c8"
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content:"\f0c9"
}
.fa-list-ul:before {
content:"\f0ca"
}
.fa-list-ol:before {
content:"\f0cb"
}
.fa-strikethrough:before {
content:"\f0cc"
}
.fa-underline:before {
content:"\f0cd"
}
.fa-table:before {
content:"\f0ce"
}
.fa-magic:before {
content:"\f0d0"
}
.fa-truck:before {
content:"\f0d1"
}
.fa-pinterest:before {
content:"\f0d2"
}
.fa-pinterest-square:before {
content:"\f0d3"
}
.fa-google-plus-square:before {
content:"\f0d4"
}
.fa-google-plus:before {
content:"\f0d5"
}
.fa-money:before {
content:"\f0d6"
}
.fa-caret-down:before {
content:"\f0d7"
}
.fa-caret-up:before {
content:"\f0d8"
}
.fa-caret-left:before {
content:"\f0d9"
}
.fa-caret-right:before {
content:"\f0da"
}
.fa-columns:before {
content:"\f0db"
}
.fa-unsorted:before,
.fa-sort:before {
content:"\f0dc"
}
.fa-sort-down:before,
.fa-sort-desc:before {
content:"\f0dd"
}
.fa-sort-up:before,
.fa-sort-asc:before {
content:"\f0de"
}
.fa-envelope:before {
content:"\f0e0"
}
.fa-linkedin:before {
content:"\f0e1"
}
.fa-rotate-left:before,
.fa-undo:before {
content:"\f0e2"
}
.fa-legal:before,
.fa-gavel:before {
content:"\f0e3"
}
.fa-dashboard:before,
.fa-tachometer:before {
content:"\f0e4"
}
.fa-comment-o:before {
content:"\f0e5"
}
.fa-comments-o:before {
content:"\f0e6"
}
.fa-flash:before,
.fa-bolt:before {
content:"\f0e7"
}
.fa-sitemap:before {
content:"\f0e8"
}
.fa-umbrella:before {
content:"\f0e9"
}
.fa-paste:before,
.fa-clipboard:before {
content:"\f0ea"
}
.fa-lightbulb-o:before {
content:"\f0eb"
}
.fa-exchange:before {
content:"\f0ec"
}
.fa-cloud-download:before {
content:"\f0ed"
}
.fa-cloud-upload:before {
content:"\f0ee"
}
.fa-user-md:before {
content:"\f0f0"
}
.fa-stethoscope:before {
content:"\f0f1"
}
.fa-suitcase:before {
content:"\f0f2"
}
.fa-bell-o:before {
content:"\f0a2"
}
.fa-coffee:before {
content:"\f0f4"
}
.fa-cutlery:before {
content:"\f0f5"
}
.fa-file-text-o:before {
content:"\f0f6"
}
.fa-building-o:before {
content:"\f0f7"
}
.fa-hospital-o:before {
content:"\f0f8"
}
.fa-ambulance:before {
content:"\f0f9"
}
.fa-medkit:before {
content:"\f0fa"
}
.fa-fighter-jet:before {
content:"\f0fb"
}
.fa-beer:before {
content:"\f0fc"
}
.fa-h-square:before {
content:"\f0fd"
}
.fa-plus-square:before {
content:"\f0fe"
}
.fa-angle-double-left:before {
content:"\f100"
}
.fa-angle-double-right:before {
content:"\f101"
}
.fa-angle-double-up:before {
content:"\f102"
}
.fa-angle-double-down:before {
content:"\f103"
}
.fa-angle-left:before {
content:"\f104"
}
.fa-angle-right:before {
content:"\f105"
}
.fa-angle-up:before {
content:"\f106"
}
.fa-angle-down:before {
content:"\f107"
}
.fa-desktop:before {
content:"\f108"
}
.fa-laptop:before {
content:"\f109"
}
.fa-tablet:before {
content:"\f10a"
}
.fa-mobile-phone:before,
.fa-mobile:before {
content:"\f10b"
}
.fa-circle-o:before {
content:"\f10c"
}
.fa-quote-left:before {
content:"\f10d"
}
.fa-quote-right:before {
content:"\f10e"
}
.fa-spinner:before {
content:"\f110"
}
.fa-circle:before {
content:"\f111"
}
.fa-mail-reply:before,
.fa-reply:before {
content:"\f112"
}
.fa-github-alt:before {
content:"\f113"
}
.fa-folder-o:before {
content:"\f114"
}
.fa-folder-open-o:before {
content:"\f115"
}
.fa-smile-o:before {
content:"\f118"
}
.fa-frown-o:before {
content:"\f119"
}
.fa-meh-o:before {
content:"\f11a"
}
.fa-gamepad:before {
content:"\f11b"
}
.fa-keyboard-o:before {
content:"\f11c"
}
.fa-flag-o:before {
content:"\f11d"
}
.fa-flag-checkered:before {
content:"\f11e"
}
.fa-terminal:before {
content:"\f120"
}
.fa-code:before {
content:"\f121"
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content:"\f122"
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content:"\f123"
}
.fa-location-arrow:before {
content:"\f124"
}
.fa-crop:before {
content:"\f125"
}
.fa-code-fork:before {
content:"\f126"
}
.fa-unlink:before,
.fa-chain-broken:before {
content:"\f127"
}
.fa-question:before {
content:"\f128"
}
.fa-info:before {
content:"\f129"
}
.fa-exclamation:before {
content:"\f12a"
}
.fa-superscript:before {
content:"\f12b"
}
.fa-subscript:before {
content:"\f12c"
}
.fa-eraser:before {
content:"\f12d"
}
.fa-puzzle-piece:before {
content:"\f12e"
}
.fa-microphone:before {
content:"\f130"
}
.fa-microphone-slash:before {
content:"\f131"
}
.fa-shield:before {
content:"\f132"
}
.fa-calendar-o:before {
content:"\f133"
}
.fa-fire-extinguisher:before {
content:"\f134"
}
.fa-rocket:before {
content:"\f135"
}
.fa-maxcdn:before {
content:"\f136"
}
.fa-chevron-circle-left:before {
content:"\f137"
}
.fa-chevron-circle-right:before {
content:"\f138"
}
.fa-chevron-circle-up:before {
content:"\f139"
}
.fa-chevron-circle-down:before {
content:"\f13a"
}
.fa-html5:before {
content:"\f13b"
}
.fa-css3:before {
content:"\f13c"
}
.fa-anchor:before {
content:"\f13d"
}
.fa-unlock-alt:before {
content:"\f13e"
}
.fa-bullseye:before {
content:"\f140"
}
.fa-ellipsis-h:before {
content:"\f141"
}
.fa-ellipsis-v:before {
content:"\f142"
}
.fa-rss-square:before {
content:"\f143"
}
.fa-play-circle:before {
content:"\f144"
}
.fa-ticket:before {
content:"\f145"
}
.fa-minus-square:before {
content:"\f146"
}
.fa-minus-square-o:before {
content:"\f147"
}
.fa-level-up:before {
content:"\f148"
}
.fa-level-down:before {
content:"\f149"
}
.fa-check-square:before {
content:"\f14a"
}
.fa-pencil-square:before {
content:"\f14b"
}
.fa-external-link-square:before {
content:"\f14c"
}
.fa-share-square:before {
content:"\f14d"
}
.fa-compass:before {
content:"\f14e"
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content:"\f150"
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content:"\f151"
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content:"\f152"
}
.fa-euro:before,
.fa-eur:before {
content:"\f153"
}
.fa-gbp:before {
content:"\f154"
}
.fa-dollar:before,
.fa-usd:before {
content:"\f155"
}
.fa-rupee:before,
.fa-inr:before {
content:"\f156"
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content:"\f157"
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content:"\f158"
}
.fa-won:before,
.fa-krw:before {
content:"\f159"
}
.fa-bitcoin:before,
.fa-btc:before {
content:"\f15a"
}
.fa-file:before {
content:"\f15b"
}
.fa-file-text:before {
content:"\f15c"
}
.fa-sort-alpha-asc:before {
content:"\f15d"
}
.fa-sort-alpha-desc:before {
content:"\f15e"
}
.fa-sort-amount-asc:before {
content:"\f160"
}
.fa-sort-amount-desc:before {
content:"\f161"
}
.fa-sort-numeric-asc:before {
content:"\f162"
}
.fa-sort-numeric-desc:before {
content:"\f163"
}
.fa-thumbs-up:before {
content:"\f164"
}
.fa-thumbs-down:before {
content:"\f165"
}
.fa-youtube-square:before {
content:"\f166"
}
.fa-youtube:before {
content:"\f167"
}
.fa-xing:before {
content:"\f168"
}
.fa-xing-square:before {
content:"\f169"
}
.fa-youtube-play:before {
content:"\f16a"
}
.fa-dropbox:before {
content:"\f16b"
}
.fa-stack-overflow:before {
content:"\f16c"
}
.fa-instagram:before {
content:"\f16d"
}
.fa-flickr:before {
content:"\f16e"
}
.fa-adn:before {
content:"\f170"
}
.fa-bitbucket:before {
content:"\f171"
}
.fa-bitbucket-square:before {
content:"\f172"
}
.fa-tumblr:before {
content:"\f173"
}
.fa-tumblr-square:before {
content:"\f174"
}
.fa-long-arrow-down:before {
content:"\f175"
}
.fa-long-arrow-up:before {
content:"\f176"
}
.fa-long-arrow-left:before {
content:"\f177"
}
.fa-long-arrow-right:before {
content:"\f178"
}
.fa-apple:before {
content:"\f179"
}
.fa-windows:before {
content:"\f17a"
}
.fa-android:before {
content:"\f17b"
}
.fa-linux:before {
content:"\f17c"
}
.fa-dribbble:before {
content:"\f17d"
}
.fa-skype:before {
content:"\f17e"
}
.fa-foursquare:before {
content:"\f180"
}
.fa-trello:before {
content:"\f181"
}
.fa-female:before {
content:"\f182"
}
.fa-male:before {
content:"\f183"
}
.fa-gittip:before {
content:"\f184"
}
.fa-sun-o:before {
content:"\f185"
}
.fa-moon-o:before {
content:"\f186"
}
.fa-archive:before {
content:"\f187"
}
.fa-bug:before {
content:"\f188"
}
.fa-vk:before {
content:"\f189"
}
.fa-weibo:before {
content:"\f18a"
}
.fa-renren:before {
content:"\f18b"
}
.fa-pagelines:before {
content:"\f18c"
}
.fa-stack-exchange:before {
content:"\f18d"
}
.fa-arrow-circle-o-right:before {
content:"\f18e"
}
.fa-arrow-circle-o-left:before {
content:"\f190"
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content:"\f191"
}
.fa-dot-circle-o:before {
content:"\f192"
}
.fa-wheelchair:before {
content:"\f193"
}
.fa-vimeo-square:before {
content:"\f194"
}
.fa-turkish-lira:before,
.fa-try:before {
content:"\f195"
}
.fa-plus-square-o:before {
content:"\f196"
}
.fa-space-shuttle:before {
content:"\f197"
}
.fa-slack:before {
content:"\f198"
}
.fa-envelope-square:before {
content:"\f199"
}
.fa-wordpress:before {
content:"\f19a"
}
.fa-openid:before {
content:"\f19b"
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content:"\f19c"
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content:"\f19d"
}
.fa-yahoo:before {
content:"\f19e"
}
.fa-google:before {
content:"\f1a0"
}
.fa-reddit:before {
content:"\f1a1"
}
.fa-reddit-square:before {
content:"\f1a2"
}
.fa-stumbleupon-circle:before {
content:"\f1a3"
}
.fa-stumbleupon:before {
content:"\f1a4"
}
.fa-delicious:before {
content:"\f1a5"
}
.fa-digg:before {
content:"\f1a6"
}
.fa-pied-piper-square:before,
.fa-pied-piper:before {
content:"\f1a7"
}
.fa-pied-piper-alt:before {
content:"\f1a8"
}
.fa-drupal:before {
content:"\f1a9"
}
.fa-joomla:before {
content:"\f1aa"
}
.fa-language:before {
content:"\f1ab"
}
.fa-fax:before {
content:"\f1ac"
}
.fa-building:before {
content:"\f1ad"
}
.fa-child:before {
content:"\f1ae"
}
.fa-paw:before {
content:"\f1b0"
}
.fa-spoon:before {
content:"\f1b1"
}
.fa-cube:before {
content:"\f1b2"
}
.fa-cubes:before {
content:"\f1b3"
}
.fa-behance:before {
content:"\f1b4"
}
.fa-behance-square:before {
content:"\f1b5"
}
.fa-steam:before {
content:"\f1b6"
}
.fa-steam-square:before {
content:"\f1b7"
}
.fa-recycle:before {
content:"\f1b8"
}
.fa-automobile:before,
.fa-car:before {
content:"\f1b9"
}
.fa-cab:before,
.fa-taxi:before {
content:"\f1ba"
}
.fa-tree:before {
content:"\f1bb"
}
.fa-spotify:before {
content:"\f1bc"
}
.fa-deviantart:before {
content:"\f1bd"
}
.fa-soundcloud:before {
content:"\f1be"
}
.fa-database:before {
content:"\f1c0"
}
.fa-file-pdf-o:before {
content:"\f1c1"
}
.fa-file-word-o:before {
content:"\f1c2"
}
.fa-file-excel-o:before {
content:"\f1c3"
}
.fa-file-powerpoint-o:before {
content:"\f1c4"
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content:"\f1c5"
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content:"\f1c6"
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content:"\f1c7"
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content:"\f1c8"
}
.fa-file-code-o:before {
content:"\f1c9"
}
.fa-vine:before {
content:"\f1ca"
}
.fa-codepen:before {
content:"\f1cb"
}
.fa-jsfiddle:before {
content:"\f1cc"
}
.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content:"\f1cd"
}
.fa-circle-o-notch:before {
content:"\f1ce"
}
.fa-ra:before,
.fa-rebel:before {
content:"\f1d0"
}
.fa-ge:before,
.fa-empire:before {
content:"\f1d1"
}
.fa-git-square:before {
content:"\f1d2"
}
.fa-git:before {
content:"\f1d3"
}
.fa-hacker-news:before {
content:"\f1d4"
}
.fa-tencent-weibo:before {
content:"\f1d5"
}
.fa-qq:before {
content:"\f1d6"
}
.fa-wechat:before,
.fa-weixin:before {
content:"\f1d7"
}
.fa-send:before,
.fa-paper-plane:before {
content:"\f1d8"
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content:"\f1d9"
}
.fa-history:before {
content:"\f1da"
}
.fa-circle-thin:before {
content:"\f1db"
}
.fa-header:before {
content:"\f1dc"
}
.fa-paragraph:before {
content:"\f1dd"
}
.fa-sliders:before {
content:"\f1de"
}
.fa-share-alt:before {
content:"\f1e0"
}
.fa-share-alt-square:before {
content:"\f1e1"
}
.fa-bomb:before {
content:"\f1e2"
}
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; /* Blue */
}
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; /* Green */
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; /* Red */
}
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; /* Orange */
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; /* Yellow */
}
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; /* Red */
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; /* Dark Gray 800 */
opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; /* Light Gray 100 */
top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}