@charset "UTF-8";
#cookie-law-info-bar {
font-size: 15px;
margin: 0 auto;
padding: 12px 10px;
position: absolute;
text-align: center;
box-sizing: border-box;
width:100%;
z-index: 9999; display: none;
left:0px;
font-weight:300;
box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
}
#cookie-law-info-again {
font-size: 10pt;
margin: 0;
padding:5px 10px;
text-align: center;
z-index: 9999;
cursor: pointer;
box-shadow: #161616 2px 2px 5px 2px;
}
#cookie-law-info-bar span {
vertical-align: middle;
} .cli-plugin-button, .cli-plugin-button:visited {
display: inline-block;
padding: 9px 12px;
color: #fff;
text-decoration: none;
position: relative;
cursor: pointer;
margin-left: 5px;
text-decoration: none;
}
.cli-plugin-main-link {
margin-left:0px;
font-weight: 550; text-decoration: underline;
}
.cli-plugin-button:hover {
background-color: #111;
color: #fff;
text-decoration: none;
}
.small.cli-plugin-button, .small.cli-plugin-button:visited {
font-size: 11px;
}
.cli-plugin-button, .cli-plugin-button:visited,
.medium.cli-plugin-button, .medium.cli-plugin-button:visited {
font-size: 13px;
font-weight: 400;
line-height: 1;
}
.large.cli-plugin-button, .large.cli-plugin-button:visited {
font-size: 14px;
padding: 8px 14px 9px;
}
.super.cli-plugin-button, .super.cli-plugin-button:visited {
font-size: 34px;
padding: 8px 14px 9px;
}
.pink.cli-plugin-button, .magenta.cli-plugin-button:visited {
background-color: #e22092;
}
.pink.cli-plugin-button:hover {
background-color: #c81e82;
}
.green.cli-plugin-button, .green.cli-plugin-button:visited {
background-color: #91bd09;
}
.green.cli-plugin-button:hover {
background-color: #749a02;
}
.red.cli-plugin-button, .red.cli-plugin-button:visited {
background-color: #e62727;
}
.red.cli-plugin-button:hover {
background-color: #cf2525;
}
.orange.cli-plugin-button, .orange.cli-plugin-button:visited {
background-color: #ff5c00;
}
.orange.cli-plugin-button:hover {
background-color: #d45500;
}
.blue.cli-plugin-button, .blue.cli-plugin-button:visited {
background-color: #2981e4;
}
.blue.cli-plugin-button:hover {
background-color: #2575cf;
}
.yellow.cli-plugin-button, .yellow.cli-plugin-button:visited {
background-color: #ffb515;
}
.yellow.cli-plugin-button:hover {
background-color: #fc9200;
}
.cli-plugin-button{ margin-top:5px; }
.cli-bar-popup{
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
padding:20px;
}
.cli-powered_by_p{width:100% !important; display:block !important; color:#333; clear:both; font-style:italic !important; font-size:12px !important; margin-top:15px !important; }
.cli-powered_by_a{color:#333; font-weight:600 !important; font-size:12px !important;} .cli-plugin-main-link.cli-plugin-button {
text-decoration: none;
}
.cli-plugin-main-link.cli-plugin-button {
margin-left: 5px;
}.gdpr-container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.gdpr-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gdpr-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.gdpr-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.gdpr-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.gdpr-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.gdpr-px-0 {
padding-left: 0;
padding-right: 0;
}
.modal-backdrop.show {
opacity: .8;
}
.modal-open {
overflow: hidden
}
.modal-open .gdpr-modal {
overflow-x: hidden;
overflow-y: auto
}
.gdpr-modal.fade .gdpr-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.gdpr-modal.show .gdpr-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1039;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.gdpr-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0
}
.gdpr-modal a {
text-decoration: none;
}
.gdpr-modal .gdpr-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.gdpr-modal .gdpr-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2));
}
}
@media (min-width: 992px) {
.gdpr-modal .gdpr-modal-dialog {
max-width: 900px;
}
}
.gdpr-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0
}
.gdpr-modal .row {
margin: 0 -15px;
}
.gdpr-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.gdpr-modal .close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.gdpr-modal .close:focus {
outline: 0;
}
.gdpr-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 70px;
font-size: 14px;
}
.gdpr-switch input[type="checkbox"] {
display:none;
}
.gdpr-switch .gdpr-slider {
background-color: #e3e1e8;
height: 24px;
width: 50px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.gdpr-switch .gdpr-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: .4s;
width: 20px;
}
.gdpr-switch input:checked + .gdpr-slider {
background-color:rgb(99, 179, 95);
}
.gdpr-switch input:checked + .gdpr-slider:before {
transform: translateX(26px);
}
.gdpr-switch .gdpr-slider {
border-radius: 34px;
}
.gdpr-switch .gdpr-slider:before {
border-radius: 50%;
}
.gdpr-tab-content>.gdpr-tab-pane {
display: none;
}
.gdpr-tab-content>.active {
display: block;
}
.gdpr-fade {
transition: opacity .15s linear;
}
.gdpr-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column !important;
flex-direction: column !important;
align-items: stretch !important;
-ms-align-items: stretch !important;
}
.nav.gdpr-nav-pills, .gdpr-tab-content {
width: 100%;
padding: 30px;
}
.nav.gdpr-nav-pills {
background: #f3f3f3;
}
.nav.gdpr-nav-pills .gdpr-nav-link {
border: 1px solid #0070ad;
margin-bottom: 10px;
color: #0070ad;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
}
.nav.gdpr-nav-pills .gdpr-nav-link.active, .nav.gdpr-nav-pills .show>.gdpr-nav-link {
background-color: #0070ad;
border: 1px solid #0070ad;
}
.nav.gdpr-nav-pills .gdpr-nav-link.active {
color: #ffffff;
}
.gdpr-tab-content .gdpr-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.gdpr-tab-content .gdpr-button-wrapper .btn-gdpr {
background-color: #0070ad;
border-color: #0070ad;
color: #ffffff;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.gdpr-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.gdpr-tab-content h4 {
font-size: 20px;
margin-bottom: .5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
}
.cli-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.cli-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.cli-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cli-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.cli-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.cli-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.cli-px-0 {
padding-left: 0;
padding-right: 0;
}
.cli-btn {
cursor: pointer;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1.25rem;
line-height: 1;
border-radius: .25rem;
transition: all .15s ease-in-out;
}
.cli-btn:hover {
opacity: .8;
}
.cli-read-more-link {
cursor: pointer;
font-size: 15px;
font-weight: 500;
text-decoration: underline;
}
.cli-btn:focus {
outline: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .8;
}
.cli-modal-open {
overflow: hidden
}
.cli-barmodal-open {
overflow: hidden
}
.cli-modal-open .cli-modal {
overflow-x: hidden;
overflow-y: auto
}
.cli-modal.cli-fade .cli-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.cli-modal.cli-show .cli-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.cli-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
display: none;
}
.cli-modal-backdrop.cli-fade {
opacity: 0
}
.cli-modal-backdrop.cli-show {
opacity: .5;
display: block;
}
.cli-modal.cli-show {
display: block;
}
.cli-modal a {
text-decoration: none;
}
.cli-modal .cli-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.cli-modal .cli-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2))
}
}
@media (min-width: 992px) {
.cli-modal .cli-modal-dialog {
max-width: 900px;
}
}
.cli-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: .3rem;
outline: 0
}
.cli-modal .row {
margin: 0 -15px;
}
.cli-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.cli-modal .cli-modal-close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
padding: 0;
background-color: transparent !important;
border: 0;
-webkit-appearance: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.cli-modal .cli-modal-close:focus {
outline: 0;
}
.cli-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 70px;
font-size: 14px;
}
.cli-switch input[type="checkbox"] {
display:none;
}
.cli-switch .cli-slider {
background-color: #e3e1e8;
height: 24px;
width: 50px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.cli-switch .cli-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: .4s;
width: 20px;
}
.cli-switch input:checked + .cli-slider {
background-color: #00acad
}
.cli-switch input:checked + .cli-slider:before {
transform: translateX(26px);
}
.cli-switch .cli-slider {
border-radius: 34px;
}
.cli-switch .cli-slider:before {
border-radius: 50%;
}
.cli-tab-content {
background: #ffffff;
}
.cli-tab-content>.cli-active {
display: block;
}
.cli-fade {
transition: opacity .15s linear;
}
.cli-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column;
flex-direction: column;
}
.cli-nav-pills, .cli-tab-content {
width: 100%;
padding: 30px;
}
@media (max-width: 767px) {
.cli-nav-pills, .cli-tab-content {
padding: 30px 10px;
}
}
.cli-nav-pills {
background: #f3f3f3;
}
.cli-nav-pills .cli-nav-link {
border: 1px solid #00acad;
margin-bottom: 10px;
color: #00acad;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
cursor: pointer
}
.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
background-color: #00acad;
border: 1px solid #00acad;
}
.cli-nav-pills .cli-nav-link.cli-active {
color: #ffffff;
}
.cli-tab-content .cli-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.cli-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.cli-tab-content h4 {
font-size: 20px;
margin-bottom: 1.5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
} .cli-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.cli-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.cli-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cli-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
flex-direction: column;
}
.cli-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.cli-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.cli-px-0 {
padding-left: 0;
padding-right: 0;
}
.cli-btn {
cursor: pointer;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1.25rem;
line-height: 1;
border-radius: .25rem;
transition: all .15s ease-in-out;
}
.cli-btn:hover {
opacity: .8;
}
.cli-read-more-link {
cursor: pointer;
font-size: 15px;
font-weight: 500;
text-decoration: underline;
}
.cli-btn:focus {
outline: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .8;
}
.cli-modal-open {
overflow: hidden
}
.cli-barmodal-open {
overflow: hidden
}
.cli-modal-open .cli-modal {
overflow-x: hidden;
overflow-y: auto
}
.cli-modal.cli-fade .cli-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.cli-modal.cli-show .cli-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.cli-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
-webkit-transform:scale(0);
transform:scale(0);
transition: opacity ease-in-out 0.5s;
}
.cli-modal-backdrop.cli-fade {
opacity: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .5;
-webkit-transform:scale(1);
transform:scale(1);
}
.cli-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
transform: scale(0);
overflow: hidden;
outline: 0;
display: none;
}
.cli-modal a {
text-decoration: none;
}
.cli-modal .cli-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.cli-modal .cli-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2))
}
}
.cli-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: .2rem;
box-sizing: border-box;
outline: 0
}
.cli-modal .row {
margin: 0 -15px;
}
.cli-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.cli-modal .cli-modal-close:focus {
outline: 0;
}
.cli-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 38px;
font-size: 14px;
}
.cli-switch input[type="checkbox"] {
display:none;
}
.cli-switch .cli-slider {
background-color: #e3e1e8;
height: 20px;
width: 38px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.cli-switch .cli-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 15px;
left: 3px;
position: absolute;
transition: .4s;
width: 15px;
}
.cli-switch input:checked + .cli-slider {
background-color: #61a229;
}
.cli-switch input:checked + .cli-slider:before {
transform: translateX(18px);
}
.cli-switch .cli-slider {
border-radius: 34px;
font-size:0;
}
.cli-switch .cli-slider:before {
border-radius: 50%;
}
.cli-tab-content {
background: #ffffff;
}
.cli-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column;
flex-direction: column;
}
.cli-nav-pills, .cli-tab-content {
width: 100%;
padding:5px 30px 5px 5px;
box-sizing: border-box;
}
@media (max-width: 767px) {
.cli-nav-pills, .cli-tab-content {
padding: 30px 10px;
}
}
.cli-nav-pills {
background: #fff;
}
.cli-nav-pills .cli-nav-link {
border: 1px solid #cccccc;
margin-bottom: 10px;
color:#2a2a2a;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
cursor: pointer
}
.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
background-color: #f6f6f9;
border: 1px solid #cccccc;
}
.cli-nav-pills .cli-nav-link.cli-active {
color:#2a2a2a;
}
.cli-tab-content .cli-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.cli-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.cli-tab-content h4 {
font-size: 20px;
margin-bottom: 1.5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
} #cookie-law-info-bar .cli-nav-pills,#cookie-law-info-bar .cli-tab-content,#cookie-law-info-bar .cli-nav-pills .cli-show>.cli-nav-link,#cookie-law-info-bar a.cli-nav-link.cli-active{
background: transparent;
}
#cookie-law-info-bar .cli-nav-pills .cli-nav-link.cli-active,#cookie-law-info-bar  .cli-nav-link,#cookie-law-info-bar .cli-tab-container p,#cookie-law-info-bar span.cli-necessary-caption,#cookie-law-info-bar .cli-switch .cli-slider:after
{
color:inherit;
}
#cookie-law-info-bar .cli-tab-header a:before
{
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
}
#cookie-law-info-bar .cli-row
{
margin-top:20px;
}
#cookie-law-info-bar .cli-col-4
{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
#cookie-law-info-bar .cli-col-8
{
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.cli-wrapper {
max-width: 90%;
float: none;
margin: 0 auto;
}
#cookie-law-info-bar .cli-tab-content h4
{
margin-bottom:0.5rem;
}
#cookie-law-info-bar .cli-nav-pills .cli-nav-link
{
padding: .2rem 0.5rem;
}
#cookie-law-info-bar .cli-tab-container
{
display:none;
text-align:left;
} .cli-tab-footer .cli-btn {
background-color: #00acad;
padding: 10px 15px;
text-decoration:none;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
background-color: #61a229;
color: #ffffff;
border-radius: 0;
}
.cli-tab-footer {
width:100%;
text-align:right;
padding: 20px 0;
} .cli-col-12
{
width:100%;
}
.cli-tab-header
{
display: flex;
justify-content: space-between;
}
.cli-tab-header a:before {
width: 10px;
height: 2px;
left: 0;
top: calc(50% - 1px);
}
.cli-tab-header a:after {
width: 2px;
height: 10px;
left: 4px;
top: calc(50% - 5px);
-webkit-transform: none;
transform: none;
}
.cli-tab-header a:before {
width: 7px;
height: 7px;
border-right: 1px solid #4a6e78;
border-bottom: 1px solid #4a6e78;
content: " ";
transform: rotate(-45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-right:10px;
}
.cli-tab-header a.cli-nav-link  {
position: relative;
display: flex;
align-items: center;
font-size:14px;
color:#000;
text-transform: capitalize;
}
.cli-tab-header.cli-tab-active .cli-nav-link:before
{
transform: rotate(45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cli-tab-header {
border-radius: 5px;
padding: 12px 15px;
cursor: pointer;
transition: background-color 0.2s ease-out 0.3s, color 0.2s ease-out 0s;
background-color:#f2f2f2;
}
.cli-modal .cli-modal-close {
position: absolute;
right: 0;
top: 0;
z-index: 1;
-webkit-appearance: none;
width: 40px;
height: 40px;
padding: 0;
border-radius: 50%;
padding: 10px;
background: transparent;
border:none;
min-width: 40px;
}
.cli-tab-container h4,.cli-tab-container h1 {
font-family: inherit;
font-size: 16px;
margin-bottom: 15px;
margin:10px 0;
}
#cliSettingsPopup .cli-tab-section-container {
padding-top: 12px;
}
.cli-tab-container p ,.cli-privacy-content-text{
font-size: 14px;
line-height: 1.4;
margin-top: 0;
padding: 0;
color: #000;
}
.wt-cli-privacy
{
display:none;
}
.cli-tab-content
{
display:none;
}
.cli-tab-section .cli-tab-content
{
padding: 10px 20px 5px 20px;
}
.cli-tab-section
{
margin-top:5px;
}
@media (min-width: 992px) {
.cli-modal .cli-modal-dialog {
max-width: 645px;
}
}
.cli-switch .cli-slider:after{
content: attr(data-cli-disable);
position: absolute;
right: 50px;
color: #000;
font-size:12px;
text-align:right;
min-width: 80px;
}
.cli-switch input:checked + .cli-slider:after
{
content: attr(data-cli-enable);
}
.cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content {
max-height: 60px;
transition: max-height 0.15s ease-out;
overflow: hidden;
}
a.cli-privacy-readmore {
font-size: 12px;
margin-top: 12px;
display: inline-block;
padding-bottom: 0;
cursor: pointer;
color:#000;
text-decoration: underline;
}
.cli-modal-footer {
position: relative;
}
a.cli-privacy-readmore:before {
content: attr(data-readmore-text);
}
.cli-collapsed a.cli-privacy-readmore:before {
content: attr(data-readless-text);
}
.cli-collapsed .cli-privacy-content
{
transition: max-height 0.25s ease-in;
}
.cli-privacy-content p
{
margin-bottom:0;
}
.cli-modal-close svg {
fill: #000;
}
span.cli-necessary-caption {
color: #000;
font-size: 12px;
}
.cli-tab-section.cli-privacy-tab {
display: none;
}
#cookie-law-info-bar .cli-tab-section.cli-privacy-tab {
display: block;
}
#cookie-law-info-bar .cli-privacy-overview {
display: none;
}
.cli-tab-container .cli-row
{
max-height: 500px;
overflow-y: auto;
}
.cli-modal.cli-blowup.cli-out {
z-index: -1;
}
.cli-modal.cli-blowup {
z-index: 999999;
transform: scale(1);
}
.cli-modal.cli-blowup .cli-modal-dialog {
animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.cli-modal.cli-blowup.cli-out .cli-modal-dialog
{
animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes blowUpContent {
0% {
transform: scale(1);
opacity: 1;
}
99.9% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(0);
}
}
@keyframes blowUpContentTwo {
0% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes blowUpModal {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes blowUpModalTwo {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(0.5);
opacity: 0;
}
100% {
transform: scale(0);
opacity: 0;
}
}
.cli-tab-section .cookielawinfo-row-cat-table td, .cli-tab-section .cookielawinfo-row-cat-table th {
font-size: 12px;
}
.cli_settings_button
{
cursor: pointer;
} .wt-cli-sr-only
{
display: none;
font-size:16px;
} a.wt-cli-element.cli_cookie_close_button {
text-decoration: none;
color: #333333;
font-size: 22px;
line-height: 22px;
cursor: pointer;
position: absolute;
right: 10px;
top: 5px;
} .cli-bar-container{
float: none;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.cli-bar-btn_container {
margin-left: 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
flex-wrap: nowrap;
}
.cli-style-v2 a
{
cursor: pointer;
}
.cli-bar-btn_container a {
white-space: nowrap;
}
.cli-style-v2 .cli-plugin-main-link
{
font-weight:inherit;
}
.cli-style-v2
{
font-size: 11pt;
line-height: 18px;
font-weight:normal;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-container,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-container{
display: block;
}
.cli-style-v2 .cli-bar-message {
width: 70%;
text-align: left;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-message,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message
{
width:100%;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-style-v2 .cli-bar-btn_container {
margin-top:8px;
margin-left: 0px;
flex-wrap: wrap;
} #cookie-law-info-bar[data-cli-type="popup"] .cli-style-v2 .cli-bar-btn_container {
margin-top:8px;
margin-left: 0px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head{
text-align: left; margin-bottom: 5px;
margin-top: 0px;
font-size: 16px;
} .cli-style-v2 .cli-bar-message .wt-cli-ccpa-element,.cli-style-v2 .cli-bar-message .wt-cli-ccpa-checkbox {
margin-top: 5px;
}
.cli-style-v2 .cli-bar-btn_container .cli_action_button ,
.cli-style-v2 .cli-bar-btn_container .cli-plugin-main-link,
.cli-style-v2 .cli-bar-btn_container .cli_settings_button
{
margin-left: 5px;
}
.wt-cli-ccpa-checkbox label {
font-size: inherit;
cursor: pointer;
margin: 0px 0px 0px 5px;
} #cookie-law-info-bar[data-cli-style="cli-style-v2"]
{
padding: 14px 25px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"]
{
padding:32px 30px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
padding: 32px 45px;
}
.cli-style-v2 .cli-plugin-main-link:not(.cli-plugin-button), .cli-style-v2 .cli_settings_button:not(.cli-plugin-button),.cli-style-v2 .cli_action_button:not(.cli-plugin-button){
text-decoration: underline;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
margin-top: 5px;
margin-bottom: 5px;
}
a.wt-cli-ccpa-opt-out {
white-space: nowrap;
text-decoration: underline;
}
.wt-cli-necessary-checkbox {
display: none !important;
}
@media (max-width: 985px) {
.cli-style-v2 .cli-bar-message
{
width:100%;
}
.cli-style-v2.cli-bar-container
{
justify-content:left;
flex-wrap: wrap;
}
.cli-style-v2 .cli-bar-btn_container {
margin-left:0px;
margin-top: 10px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"]
{
padding: 25px 25px;
}
} .wt-cli-ckyes-brand-logo {
display: flex;
align-items: center;
font-size: 9px;
color: #111111;
font-weight: normal;
}
.wt-cli-ckyes-brand-logo img{
width: 65px;
margin-left: 2px;
}
.wt-cli-privacy-overview-actions {
padding-bottom:0;
}
@media only screen and (max-width: 479px) and (min-width: 320px){
.cli-style-v2 .cli-bar-btn_container {
flex-wrap: wrap;
}
} .wt-cli-cookie-description {
font-size: 14px;
line-height: 1.4;
margin-top: 0;
padding: 0;
color: #000;
}@font-face{font-family:"Happy Icons";src:url(//obar.art.br/wp-content/plugins/happy-elementor-addons/assets/fonts/happy-icons.woff2) format("woff2"),url(//obar.art.br/wp-content/plugins/happy-elementor-addons/assets/fonts/happy-icons.woff) format("woff"),url(//obar.art.br/wp-content/plugins/happy-elementor-addons/assets/fonts/happy-icons.svg#happy-icons) format("svg");font-weight:normal;font-style:normal;font-display:swap;}.hm,.fashm{font-family:"Happy Icons"!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.hm-3d-rotate:before{content:"\e900";}.hm-degree:before{content:"\e901";}.hm-accordion-horizontal:before{content:"\e902";}.hm-accordion-vertical:before{content:"\e903";}.hm-alarm-clock:before{content:"\e904";}.hm-alien-gun:before{content:"\e905";}.hm-alien:before{content:"\e906";}.hm-anchor:before{content:"\e907";}.hm-android:before{content:"\e908";}.hm-angle-down:before{content:"\e909";}.hm-angle-left:before{content:"\e90a";}.hm-angle-right:before{content:"\e90b";}.hm-angle-up:before{content:"\e90c";}.hm-apple:before{content:"\e90d";}.hm-arrow-left:before{content:"\e90e";}.hm-arrow-right:before{content:"\e90f";}.hm-arrow-zoom-out:before{content:"\e910";}.hm-arrow-corner:before{content:"\e911";}.hm-arrow-down:before{content:"\e912";}.hm-arrow-left1:before{content:"\e913";}.hm-arrow-right1:before{content:"\e914";}.hm-arrow-up:before{content:"\e915";}.hm-article:before{content:"\e916";}.hm-avatar-man:before{content:"\e917";}.hm-avatar-woman:before{content:"\e918";}.hm-badge1:before{content:"\e919";}.hm-badge2:before{content:"\e91a";}.hm-badge3:before{content:"\e91b";}.hm-bamboo:before{content:"\e91c";}.hm-basketball:before{content:"\e91d";}.hm-battery:before{content:"\e91e";}.hm-beach-seat:before{content:"\e91f";}.hm-bell:before{content:"\e920";}.hm-bicycle:before{content:"\e921";}.hm-blog-content:before{content:"\e922";}.hm-bluetooth:before{content:"\e923";}.hm-board:before{content:"\e924";}.hm-body:before{content:"\e925";}.hm-bomb:before{content:"\e926";}.hm-bond-hand:before{content:"\e927";}.hm-bond:before{content:"\e928";}.hm-bonsai:before{content:"\e929";}.hm-book:before{content:"\e92a";}.hm-bowl:before{content:"\e92b";}.hm-brick-wall:before{content:"\e92c";}.hm-brush-paint:before{content:"\e92d";}.hm-brush-roll:before{content:"\e92e";}.hm-brush:before{content:"\e92f";}.hm-bug:before{content:"\e930";}.hm-bulb:before{content:"\e931";}.hm-calculation:before{content:"\e932";}.hm-calendar:before{content:"\e933";}.hm-camera:before{content:"\e934";}.hm-candle:before{content:"\e935";}.hm-candles:before{content:"\e936";}.hm-car:before{content:"\e937";}.hm-card:before{content:"\e938";}.hm-caret-down:before{content:"\e939";}.hm-caret-fill-down:before{content:"\e93a";}.hm-caret-fill-left:before{content:"\e93b";}.hm-caret-fill-right:before{content:"\e93c";}.hm-caret-fill-up:before{content:"\e93d";}.hm-caret-left:before{content:"\e93e";}.hm-caret-right:before{content:"\e93f";}.hm-caret-up:before{content:"\e940";}.hm-carousal:before{content:"\e941";}.hm-cart-empty:before{content:"\e942";}.hm-cart-full:before{content:"\e943";}.hm-caution:before{content:"\e944";}.hm-chair:before{content:"\e945";}.hm-chair2:before{content:"\e946";}.hm-chat-bubble-single:before{content:"\e947";}.hm-chat-bubble:before{content:"\e948";}.hm-cheese:before{content:"\e949";}.hm-chef-cap:before{content:"\e94a";}.hm-clip-board:before{content:"\e94b";}.hm-clip:before{content:"\e94c";}.hm-cloud-down:before{content:"\e94d";}.hm-cloud-up:before{content:"\e94e";}.hm-cloud:before{content:"\e94f";}.hm-code-browser:before{content:"\e950";}.hm-code-clean:before{content:"\e951";}.hm-code:before{content:"\e952";}.hm-cog:before{content:"\e953";}.hm-color-card:before{content:"\e954";}.hm-color-plate:before{content:"\e955";}.hm-compass-math:before{content:"\e956";}.hm-compass:before{content:"\e957";}.hm-corner:before{content:"\e958";}.hm-crop:before{content:"\e959";}.hm-cross-circle:before{content:"\e95a";}.hm-cross-game:before{content:"\e95b";}.hm-cross-gap:before{content:"\e95c";}.hm-cross:before{content:"\e95d";}.hm-crown:before{content:"\e95e";}.hm-cube:before{content:"\e95f";}.hm-cup-coffee:before{content:"\e960";}.hm-cup:before{content:"\e961";}.hm-currency-paper:before{content:"\e962";}.hm-dashboard:before{content:"\e963";}.hm-delivery-van:before{content:"\e964";}.hm-diamond-ring:before{content:"\e965";}.hm-direction-both:before{content:"\e966";}.hm-direction-right:before{content:"\e967";}.hm-disable-person:before{content:"\e968";}.hm-disc:before{content:"\e969";}.hm-dislike:before{content:"\e96a";}.hm-dollar-on-hand:before{content:"\e96b";}.hm-door-path:before{content:"\e96c";}.hm-Download-circle:before{content:"\e96d";}.hm-download:before{content:"\e96e";}.hm-drag-inside:before{content:"\e96f";}.hm-drag-outside:before{content:"\e970";}.hm-drag:before{content:"\e971";}.hm-drawer:before{content:"\e972";}.hm-dribbble:before{content:"\e973";}.hm-dropper:before{content:"\e974";}.hm-egg-fry:before{content:"\e975";}.hm-ellipsis-fill-h:before{content:"\e976";}.hm-ellipsis-fill-v:before{content:"\e977";}.hm-ellipsis-horizontal:before{content:"\e978";}.hm-ellipsis-vertical:before{content:"\e979";}.hm-emo-normal:before{content:"\e97a";}.hm-emo-sad:before{content:"\e97b";}.hm-emo-smile:before{content:"\e97c";}.hm-envelop:before{content:"\e97d";}.hm-facebook:before{content:"\e97e";}.hm-fancy-futton:before{content:"\e97f";}.hm-feeder:before{content:"\e980";}.hm-file-cabinet:before{content:"\e981";}.hm-file-rotate:before{content:"\e982";}.hm-file:before{content:"\e983";}.hm-files:before{content:"\e984";}.hm-film-roll:before{content:"\e985";}.hm-film:before{content:"\e986";}.hm-finger-index:before{content:"\e987";}.hm-finger-print:before{content:"\e988";}.hm-fire-flame:before{content:"\e989";}.hm-flag:before{content:"\e98a";}.hm-flip-card1:before{content:"\e98b";}.hm-flip-card2:before{content:"\e98c";}.hm-folder-network:before{content:"\e98d";}.hm-folder:before{content:"\e98e";}.hm-football:before{content:"\e98f";}.hm-footer:before{content:"\e990";}.hm-form:before{content:"\e991";}.hm-forward:before{content:"\e992";}.hm-fountain-pen:before{content:"\e993";}.hm-gender-female:before{content:"\e994";}.hm-gender-male:before{content:"\e995";}.hm-gender-sign:before{content:"\e996";}.hm-gender:before{content:"\e997";}.hm-ghost:before{content:"\e998";}.hm-gift-box:before{content:"\e999";}.hm-globe1:before{content:"\e99a";}.hm-globe2:before{content:"\e99b";}.hm-globe3:before{content:"\e99c";}.hm-globe4:before{content:"\e99d";}.hm-google:before{content:"\e99e";}.hm-graduate-cap:before{content:"\e99f";}.hm-graph-bar:before{content:"\e9a0";}.hm-graph-pie:before{content:"\e9a1";}.hm-graph:before{content:"\e9a2";}.hm-grid-even:before{content:"\e9a3";}.hm-grid-masonry:before{content:"\e9a4";}.hm-grid-twist:before{content:"\e9a5";}.hm-grid:before{content:"\e9a6";}.hm-group:before{content:"\e9a7";}.hm-hand-mike:before{content:"\e9a8";}.hm-hand-watch:before{content:"\e9a9";}.hm-hand:before{content:"\e9aa";}.hm-header:before{content:"\e9ab";}.hm-headphone:before{content:"\e9ac";}.hm-headset:before{content:"\e9ad";}.hm-heart-beat:before{content:"\e9ae";}.hm-hexa:before{content:"\e9af";}.hm-highlighter:before{content:"\e9b0";}.hm-home:before{content:"\e9b1";}.hm-hot-spot:before{content:"\e9b2";}.hm-hotdog:before{content:"\e9b3";}.hm-ice-cream:before{content:"\e9b4";}.hm-icon-box:before{content:"\e9b5";}.hm-imac:before{content:"\e9b6";}.hm-image-compare:before{content:"\e9b7";}.hm-image-slider:before{content:"\e9b8";}.hm-image:before{content:"\e9b9";}.hm-inbox:before{content:"\e9ba";}.hm-infinity:before{content:"\e9bb";}.hm-info:before{content:"\e9bc";}.hm-injection:before{content:"\e9bd";}.hm-instagram:before{content:"\e9be";}.hm-jar-chemical:before{content:"\e9bf";}.hm-key:before{content:"\e9c0";}.hm-language-change:before{content:"\e9c1";}.hm-laptop:before{content:"\e9c2";}.hm-layer:before{content:"\e9c3";}.hm-lens:before{content:"\e9c4";}.hm-like:before{content:"\e9c5";}.hm-line-graph-pointed:before{content:"\e9c6";}.hm-link:before{content:"\e9c7";}.hm-linkedin:before{content:"\e9c8";}.hm-linux:before{content:"\e9c9";}.hm-list-2:before{content:"\e9ca";}.hm-list-group:before{content:"\e9cb";}.hm-list:before{content:"\e9cc";}.hm-location-pointer:before{content:"\e9cd";}.hm-lock:before{content:"\e9ce";}.hm-logo-carousel:before{content:"\e9cf";}.hm-logo-grid:before{content:"\e9d0";}.hm-lotus:before{content:"\e9d1";}.hm-love:before{content:"\e9d2";}.hm-madel:before{content:"\e9d3";}.hm-magic-wand:before{content:"\e9d4";}.hm-magnet:before{content:"\e9d5";}.hm-mail-open:before{content:"\e9d6";}.hm-man-range:before{content:"\e9d7";}.hm-map-marker:before{content:"\e9d8";}.hm-map-pointer:before{content:"\e9d9";}.hm-measurement:before{content:"\e9da";}.hm-memory:before{content:"\e9db";}.hm-menu-price:before{content:"\e9dc";}.hm-micro-chip:before{content:"\e9dd";}.hm-microphone1:before{content:"\e9de";}.hm-microphone2:before{content:"\e9df";}.hm-mobile:before{content:"\e9e0";}.hm-money-bag:before{content:"\e9e1";}.hm-money:before{content:"\e9e2";}.hm-monitor:before{content:"\e9e3";}.hm-mouse:before{content:"\e9e4";}.hm-muscle:before{content:"\e9e5";}.hm-net:before{content:"\e9e6";}.hm-network1:before{content:"\e9e7";}.hm-network2:before{content:"\e9e8";}.hm-newspaper:before{content:"\e9e9";}.hm-nuclear-circle:before{content:"\e9ea";}.hm-office-file:before{content:"\e9eb";}.hm-pacman:before{content:"\e9ec";}.hm-paper-fold:before{content:"\e9ed";}.hm-paper-plane-alt:before{content:"\e9ee";}.hm-paper-plane:before{content:"\e9ef";}.hm-pause:before{content:"\e9f0";}.hm-pen-head:before{content:"\e9f1";}.hm-pen-pencil:before{content:"\e9f2";}.hm-pen-scale:before{content:"\e9f3";}.hm-pen-paper:before{content:"\e9f4";}.hm-pen:before{content:"\e9f5";}.hm-pencil:before{content:"\e9f6";}.hm-pendrive:before{content:"\e9f7";}.hm-phone:before{content:"\e9f8";}.hm-pillar:before{content:"\e9f9";}.hm-pin-man-range:before{content:"\e9fa";}.hm-pin-man:before{content:"\e9fb";}.hm-pin:before{content:"\e9fc";}.hm-plane:before{content:"\e9fd";}.hm-play-end:before{content:"\e9fe";}.hm-play-next:before{content:"\e9ff";}.hm-play-previous:before{content:"\ea00";}.hm-play-start:before{content:"\ea01";}.hm-play-button:before{content:"\ea02";}.hm-play-store:before{content:"\ea03";}.hm-play:before{content:"\ea04";}.hm-playing-card:before{content:"\ea05";}.hm-plus-box:before{content:"\ea06";}.hm-plus-circle:before{content:"\ea07";}.hm-plus-gap:before{content:"\ea08";}.hm-plus-open:before{content:"\ea09";}.hm-popup:before{content:"\ea0a";}.hm-power:before{content:"\ea0b";}.hm-printer:before{content:"\ea0c";}.hm-progress-bar:before{content:"\ea0d";}.hm-promo:before{content:"\ea0e";}.hm-pulse:before{content:"\ea0f";}.hm-puzzle:before{content:"\ea10";}.hm-question:before{content:"\ea11";}.hm-quote:before{content:"\ea12";}.hm-radar:before{content:"\ea13";}.hm-radiation:before{content:"\ea14";}.hm-reading-glass-alt:before{content:"\ea15";}.hm-reading-glass:before{content:"\ea16";}.hm-recycle-bin:before{content:"\ea17";}.hm-recycle:before{content:"\ea18";}.hm-refresh-time:before{content:"\ea19";}.hm-reply:before{content:"\ea1a";}.hm-responsive-device:before{content:"\ea1b";}.hm-review:before{content:"\ea1c";}.hm-rocket1:before{content:"\ea1d";}.hm-rocket2:before{content:"\ea1e";}.hm-rss:before{content:"\ea1f";}.hm-safety-cap:before{content:"\ea20";}.hm-safety-kit:before{content:"\ea21";}.hm-sand-watch:before{content:"\ea22";}.hm-scale:before{content:"\ea23";}.hm-scanner:before{content:"\ea24";}.hm-scissor:before{content:"\ea25";}.hm-screen:before{content:"\ea26";}.hm-search:before{content:"\ea27";}.hm-seo:before{content:"\ea28";}.hm-server-network:before{content:"\ea29";}.hm-server:before{content:"\ea2a";}.hm-share:before{content:"\ea2b";}.hm-shield:before{content:"\ea2c";}.hm-ship:before{content:"\ea2d";}.hm-shirt:before{content:"\ea2e";}.hm-shopping-bag1:before{content:"\ea2f";}.hm-shopping-bag2:before{content:"\ea30";}.hm-shopping-bag3:before{content:"\ea31";}.hm-shopping-bag4:before{content:"\ea32";}.hm-shuffle:before{content:"\ea33";}.hm-shutter:before{content:"\ea34";}.hm-sign-in:before{content:"\ea35";}.hm-sign-out:before{content:"\ea36";}.hm-sitemap1:before{content:"\ea37";}.hm-sitemap2:before{content:"\ea38";}.hm-skart:before{content:"\ea39";}.hm-skull:before{content:"\ea3a";}.hm-skyscraper:before{content:"\ea3b";}.hm-slider-doc:before{content:"\ea3c";}.hm-slider-h-range:before{content:"\ea3d";}.hm-slider-image:before{content:"\ea3e";}.hm-slider-range-h:before{content:"\ea3f";}.hm-slider-v-open:before{content:"\ea40";}.hm-slider-video:before{content:"\ea41";}.hm-slider:before{content:"\ea42";}.hm-smart-watch:before{content:"\ea43";}.hm-snow:before{content:"\ea44";}.hm-spa-face:before{content:"\ea45";}.hm-spa-stone-flower:before{content:"\ea46";}.hm-spa-stone:before{content:"\ea47";}.hm-spark:before{content:"\ea48";}.hm-speaker-off:before{content:"\ea49";}.hm-speaker-on:before{content:"\ea4a";}.hm-spoon-fork:before{content:"\ea4b";}.hm-spoon:before{content:"\ea4c";}.hm-star:before{content:"\ea4d";}.hm-step-flow:before{content:"\ea4e";}.hm-steps:before{content:"\ea4f";}.hm-stop-watch:before{content:"\ea50";}.hm-stop:before{content:"\ea51";}.hm-support-call:before{content:"\ea52";}.hm-tab:before{content:"\ea53";}.hm-table-lamp:before{content:"\ea54";}.hm-tablet:before{content:"\ea55";}.hm-tag:before{content:"\ea56";}.hm-target-arrow:before{content:"\ea57";}.hm-target:before{content:"\ea58";}.hm-target1:before{content:"\ea59";}.hm-team-carousel:before{content:"\ea5a";}.hm-team-member:before{content:"\ea5b";}.hm-tennis-ball:before{content:"\ea5c";}.hm-terminal:before{content:"\ea5d";}.hm-testimonial-carousel:before{content:"\ea5e";}.hm-testimonial:before{content:"\ea5f";}.hm-text-animation:before{content:"\ea60";}.hm-theatre:before{content:"\ea61";}.hm-tick-circle:before{content:"\ea62";}.hm-tick:before{content:"\ea63";}.hm-tickets:before{content:"\ea64";}.hm-tie-knot:before{content:"\ea65";}.hm-tie:before{content:"\ea66";}.hm-timeline:before{content:"\ea67";}.hm-toggle:before{content:"\ea68";}.hm-tools:before{content:"\ea69";}.hm-tree-square:before{content:"\ea6a";}.hm-twitter-bird:before{content:"\ea6b";}.hm-twitter:before{content:"\ea6c";}.hm-ufo:before{content:"\ea6d";}.hm-umbralla:before{content:"\ea6e";}.hm-unlock:before{content:"\ea6f";}.hm-up-down:before{content:"\ea70";}.hm-upload:before{content:"\ea71";}.hm-upward-top-right:before{content:"\ea72";}.hm-user-female:before{content:"\ea73";}.hm-user-id:before{content:"\ea74";}.hm-user-male:before{content:"\ea75";}.hm-video-camera:before{content:"\ea76";}.hm-water-drop:before{content:"\ea77";}.hm-weather-cloud-day:before{content:"\ea78";}.hm-weather-cloud:before{content:"\ea79";}.hm-weather-day-rain:before{content:"\ea7a";}.hm-weather-day-snow:before{content:"\ea7b";}.hm-weather-day-windy-rain:before{content:"\ea7c";}.hm-weather-flood:before{content:"\ea7d";}.hm-weather-night-cloud:before{content:"\ea7e";}.hm-weather-rain-alt:before{content:"\ea7f";}.hm-weather-rain:before{content:"\ea80";}.hm-weather-snow:before{content:"\ea81";}.hm-weather-sun-rain:before{content:"\ea82";}.hm-weather-sun:before{content:"\ea83";}.hm-weather-sunny-day:before{content:"\ea84";}.hm-weather-thunder:before{content:"\ea85";}.hm-weather-windy-rain:before{content:"\ea86";}.hm-webcam1:before{content:"\ea87";}.hm-webcam2:before{content:"\ea88";}.hm-weight-scale:before{content:"\ea89";}.hm-windows:before{content:"\ea8a";}.hm-wine-glass2:before{content:"\ea8b";}.hm-wine-glass:before{content:"\ea8c";}.hm-worker-cap:before{content:"\ea8d";}.hm-youtube:before{content:"\ea8e";}.hm-centralize:before{content:"\ea8f";}.hm-add-section:before{content:"\ea90";}.hm-advanced-heading:before{content:"\ea91";}.hm-air-baloon:before{content:"\ea92";}.hm-arrow2:before{content:"\ea93";}.hm-bicycle2:before{content:"\ea94";}.hm-bond2:before{content:"\ea95";}.hm-bond3:before{content:"\ea96";}.hm-bond4:before{content:"\ea97";}.hm-calendar2:before{content:"\ea98";}.hm-carousel:before{content:"\ea99";}.hm-code-page:before{content:"\ea9a";}.hm-comment-circle:before{content:"\ea9b";}.hm-comment-square:before{content:"\ea9c";}.hm-copy:before{content:"\ea9d";}.hm-cursor:before{content:"\ea9e";}.hm-envelop2:before{content:"\ea9f";}.hm-factory:before{content:"\eaa0";}.hm-finger-point:before{content:"\eaa1";}.hm-finger-swipe-both:before{content:"\eaa2";}.hm-finger-swipe-corner:before{content:"\eaa3";}.hm-finger-swipe-left:before{content:"\eaa4";}.hm-finger-swipe-up:before{content:"\eaa5";}.hm-finger-swipe:before{content:"\eaa6";}.hm-finger-touch:before{content:"\eaa7";}.hm-folder-network:before{content:"\eaa8";}.hm-folder-sync:before{content:"\eaa9";}.hm-graph-bar2:before{content:"\eaaa";}.hm-graph-pie2:before{content:"\eaab";}.hm-heading-h:before{content:"\eaac";}.hm-heading-html:before{content:"\eaad";}.hm-heart:before{content:"\eaae";}.hm-home2:before{content:"\eaaf";}.hm-indent-left:before{content:"\eab0";}.hm-indent-right:before{content:"\eab1";}.hm-lock-close:before{content:"\eab2";}.hm-lock-open:before{content:"\eab3";}.hm-map-pointer-add:before{content:"\eab4";}.hm-map-pointer-check:before{content:"\eab5";}.hm-map-pointer-delete:before{content:"\eab6";}.hm-map-pointer2:before{content:"\eab7";}.hm-map:before{content:"\eab8";}.hm-navigation1:before{content:"\eab9";}.hm-navigation2:before{content:"\eaba";}.hm-page-export:before{content:"\eabb";}.hm-page-sync:before{content:"\eabc";}.hm-piramid:before{content:"\eabd";}.hm-plug:before{content:"\eabe";}.hm-point-marker:before{content:"\eabf";}.hm-quote2:before{content:"\eac0";}.hm-refresh-check:before{content:"\eac1";}.hm-refresh:before{content:"\eac2";}.hm-refresh2:before{content:"\eac3";}.hm-scrolling-image:before{content:"\eac4";}.hm-sign-turn-right:before{content:"\eac5";}.hm-speedometer:before{content:"\eac6";}.hm-sticky:before{content:"\eac7";}.hm-sync-cloud:before{content:"\eac8";}.hm-sync:before{content:"\eac9";}.hm-sync2:before{content:"\eaca";}.hm-table-lamp2:before{content:"\eacb";}.hm-target2:before{content:"\eacc";}.hm-timeline-spiral:before{content:"\eacd";}.hm-tv:before{content:"\eace";}.hm-vespa:before{content:"\eacf";}.hm-happyaddons:before{content:"\ead0";}.hm-brain:before{content:"\ead1";}.hm-breadcrumbs:before{content:"\ead2";}.hm-circular-chat:before{content:"\ead3";}.hm-currency-exchange:before{content:"\ead4";}.hm-cta:before{content:"\ead5";}.hm-data-table:before{content:"\ead6";}.hm-display-condition:before{content:"\ead7";}.hm-digital-memory:before{content:"\ead8";}.hm-dollar-box:before{content:"\ead9";}.hm-faq:before{content:"\eada";}.hm-facebook-feed:before{content:"\eadb";}.hm-header-footer:before{content:"\eadc";}.hm-heart:before{content:"\eadd";}.hm-image-accordion:before{content:"\eade";}.hm-image-masking:before{content:"\eadf";}.hm-instagram:before{content:"\eae0";}.hm-mail-chimp:before{content:"\eae1";}.hm-minus-large:before{content:"\eae2";}.hm-minus-small:before{content:"\eae3";}.hm-mobile-chat:before{content:"\eae4";}.hm-motion-button:before{content:"\eae5";}.hm-news-ticker:before{content:"\eae6";}.hm-offcanvas-menu:before{content:"\eae7";}.hm-post-grid:before{content:"\eae8";}.hm-post-list:before{content:"\eae9";}.hm-post-tab:before{content:"\eaea";}.hm-pricing-menu:before{content:"\eaeb";}.hm-scheduled-section:before{content:"\eaec";}.hm-section-link:before{content:"\eaed";}.hm-sticky-video:before{content:"\eaee";}.hm-section-nesting:before{content:"\eaef";}.hm-traffic-signal:before{content:"\eaf0";}.hm-tshirt:before{content:"\eaf1";}.hm-twitter-feed:before{content:"\eaf2";}.hm-grid-layout:before{content:"\eaf3";}.hm-add-to-cart-button:before{content:"\eaf4";}.hm-billing-address:before{content:"\eaf5";}.hm-cart:before{content:"\eaf6";}.hm-Category-Carousel:before{content:"\eaf7";}.hm-Category-Grid:before{content:"\eaf8";}.hm-Category-List:before{content:"\eaf9";}.hm-checkout-1:before{content:"\eafa";}.hm-checkout-2:before{content:"\eafb";}.hm-compare:before{content:"\eafc";}.hm-edit-menu:before{content:"\eafd";}.hm-facebook-review:before{content:"\eafe";}.hm-fb-messanger:before{content:"\eaff";}.hm-filter:before{content:"\eb00";}.hm-google-review:before{content:"\eb01";}.hm-grid-filter:before{content:"\eb02";}.hm-home3:before{content:"\eb03";}.hm-horizontal-timeline:before{content:"\eb04";}.hm-image-scroll:before{content:"\eb05";}.hm-mini-cart:before{content:"\eb06";}.hm-off-canvas-cart:before{content:"\eb07";}.hm-popup1:before{content:"\eb08";}.hm-post-list:before{content:"\eb09";}.hm-Product-Carousel:before{content:"\eb0a";}.hm-product-filter:before{content:"\eb0b";}.hm-product-gallery:before{content:"\eb0c";}.hm-Product-Grid:before{content:"\eb0d";}.hm-Product-List-double:before{content:"\eb0e";}.hm-product-list-single:before{content:"\eb0f";}.hm-product-rating:before{content:"\eb10";}.hm-product-table:before{content:"\eb11";}.hm-product-variation:before{content:"\eb12";}.hm-retina-image:before{content:"\eb13";}.hm-shipping-address:before{content:"\eb14";}.hm-shop:before{content:"\eb15";}.hm-shopping-details:before{content:"\eb16";}.hm-sticky-video-2:before{content:"\eb17";}.hm-Template-Import:before{content:"\eb18";}.hm-trendy-product:before{content:"\eb19";}.hm-user-check:before{content:"\eb1a";}.hm-User-Circle:before{content:"\eb1b";}.hm-user-plus:before{content:"\eb1c";}.hm-user:before{content:"\eb1d";}.hm-video-gallery:before{content:"\eb1e";}.hm-wishlist:before{content:"\eb1f";}.hm-mouse-scroll-h:before{content:"\eb20";}.hm-mouse-scroll-v:before{content:"\eb21";}.hm-speaker:before{content:"\eb22";}.hm-mega-menu:before{content:"\eb23";}.hm-content-slider:before{content:"\eb24";}.hm-text-outline:before{content:"\eb25";}.hm-vector-path:before{content:"\eb26";}.hm-rough-notation:before{content:"\eb27";}.hm-unfold-folder:before{content:"\eb28";}.hm-unfold-paper:before{content:"\eb29";}.hm-speaker2:before{content:"\eb2a";}.hm-video-mask:before{content:"\eb2b";}.hm-dot-navigation:before{content:"\eb2c";}.hm-cursor-hover-click:before{content:"\eb2d";}.hm-finger-hover-touch:before{content:"\eb2e";}.hm-repeat:before{content:"\eb2f";}.hm-event-calendar:before{content:"\eb30";}.hm-map-location-unfold:before{content:"\eb31";}.hm-ticket2:before{content:"\eb32";}.hm-thunder1:before{content:"\eb33";}.hm-thunder2:before{content:"\eb34";}.hm-shield1:before{content:"\eb35";}.hm-switcher:before{content:"\eb36";}.hm-global-badge:before{content:"\eb37";}.hm-wallet:before{content:"\eb38";}.hm-asteroid:before{content:"\eb39";}.hm-repeat2:before{content:"\eb3a";}.hm-corona-covid1:before{content:"\eb3b";}.hm-corona-covid2:before{content:"\eb3c";}.hm-fixed-size-button:before{content:"\eb3d";}.hm-full-page-scroll:before{content:"\eb3e";}.hm-multi-page-scroll:before{content:"\eb3f";}.hm-flag2:before{content:"\eb40";}.hm-advanced-data-table:before{content:"\eb41";}.hm-add-group:before{content:"\eb42";}.hm-add-peoples:before{content:"\eb43";}.hm-age-gate:before{content:"\eb44";}.hm-age-gate2:before{content:"\eb45";}.hm-animated-link:before{content:"\eb46";}.hm-behance-feed:before{content:"\eb47";}.hm-binary-digit:before{content:"\eb48";}.hm-both-way-arrow:before{content:"\eb49";}.hm-camera-plus:before{content:"\eb4a";}.hm-cancel-meeting:before{content:"\eb4b";}.hm-chat-bubble1:before{content:"\eb4c";}.hm-checkout1:before{content:"\eb4d";}.hm-clap:before{content:"\eb4e";}.hm-dribbble-feed:before{content:"\eb4f";}.hm-edd-cart:before{content:"\eb50";}.hm-edd-category-carousel:before{content:"\eb51";}.hm-edd-category:before{content:"\eb52";}.hm-edd-discount:before{content:"\eb53";}.hm-edd-download:before{content:"\eb54";}.hm-edd-login1:before{content:"\eb55";}.hm-edd-login2:before{content:"\eb56";}.hm-edd-mini-cart:before{content:"\eb57";}.hm-edd-my-account-tab:before{content:"\eb58";}.hm-edd-product-carousel:before{content:"\eb59";}.hm-edd-product-grid:before{content:"\eb5a";}.hm-edd-profile-edit:before{content:"\eb5b";}.hm-edd-purchased:before{content:"\eb5c";}.hm-edd-register:before{content:"\eb5d";}.hm-edd-search-bar:before{content:"\eb5e";}.hm-edd-single-product:before{content:"\eb5f";}.hm-facebook-review1:before{content:"\eb60";}.hm-feather:before{content:"\eb61";}.hm-file2:before{content:"\eb62";}.hm-fly-out-menu:before{content:"\eb63";}.hm-grid-link:before{content:"\eb64";}.hm-hexa-bond:before{content:"\eb65";}.hm-image-accordion1:before{content:"\eb66";}.hm-image-swap:before{content:"\eb67";}.hm-link-box:before{content:"\eb68";}.hm-meeting:before{content:"\eb69";}.hm-pdf1:before{content:"\eb6a";}.hm-pdf2:before{content:"\eb6b";}.hm-photo-stack:before{content:"\eb6c";}.hm-qr-code:before{content:"\eb6d";}.hm-remote_carousel:before{content:"\eb6e";}.hm-scroll-top:before{content:"\eb6f";}.hm-square-clock:before{content:"\eb70";}.hm-step-flow2:before{content:"\eb71";}.hm-sub-list:before{content:"\eb72";}.hm-swap-left:before{content:"\eb73";}.hm-tooltips:before{content:"\eb74";}.hm-traveller:before{content:"\eb75";}.hm-tb-archieve-content:before{content:"\eb76";}.hm-tb-archieve-title:before{content:"\eb77";}.hm-tb-author-meta:before{content:"\eb78";}.hm-tb-comments:before{content:"\eb79";}.hm-tb-featured-image:before{content:"\eb7a";}.hm-tb-page-title:before{content:"\eb7b";}.hm-tb-post-content:before{content:"\eb7c";}.hm-tb-post-excerpt:before{content:"\eb7d";}.hm-tb-post-grid:before{content:"\eb7e";}.hm-tb-post-info:before{content:"\eb7f";}.hm-tb-post-list:before{content:"\eb80";}.hm-tb-post-title:before{content:"\eb81";}.hm-tb-site-logo:before{content:"\eb82";}.hm-tb-site-title:before{content:"\eb83";}.hm-lordicon:before{content:"\eb84";}.hm-vault:before{content:"\eb85";}.hm-liquid-hover-image:before{content:"\eb86";}.hm-image-replace:before{content:"\eb87";}.hm-title-tips-vector-path:before{content:"\eb88";}.hm-reading-progress-bar:before{content:"\eb89";}.hm-metro-grid-text-outline:before{content:"\eb8a";}.hm-loop-grid-content-slider:before{content:"\eb8b";}.hm-woo-builder:before{content:"\eb8c";}.hm-verified-info:before{content:"\eb8d";}.hm-unused-media:before{content:"\eb8e";}.hm-related-product:before{content:"\eb8f";}.hm-reading-book:before{content:"\eb90";}.hm-product-title:before{content:"\eb91";}.hm-product-stock:before{content:"\eb92";}.hm-product-rating-78:before{content:"\eb93";}.hm-product-price:before{content:"\eb94";}.hm-product-meta:before{content:"\eb95";}.hm-product-image:before{content:"\eb96";}.hm-product-grid:before{content:"\eb97";}.hm-product-description:before{content:"\eb98";}.hm-product-atribute:before{content:"\eb99";}.hm-media-all:before{content:"\eb9a";}.hm-magic-scroll:before{content:"\eb9b";}.hm-lightbox:before{content:"\eb9c";}.hm-invoice:before{content:"\eb9d";}.hm-global-badge1:before{content:"\eb9e";}.hm-empty-cart-notice:before{content:"\eb9f";}.hm-creative-slider-two:before{content:"\eba0";}.hm-creative-slider-one:before{content:"\eba1";}.hm-comparison-table:before{content:"\eba2";}.hm-checkout-shipping:before{content:"\eba3";}.hm-checkout-payment-method:before{content:"\eba4";}.hm-checkout-order-review:before{content:"\eba5";}.hm-checkout-login:before{content:"\eba6";}.hm-checkout-invoice:before{content:"\eba7";}.hm-checkout-info:before{content:"\eba8";}.hm-checkout-coupon:before{content:"\eba9";}.hm-checkout-bill-form:before{content:"\ebaa";}.hm-cart-total:before{content:"\ebab";}.hm-cart-table:before{content:"\ebac";}.hm-cart-redirection:before{content:"\ebad";}.hm-cart-checkout:before{content:"\ebae";}.hm-cart-btn-number:before{content:"\ebaf";}.hm-ai:before{content:"\ebb0";}a, a:visited {
text-decoration: underline;
}
*, ::after, ::before {
box-sizing: border-box;
}
a {
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
.htb-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width:576px) {
.htb-container {
max-width: 540px;
}
}
@media (min-width:768px) {
.htb-container {
max-width: 720px;
}
}@media (min-width:992px) {
.htb-container {
max-width: 960px;
}
}@media (min-width:1200px) {
.htb-container {
max-width: 1200px;
}
}.htb-container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.htb-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.htb-col, .htb-col-1, .htb-col-10, .htb-col-11, .htb-col-12, .htb-col-2, .htb-col-3, .htb-col-4, .htb-col-5, .htb-col-6, .htb-col-7, .htb-col-8, .htb-col-9, .htb-col-auto, .htb-col-lg, .htb-col-lg-1, .htb-col-lg-10, .htb-col-lg-11, .htb-col-lg-12, .htb-col-lg-2, .htb-col-lg-3, .htb-col-lg-4, .htb-col-lg-5, .htb-col-lg-6, .htb-col-lg-7, .htb-col-lg-8, .htb-col-lg-9, .htb-col-lg-auto, .htb-col-md, .htb-col-md-1, .htb-col-md-10, .htb-col-md-11, .htb-col-md-12, .htb-col-md-2, .htb-col-md-3, .htb-col-md-4, .htb-col-md-5, .htb-col-md-6, .htb-col-md-7, .htb-col-md-8, .htb-col-md-9, .htb-col-md-auto, .htb-col-sm, .htb-col-sm-1, .htb-col-sm-10, .htb-col-sm-11, .htb-col-sm-12, .htb-col-sm-2, .htb-col-sm-3, .htb-col-sm-4, .htb-col-sm-5, .htb-col-sm-6, .htb-col-sm-7, .htb-col-sm-8, .htb-col-sm-9, .htb-col-sm-auto, .htb-col-xl, .htb-col-xl-1, .htb-col-xl-10, .htb-col-xl-11, .htb-col-xl-12, .htb-col-xl-2, .htb-col-xl-3, .htb-col-xl-4, .htb-col-xl-5, .htb-col-xl-6, .htb-col-xl-7, .htb-col-xl-8, .htb-col-xl-9, .htb-col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.htb-col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.htb-col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.htb-col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.htb-col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.htb-col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.htb-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.htb-col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.htb-col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.htb-col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.htb-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.htb-col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.htb-col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.htb-col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.htb-col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.htb-order-first {
-ms-flex-order: -1;
order: -1;
}
.htb-order-1 {
-ms-flex-order: 1;
order: 1;
}
.htb-order-2 {
-ms-flex-order: 2;
order: 2;
}
.htb-order-3 {
-ms-flex-order: 3;
order: 3;
}
.htb-order-4 {
-ms-flex-order: 4;
order: 4;
}
.htb-order-5 {
-ms-flex-order: 5;
order: 5;
}
.htb-order-6 {
-ms-flex-order: 6;
order: 6;
}
.htb-order-7 {
-ms-flex-order: 7;
order: 7;
}
.htb-order-8 {
-ms-flex-order: 8;
order: 8;
}
.htb-order-9 {
-ms-flex-order: 9;
order: 9;
}
.htb-order-10 {
-ms-flex-order: 10;
order: 10;
}
.htb-order-11 {
-ms-flex-order: 11;
order: 11;
}
.htb-order-12 {
-ms-flex-order: 12;
order: 12;
}
.htb-offset-1 {
margin-left: 8.333333%;
}
.htb-offset-2 {
margin-left: 16.666667%;
}
.htb-offset-3 {
margin-left: 25%;
}
.htb-offset-4 {
margin-left: 33.333333%;
}
.htb-offset-5 {
margin-left: 41.666667%;
}
.htb-offset-6 {
margin-left: 50%;
}
.htb-offset-7 {
margin-left: 58.333333%;
}
.htb-offset-8 {
margin-left: 66.666667%;
}
.htb-offset-9 {
margin-left: 75%;
}
.htb-offset-10 {
margin-left: 83.333333%;
}
.htb-offset-11 {
margin-left: 91.666667%;
}
@media (min-width:576px) {
.htb-col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.htb-col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.htb-col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.htb-col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.htb-col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.htb-col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.htb-col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.htb-col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.htb-col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.htb-col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.htb-col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.htb-col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.htb-col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.htb-col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.htb-order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.htb-order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.htb-order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.htb-order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.htb-order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.htb-order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.htb-order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.htb-order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.htb-order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.htb-order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.htb-order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.htb-order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.htb-order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.htb-offset-sm-0 {
margin-left: 0;
}
.htb-offset-sm-1 {
margin-left: 8.333333%;
}
.htb-offset-sm-2 {
margin-left: 16.666667%;
}
.htb-offset-sm-3 {
margin-left: 25%;
}
.htb-offset-sm-4 {
margin-left: 33.333333%;
}
.htb-offset-sm-5 {
margin-left: 41.666667%;
}
.htb-offset-sm-6 {
margin-left: 50%;
}
.htb-offset-sm-7 {
margin-left: 58.333333%;
}
.htb-offset-sm-8 {
margin-left: 66.666667%;
}
.htb-offset-sm-9 {
margin-left: 75%;
}
.htb-offset-sm-10 {
margin-left: 83.333333%;
}
.htb-offset-sm-11 {
margin-left: 91.666667%;
}
}@media (min-width:768px) {
.htb-col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.htb-col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.htb-col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.htb-col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.htb-col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.htb-col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.htb-col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.htb-col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.htb-col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.htb-col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.htb-col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.htb-col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.htb-col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.htb-col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.htb-order-md-first {
-ms-flex-order: -1;
order: -1;
}
.htb-order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.htb-order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.htb-order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.htb-order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.htb-order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.htb-order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.htb-order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.htb-order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.htb-order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.htb-order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.htb-order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.htb-order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.htb-offset-md-0 {
margin-left: 0;
}
.htb-offset-md-1 {
margin-left: 8.333333%;
}
.htb-offset-md-2 {
margin-left: 16.666667%;
}
.htb-offset-md-3 {
margin-left: 25%;
}
.htb-offset-md-4 {
margin-left: 33.333333%;
}
.htb-offset-md-5 {
margin-left: 41.666667%;
}
.htb-offset-md-6 {
margin-left: 50%;
}
.htb-offset-md-7 {
margin-left: 58.333333%;
}
.htb-offset-md-8 {
margin-left: 66.666667%;
}
.htb-offset-md-9 {
margin-left: 75%;
}
.htb-offset-md-10 {
margin-left: 83.333333%;
}
.htb-offset-md-11 {
margin-left: 91.666667%;
}
}@media (min-width:992px) {
.htb-col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.htb-col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.htb-col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.htb-col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.htb-col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.htb-col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.htb-col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.htb-col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.htb-col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.htb-col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.htb-col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.htb-col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.htb-col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.htb-col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.htb-order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.htb-order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.htb-order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.htb-order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.htb-order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.htb-order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.htb-order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.htb-order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.htb-order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.htb-order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.htb-order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.htb-order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.htb-order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.htb-offset-lg-0 {
margin-left: 0;
}
.htb-offset-lg-1 {
margin-left: 8.333333%;
}
.htb-offset-lg-2 {
margin-left: 16.666667%;
}
.htb-offset-lg-3 {
margin-left: 25%;
}
.htb-offset-lg-4 {
margin-left: 33.333333%;
}
.htb-offset-lg-5 {
margin-left: 41.666667%;
}
.htb-offset-lg-6 {
margin-left: 50%;
}
.htb-offset-lg-7 {
margin-left: 58.333333%;
}
.htb-offset-lg-8 {
margin-left: 66.666667%;
}
.htb-offset-lg-9 {
margin-left: 75%;
}
.htb-offset-lg-10 {
margin-left: 83.333333%;
}
.htb-offset-lg-11 {
margin-left: 91.666667%;
}
}@media (min-width:1200px) {
.htb-col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.htb-col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.htb-col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.htb-col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.htb-col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.htb-col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.htb-col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.htb-col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.htb-col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.htb-col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.htb-col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.htb-col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.htb-col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.htb-col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.htb-order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.htb-order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.htb-order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.htb-order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.htb-order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.htb-order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.htb-order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.htb-order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.htb-order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.htb-order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.htb-order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.htb-order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.htb-order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.htb-offset-xl-0 {
margin-left: 0;
}
.htb-offset-xl-1 {
margin-left: 8.333333%;
}
.htb-offset-xl-2 {
margin-left: 16.666667%;
}
.htb-offset-xl-3 {
margin-left: 25%;
}
.htb-offset-xl-4 {
margin-left: 33.333333%;
}
.htb-offset-xl-5 {
margin-left: 41.666667%;
}
.htb-offset-xl-6 {
margin-left: 50%;
}
.htb-offset-xl-7 {
margin-left: 58.333333%;
}
.htb-offset-xl-8 {
margin-left: 66.666667%;
}
.htb-offset-xl-9 {
margin-left: 75%;
}
.htb-offset-xl-10 {
margin-left: 83.333333%;
}
.htb-offset-xl-11 {
margin-left: 91.666667%;
}
}.htb-table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
.htb-table td, .htb-table th {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #e9ecef;
}
.htb-table thead th {
vertical-align: bottom;
border-bottom: 2px solid #e9ecef;
}
.htb-table tbody+tbody {
border-top: 2px solid #e9ecef;
}
.htb-table .htb-table {
background-color: #fff;
}
.htb-table-sm td, .htb-table-sm th {
padding: .3rem;
}
.htb-table-bordered {
border: 1px solid #e9ecef;
}
.htb-table-bordered td, .htb-table-bordered th {
border: 1px solid #e9ecef;
}
.htb-table-bordered thead td, .htb-table-bordered thead th {
border-bottom-width: 2px;
}
.htb-table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, .05);
}
.htb-table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, .075);
}
.htb-table-primary, .htb-table-primary>td, .htb-table-primary>th {
background-color: #b8daff;
}
.htb-table-hover .htb-table-primary:hover {
background-color: #9fcdff;
}
.htb-table-hover .htb-table-primary:hover>td, .htb-table-hover .htb-table-primary:hover>th {
background-color: #9fcdff;
}
.htb-table-secondary, .htb-table-secondary>td, .htb-table-secondary>th {
background-color: #dddfe2;
}
.htb-table-hover .htb-table-secondary:hover {
background-color: #cfd2d6;
}
.htb-table-hover .htb-table-secondary:hover>td, .htb-table-hover .htb-table-secondary:hover>th {
background-color: #cfd2d6;
}
.htb-table-success, .htb-table-success>td, .htb-table-success>th {
background-color: #c3e6cb;
}
.htb-table-hover .htb-table-success:hover {
background-color: #b1dfbb;
}
.htb-table-hover .htb-table-success:hover>td, .htb-table-hover .htb-table-success:hover>th {
background-color: #b1dfbb;
}
.htb-table-info, .htb-table-info>td, .htb-table-info>th {
background-color: #bee5eb;
}
.htb-table-hover .htb-table-info:hover {
background-color: #abdde5;
}
.htb-table-hover .htb-table-info:hover>td, .htb-table-hover .htb-table-info:hover>th {
background-color: #abdde5;
}
.htb-table-warning, .htb-table-warning>td, .htb-table-warning>th {
background-color: #ffeeba;
}
.htb-table-hover .htb-table-warning:hover {
background-color: #ffe8a1;
}
.htb-table-hover .htb-table-warning:hover>td, .htb-table-hover .htb-table-warning:hover>th {
background-color: #ffe8a1;
}
.htb-table-danger, .htb-table-danger>td, .htb-table-danger>th {
background-color: #f5c6cb;
}
.htb-table-hover .htb-table-danger:hover {
background-color: #f1b0b7;
}
.htb-table-hover .htb-table-danger:hover>td, .htb-table-hover .htb-table-danger:hover>th {
background-color: #f1b0b7;
}
.htb-table-light, .htb-table-light>td, .htb-table-light>th {
background-color: #fdfdfe;
}
.htb-table-hover .htb-table-light:hover {
background-color: #ececf6;
}
.htb-table-hover .htb-table-light:hover>td, .htb-table-hover .htb-table-light:hover>th {
background-color: #ececf6;
}
.htb-table-dark, .htb-table-dark>td, .htb-table-dark>th {
background-color: #c6c8ca;
}
.htb-table-hover .htb-table-dark:hover {
background-color: #b9bbbe;
}
.htb-table-hover .htb-table-dark:hover>td, .htb-table-hover .htb-table-dark:hover>th {
background-color: #b9bbbe;
}
.htb-table-active, .htb-table-active>td, .htb-table-active>th {
background-color: rgba(0, 0, 0, .075);
}
.htb-table-hover .htb-table-active:hover {
background-color: rgba(0, 0, 0, .075);
}
.htb-table-hover .htb-table-active:hover>td, .htb-table-hover .htb-table-active:hover>th {
background-color: rgba(0, 0, 0, .075);
}
.htb-table .htb-thead-dark th {
color: #fff;
background-color: #212529;
border-color: #32383e;
}
.htb-table .htb-thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #e9ecef;
}
.htb-table-dark {
color: #fff;
background-color: #212529;
}
.htb-table-dark td, .htb-table-dark th, .htb-table-dark thead th {
border-color: #32383e;
}
.htb-table-dark.htb-table-bordered {
border: 0;
}
.htb-table-dark.htb-table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, .05);
}
.htb-table-dark.htb-table-hover tbody tr:hover {
background-color: rgba(255, 255, 255, .075);
}
@media (max-width:575px) {
.htb-table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive-sm.htb-table-bordered {
border: 0;
}
}@media (max-width:767px) {
.htb-table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive-md.htb-table-bordered {
border: 0;
}
}@media (max-width:991px) {
.htb-table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive-lg.htb-table-bordered {
border: 0;
}
}@media (max-width:1199px) {
.htb-table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive-xl.htb-table-bordered {
border: 0;
}
}.htb-table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive.htb-table-bordered {
border: 0;
}
.htb-form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.htb-form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.htb-form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.htb-form-control::-webkit-input-placeholder {
color: #868e96;
opacity: 1;
}
.htb-form-control:-ms-input-placeholder {
color: #868e96;
opacity: 1;
}
.htb-form-control::-ms-input-placeholder {
color: #868e96;
opacity: 1;
}
.htb-form-control::placeholder {
color: #868e96;
opacity: 1;
}
.htb-form-control:disabled, .htb-form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
select.htb-form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 2px);
}
select.htb-form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.htb-form-control-file, .htb-form-control-range {
display: block;
}
.htb-col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
line-height: 1.5;
}
.htb-col-form-label-lg {
padding-top: calc(.5rem + 1px);
padding-bottom: calc(.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5;
}
.htb-col-form-label-sm {
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
font-size: .875rem;
line-height: 1.5;
}
.htb-form-group {
margin-bottom: 1rem;
}
.htb-form-text {
display: block;
margin-top: .25rem;
}
.htb-form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.htb-form-row>.htb-col, .htb-form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.htb-btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.htb-btn:focus, .htb-btn:hover {
text-decoration: none;
}
.htb-btn.htb-focus, .htb-btn:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.htb-btn.disabled, .htb-btn:disabled {
opacity: .65;
}
.htb-btn:not([disabled]):not(.disabled).htb-active, .htb-btn:not([disabled]):not(.htb-disabled):active {
background-image: none;
}
a.htb-btn.htb-disabled, fieldset[disabled] a.htb-htb-btn {
pointer-events: none;
}
.htb-btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.htb-btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
}
.htb-btn-primary.htb-focus, .htb-btn-primary:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.htb-btn-primary.htb-disabled, .htb-btn-primary:disabled {
background-color: #007bff;
border-color: #007bff;
}
.htb-btn-primary:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-primary:not([disabled]):not(.htb-disabled):active, .show>.htb-btn-primary.htb-dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.htb-btn-secondary {
color: #fff;
background-color: #868e96;
border-color: #868e96;
}
.htb-btn-secondary:hover {
color: #fff;
background-color: #727b84;
border-color: #6c757d;
}
.htb-btn-secondary.htb-focus, .htb-btn-secondary:focus {
box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
}
.htb-btn-secondary.htb-disabled, .htb-btn-secondary:disabled {
background-color: #868e96;
border-color: #868e96;
}
.htb-btn-secondary:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-secondary:not([disabled]):not(.htb-disabled):active, .show>.htb-btn-secondary.htb-dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #666e76;
box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
}
.htb-btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.htb-btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
}
.htb-btn-success.htb-focus, .htb-btn-success:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.htb-btn-success.htb-disabled, .htb-btn-success:disabled {
background-color: #28a745;
border-color: #28a745;
}
.htb-btn-success:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-success:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-success.htb-dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.htb-btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.htb-btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b;
}
.htb-btn-info.focus, .htb-btn-info:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.htb-btn-info.disabled, .htb-btn-info:disabled {
background-color: #17a2b8;
border-color: #17a2b8;
}
.htb-btn-info:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-info:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-info.htb-dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f;
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.htb-btn-warning {
color: #111;
background-color: #ffc107;
border-color: #ffc107;
}
.htb-btn-warning:hover {
color: #111;
background-color: #e0a800;
border-color: #d39e00;
}
.htb-btn-warning.focus, .htb-btn-warning:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.htb-btn-warning.disabled, .htb-btn-warning:disabled {
background-color: #ffc107;
border-color: #ffc107;
}
.htb-btn-warning:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-warning:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-warning.htb-dropdown-toggle {
color: #111;
background-color: #d39e00;
border-color: #c69500;
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.htb-btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.htb-btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}
.htb-btn-danger.focus, .htb-btn-danger:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.htb-btn-danger.disabled, .htb-btn-danger:disabled {
background-color: #dc3545;
border-color: #dc3545;
}
.htb-btn-danger:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-danger:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-danger.htb-dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.htb-fade {
opacity: 0;
transition: opacity .15s linear;
}
.htb-modal.htb-fade {
display: none;
}
.htb-modal.htb-fade.htb-show {
display: block;
}
.htb-fade.htb-show {
opacity: 1;
}
.htb-collapse {
display: none;
}
.htb-collapse.htb-show {
display: block;
}
.htb-collapsing{
position:relative;
height:0;
overflow:hidden;
transition:height .35s ease;
}
tr.htb-collapse.htb-show {
display: table-row;
}
tbody.htb-collapse.htb-show {
display: table-row-group;
}
[data-toggle=buttons]>.htb-btn input[type=checkbox], [data-toggle=buttons]>.htb-btn input[type=radio], [data-toggle=buttons]>.htb-btn-group>.htb-btn input[type=checkbox], [data-toggle=buttons]>.htb-btn-group>.htb-btn input[type=radio] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.htb-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.htb-nav-link {
display: block;
padding: .5rem 1rem;
}
.htb-nav-link:focus, .htb-nav-link:hover {
text-decoration: none;
}
.htb-nav-link.htb-disabled {
color: #868e96;
}
.htb-nav-tabs {
border-bottom: 1px solid #ddd;
}
.htb-nav-tabs .htb-nav-item {
margin-bottom: -1px;
}
.htb-nav-tabs .htb-nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
}
.htb-nav-tabs .htb-nav-link:focus, .htb-nav-tabs .htb-nav-link:hover {
border-color: #e9ecef #e9ecef #ddd;
}
.htb-nav-tabs .htb-nav-link.htb-disabled {
color: #868e96;
background-color: transparent;
border-color: transparent;
}
.htb-nav-tabs .htb-nav-item.show .htb-nav-link, .htb-nav-tabs .htb-nav-link.htb-active {
color: #495057;
background-color: #fff;
border-color: #ddd #ddd #fff;
}
.htb-nav-pills .htb-nav-link {
border-radius: .25rem;
}
.htb-nav-pills .htb-nav-link.htb-active, .htb-nav-pills .show>.htb-nav-link {
color: #fff;
background-color: #007bff;
}
.htb-nav-fill .htb-nav-item {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}
.htb-nav-justified .htb-nav-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
}
.htb-tab-content>.htb-tab-pane {
display: none;
}
.htb-tab-content>.htb-active {
display: block;
}
@media (min-width:576px) {
.htb-pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem;
}
.htb-alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}@keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
.htb-progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem;
}
.htb-progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background-color: #007bff;
}
.htb-progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
.htb-progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
}
.htb-media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
}@media (min-width:320px) {
.htb-progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem;
}
.htb-progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background-color: #007bff;
}
.htb-progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
.htb-progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
}    
.htb-close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}
.htb-close:focus, .htb-close:hover {
color: #000;
text-decoration: none;
opacity: .75;
}
button.htb-close {
padding: 0;
background: 0 0;
border: 0;
-webkit-appearance: none;
}
.htb-modal-open {
overflow: hidden;
}
.htb-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0;
}
.htb-modal.htb-fade .htb-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.htb-modal.htb-show .htb-modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.htb-modal-open .htb-modal {
overflow-x: hidden;
overflow-y: auto;
}
.htb-modal-dialog {
position: relative;
width: auto;
margin: 10px;
pointer-events: none;
}
.htb-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
outline: 0;
}
.htb-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.htb-modal-backdrop.htb-fade {
opacity: 0;
}
.htb-modal-backdrop.htb-show {
opacity: .5;
}
.htb-modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: .3rem;
border-top-right-radius: .3rem;
}
.htb-modal-header .htb-close {
padding: 15px;
margin: -15px -15px -15px auto;
}
.htb-modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.htb-modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 15px;
}
.htb-modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 15px;
border-top: 1px solid #e9ecef;
}
.htb-modal-footer>:not(:first-child) {
margin-left: .25rem;
}
.htb-modal-footer>:not(:last-child) {
margin-right: .25rem;
}
.htb-modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.htb-modal-dialog {
max-width: 500px;
margin: 30px auto;
}
.htb-modal-sm {
max-width: 300px;
}
}@media (min-width:992px) {
.htb-modal-lg {
max-width: 800px;
}
}.htb-tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
opacity: 0;
}
.htb-tooltip.htb-show {
opacity: .9;
}
.htb-tooltip .htb-arrow {
position: absolute;
display: block;
width: 5px;
height: 5px;
}
.htb-tooltip .htb-arrow::before {
position: absolute;
border-color: transparent;
border-style: solid;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=top], .htb-tooltip.bs-tooltip-top {
padding: 5px 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=top] .htb-arrow, .htb-tooltip.bs-tooltip-top .htb-arrow {
bottom: 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=top] .htb-arrow::before, .htb-tooltip.bs-tooltip-top .htb-arrow::before {
margin-left: -3px;
content: "";
border-width: 5px 5px 0;
border-top-color: #000;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=right], .htb-tooltip.bs-tooltip-right {
padding: 0 5px;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=right] .htb-arrow, .htb-tooltip.bs-tooltip-right .htb-arrow {
left: 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=right] .htb-arrow::before, .htb-tooltip.bs-tooltip-right .htb-arrow::before {
margin-top: -3px;
content: "";
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=bottom], .htb-tooltip.bs-tooltip-bottom {
padding: 5px 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=bottom] .htb-arrow, .htb-tooltip.bs-tooltip-bottom .htb-arrow {
top: 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=bottom] .htb-arrow::before, .htb-tooltip.bs-tooltip-bottom .htb-arrow::before {
margin-left: -3px;
content: "";
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=left], .htb-tooltip.bs-tooltip-left {
padding: 0 5px;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=left] .htb-arrow, .htb-tooltip.bs-tooltip-left .htb-arrow {
right: 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=left] .htb-arrow::before, .htb-tooltip.bs-tooltip-left .htb-arrow::before {
right: 0;
margin-top: -3px;
content: "";
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.htb-tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem;
}
.htb-popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
}
.htb-popover .htb-arrow {
position: absolute;
display: block;
width: .8rem;
height: .4rem;
}
.htb-popover .htb-arrow::after, .htb-popover .htb-arrow::before {
position: absolute;
display: block;
border-color: transparent;
border-style: solid;
}
.htb-popover .htb-arrow::before {
content: "";
border-width: .8rem;
}
.htb-popover .htb-arrow::after {
content: "";
border-width: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=top], .htb-popover.htb-bs-popover-top {
margin-bottom: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow, .htb-popover.htb-bs-popover-top .htb-arrow {
bottom: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::before, .htb-popover.htb-bs-popover-top .htb-arrow::after, .htb-popover.htb-bs-popover-top .htb-arrow::before {
border-bottom-width: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::before, .htb-popover.htb-bs-popover-top .htb-arrow::before {
bottom: -.8rem;
margin-left: -.8rem;
border-top-color: rgba(0, 0, 0, .25);
}
.htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::after, .htb-popover.htb-bs-popover-top .htb-arrow::after {
bottom: calc((.8rem - 1px) * -1);
margin-left: -.8rem;
border-top-color: #fff;
}
.htb-popover.htb-bs-popover-auto[x-placement^=right], .htb-popover.htb-bs-popover-right {
margin-left: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow, .htb-popover.htb-bs-popover-right .htb-arrow {
left: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::before, .htb-popover.htb-bs-popover-right .htb-arrow::after, .htb-popover.htb-bs-popover-right .htb-arrow::before {
margin-top: -.8rem;
border-left-width: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::before, .htb-popover.htb-bs-popover-right .htb-arrow::before {
left: -.8rem;
border-right-color: rgba(0, 0, 0, .25);
}
.htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::after, .htb-popover.htb-bs-popover-right .htb-arrow::after {
left: calc((.8rem - 1px) * -1);
border-right-color: #fff;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom], .htb-popover.htb-bs-popover-bottom {
margin-top: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow, .htb-popover.htb-bs-popover-bottom .htb-arrow {
top: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::before, .htb-popover.htb-bs-popover-bottom .htb-arrow::after, .htb-popover.htb-bs-popover-bottom .htb-arrow::before {
margin-left: -.8rem;
border-top-width: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::before, .htb-popover.htb-bs-popover-bottom .htb-arrow::before {
top: -.8rem;
border-bottom-color: rgba(0, 0, 0, .25);
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::after, .htb-popover.htb-bs-popover-bottom .htb-arrow::after {
top: calc((.8rem - 1px) * -1);
border-bottom-color: #fff;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-popover-header::before, .htb-popover.htb-bs-popover-bottom .htb-popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 20px;
margin-left: -10px;
content: "";
border-bottom: 1px solid #f7f7f7;
}
.htb-popover.htb-bs-popover-auto[x-placement^=left], .htb-popover.htb-bs-popover-left {
margin-right: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow, .htb-popover.htb-bs-popover-left .htb-arrow {
right: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::before, .htb-popover.htb-bs-popover-left .htb-arrow::after, .htb-popover.htb-bs-popover-left .htb-arrow::before {
margin-top: -.8rem;
border-right-width: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::before, .htb-popover.htb-bs-popover-left .htb-arrow::before {
right: -.8rem;
border-left-color: rgba(0, 0, 0, .25);
}
.htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::after, .htb-popover.htb-bs-popover-left .htb-arrow::after {
right: calc((.8rem - 1px) * -1);
border-left-color: #fff;
}
.htb-popover-header {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
color: inherit;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px);
}
.htb-popover-header:empty {
display: none;
}
.htb-popover-body {
padding: .5rem .75rem;
color: #212529;
}
.htb-float-left {
float: left!important;
}
.htb-float-right {
float: right!important;
}
.htb-float-none {
float: none!important;
}
.htb-visible {
visibility: visible!important;
}
.htb-fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.htb-fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.htb-sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
}
.htb-justify-content-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important;
}
.htb-justify-content-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.htb-justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important;
}
.htb-justify-content-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.htb-justify-content-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important;
}
.htb-align-items-start {
-ms-flex-align: start!important;
align-items: flex-start!important;
}
.htb-align-items-end {
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.htb-align-items-center {
-ms-flex-align: center!important;
align-items: center!important;
}
.htb-align-items-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important;
}
.htb-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.htb-align-content-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important;
}
.htb-align-content-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important;
}
.htb-align-content-center {
-ms-flex-line-pack: center!important;
align-content: center!important;
}
.htb-align-content-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important;
}
.htb-align-content-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important;
}
.htb-align-content-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important;
}
.htb-align-self-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important;
}
.htb-align-self-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important;
}
.htb-align-self-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important;
}
.htb-align-self-center {
-ms-flex-item-align: center!important;
align-self: center!important;
}
.htb-align-self-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important;
}
.htb-align-self-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important;
}
.htb-btn-outline-primary {
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff;
}
.htb-btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.htb-btn-outline-primary.focus,
.htb-btn-outline-primary:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.htb-btn-outline-primary.disabled,
.htb-btn-outline-primary:disabled {
color: #007bff;
background-color: transparent;
}
.htb-btn-outline-primary:not([disabled]):not(.disabled).active,
.htb-btn-outline-primary:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.htb-btn-outline-secondary {
color: #868e96;
background-color: transparent;
background-image: none;
border-color: #868e96;
}
.htb-btn-outline-secondary:hover {
color: #fff;
background-color: #868e96;
border-color: #868e96;
}
.htb-btn-outline-secondary.focus,
.htb-btn-outline-secondary:focus {
box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
}
.htb-btn-outline-secondary.disabled,
.htb-btn-outline-secondary:disabled {
color: #868e96;
background-color: transparent;
}
.htb-btn-outline-secondary:not([disabled]):not(.disabled).active,
.htb-btn-outline-secondary:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #868e96;
border-color: #868e96;
box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
}
.htb-btn-outline-success {
color: #28a745;
background-color: transparent;
background-image: none;
border-color: #28a745;
}
.htb-btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.htb-btn-outline-success.focus,
.htb-btn-outline-success:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.htb-btn-outline-success.disabled,
.htb-btn-outline-success:disabled {
color: #28a745;
background-color: transparent;
}
.htb-btn-outline-success:not([disabled]):not(.disabled).active,
.htb-btn-outline-success:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.htb-btn-outline-info {
color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: #17a2b8;
}
.htb-btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.htb-btn-outline-info.focus,
.htb-btn-outline-info:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.htb-btn-outline-info.disabled,
.htb-btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent;
}
.htb-btn-outline-info:not([disabled]):not(.disabled).active,
.htb-btn-outline-info:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.htb-btn-outline-warning {
color: #ffc107;
background-color: transparent;
background-image: none;
border-color: #ffc107;
}
.htb-btn-outline-warning:hover {
color: #fff;
background-color: #ffc107;
border-color: #ffc107;
}
.htb-btn-outline-warning.focus,
.htb-btn-outline-warning:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.htb-btn-outline-warning.disabled,
.htb-btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent;
}
.htb-btn-outline-warning:not([disabled]):not(.disabled).active,
.htb-btn-outline-warning:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-warning.dropdown-toggle {
color: #fff;
background-color: #ffc107;
border-color: #ffc107;
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.htb-btn-outline-danger {
color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545;
}
.htb-btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.htb-btn-outline-danger.focus,
.htb-btn-outline-danger:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.htb-btn-outline-danger.disabled,
.htb-btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent;
}
.htb-btn-outline-danger:not([disabled]):not(.disabled).active,
.htb-btn-outline-danger:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.htb-btn-outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa;
}
.htb-btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.htb-btn-outline-light.focus,
.htb-btn-outline-light:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}
.htb-btn-outline-light.disabled,
.htb-btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent;
}
.htb-btn-outline-light:not([disabled]):not(.disabled).active,
.htb-btn-outline-light:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}
.htb-btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40;
}
.htb-btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.htb-btn-outline-dark.focus,
.htb-btn-outline-dark:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}
.htb-btn-outline-dark.disabled,
.htb-btn-outline-dark:disabled {
color: #343a40;
background-color: transparent;
}
.htb-btn-outline-dark:not([disabled]):not(.disabled).htb-active,
.htb-btn-outline-dark:not([disabled]):not(.disabled):active,
.htb-show>.htb-btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40;
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}
.htb-alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.htb-alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.htb-alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
animation-duration: 2s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
animation-duration: 2s;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
animation-duration: 2s;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
animation-duration: 2s;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
animation-duration: 2s;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
animation-duration: 2s;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
animation-duration: 2s;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
animation-duration: 2s;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
animation-duration: 2s;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
animation-duration: 2s;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}@-webkit-keyframes np-btn--1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes np-btn--1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes np-btn--2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes np-btn--2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
} @-webkit-keyframes np-hvr-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes np-hvr-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
} @-webkit-keyframes hvr-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes hvr-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}  @keyframes bounceY {
0% {
transform: translateY(-205px);
}
40% {
transform: translateY(-100px);
}
65% {
transform: translateY(-52px);
}
82% {
transform: translateY(-25px);
}
92% {
transform: translateY(-12px);
}
55%,
75%,
87%,
97%,
100% {
transform: translateY(0px);
}
}
@-moz-keyframes bounceY {
0% {
-moz-transform: translateY(-205px);
}
40% {
-moz-transform: translateY(-100px);
}
65% {
-moz-transform: translateY(-52px);
}
82% {
-moz-transform: translateY(-25px);
}
92% {
-moz-transform: translateY(-12px);
}
55%,
75%,
87%,
97%,
100% {
-moz-transform: translateY(0px);
}
}
@-webkit-keyframes bounceY {
0% {
-webkit-transform: translateY(-205px);
}
40% {
-webkit-transform: translateY(-100px);
}
65% {
-webkit-transform: translateY(-52px);
}
82% {
-webkit-transform: translateY(-25px);
}
92% {
-webkit-transform: translateY(-12px);
}
55%,
75%,
87%,
97%,
100% {
-webkit-transform: translateY(0px);
}
}html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-top:.5rem;margin-bottom:1rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:.9rem}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;text-decoration:none;color:#c36}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{font-size:16px;color:#333;line-height:1.4;font-style:italic;font-weight:400}[hidden],template{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{*,:after,:before{background:transparent!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{page-break-inside:avoid;border:1px solid #ccc}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;border:1px solid #666;border-radius:3px;padding:.5rem 1rem;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{width:auto;-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[type=button],[type=submit],button{display:inline-block;font-weight:400;color:#c36;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid #c36;padding:.5rem 1rem;font-size:1rem;border-radius:3px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}[type=button]:focus,[type=submit]:focus,button:focus{outline:5px auto -webkit-focus-ring-color}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{color:#fff;background-color:#c36;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;width:100%;margin-bottom:15px;font-size:.9em;border-spacing:0;border-collapse:collapse}table td,table th{padding:15px;line-height:1.5;vertical-align:top;border:1px solid #ccc}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-top:1px solid #ccc}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:#f7f7f7}table tbody tr:hover>td,table tbody tr:hover>th{background-color:#e9e9e9}table tbody+tbody{border-top:2px solid #ccc}@media (max-width:767px){table table{font-size:.8em}table table td,table table th{padding:7px;line-height:1.3}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{margin-top:0;margin-bottom:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.alignwide{margin-left:-80px;margin-right:-80px}.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw}.alignfull,.alignfull img{width:100vw}.wp-caption{margin-bottom:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-left:auto;margin-right:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{margin:20px auto}.sticky{position:relative;display:block}.bypostauthor{font-size:inherit}.hide{display:none!important}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.site-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:1rem;padding-bottom:1rem;position:relative}.site-header .site-navigation{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.site-header .site-branding{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.site-header .header-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header:not(.header-stacked) .header-inner .site-branding{max-width:30%}.site-header:not(.header-stacked) .header-inner .site-navigation{max-width:70%}.site-header.header-inverted .header-inner{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:right}.site-header.header-inverted .header-inner .site-navigation{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.site-header.header-stacked .header-inner{-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;text-align:center}@media (max-width:576px){.site-header .header-inner:not(.header-stacked) .site-branding{max-width:80%}}.site-footer{padding-top:1rem;padding-bottom:1rem;position:relative}.site-footer .footer-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-navigation{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.site-footer .footer-inner .site-branding{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:right}.site-footer.footer-inverted .footer-inner .site-navigation{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.site-footer.footer-has-copyright .footer-inner .site-navigation{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.site-footer.footer-stacked .footer-inner{-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;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding h4.site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}.site-footer:not(.footer-stacked) .footer-inner .site-branding{max-width:20%}.site-footer:not(.footer-stacked) .footer-inner .site-navigation{max-width:60%}.site-footer:not(.footer-stacked) .footer-inner .copyright{max-width:20%}@media (max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;text-align:center;width:100%;max-width:none}.site-footer .footer-inner .site-navigation ul.menu{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.post .entry-title a{text-decoration:none}.post .wp-post-image{width:100%;max-height:500px;-o-object-fit:cover;object-fit:cover}@media (max-width:991px){.post .wp-post-image{max-height:400px}}@media (max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{margin:0;padding:0;list-style:none;font-size:.9em}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px 0 30px 60px;border-bottom:1px solid #ccc}body.rtl #comments .comment .comment-body,body.rtl #comments .pingback .comment-body{padding:30px 60px 30px 0}#comments .comment .avatar,#comments .pingback .avatar{position:absolute;left:0;border-radius:50%;margin-right:10px}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar{left:auto;right:0;margin-right:0;margin-left:10px}#comments .comment-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{position:relative;list-style:none;margin:0;padding-left:30px}body.rtl #comments .children{padding-left:0;padding-right:30px}#comments .children li:last-child{padding-bottom:0}#comments ol.comment-list .children:before{display:inline-block;font-size:1em;font-weight:400;line-height:100%;content:"\21AA";position:absolute;top:45px;left:0;width:auto}body.rtl #comments ol.comment-list .children:before{content:"\21A9";left:auto;right:0}@media (min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media (max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-left:20px}#comments .comment .avatar{position:inherit;float:left}body.rtl #comments .comment .avatar{float:right}}.site-header.header-inverted .site-navigation-toggle-holder{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.site-header.header-stacked .site-navigation-toggle-holder{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:20%;padding:8px 15px}.site-navigation-toggle-holder,.site-navigation-toggle-holder .site-navigation-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-navigation-toggle-holder .site-navigation-toggle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px;padding:.25em;cursor:pointer;border:0 solid;border-radius:3px;background-color:rgba(0,0,0,.05);color:#494c4f}.site-navigation-toggle-holder.elementor-active .site-navigation-toggle i:before{content:"\e87f"}.site-navigation{grid-area:nav-menu;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.site-navigation ul.menu li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li.menu-item-has-children{padding-right:15px}.site-navigation ul.menu li.menu-item-has-children:after{display:block;content:"\25BE";font-size:1.5em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#666;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;min-width:150px;position:absolute;z-index:2;left:0;top:100%}.site-navigation ul.menu li ul li{border-bottom:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-bottom:none}.site-navigation ul.menu li ul li.menu-item-has-children a{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{-webkit-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{left:100%;top:0}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{top:auto;bottom:100%}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{margin-top:10px;-webkit-transition:max-height .3s,-webkit-transform .3s;transition:max-height .3s,-webkit-transform .3s;-o-transition:max-height .3s,transform .3s;transition:max-height .3s,transform .3s;transition:max-height .3s,transform .3s,-webkit-transform .3s;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;position:absolute;bottom:0;left:0;z-index:10000;width:100%}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);max-height:0}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);max-height:100vh}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{position:absolute;width:100%;padding:0;margin:0;background:#fff}.site-navigation-dropdown ul.menu li{display:block;width:100%;position:relative}.site-navigation-dropdown ul.menu li a{display:block;padding:20px;background:#fff;color:#55595c;-webkit-box-shadow:inset 0 -1px 0 #0000001a;box-shadow:inset 0 -1px 0 #0000001a}.site-navigation-dropdown ul.menu li.current-menu-item a{color:#fff;background:#55595c}.site-navigation-dropdown ul.menu>li li{-webkit-transition:max-height .3s,-webkit-transform .3s;transition:max-height .3s,-webkit-transform .3s;-o-transition:max-height .3s,transform .3s;transition:max-height .3s,transform .3s;transition:max-height .3s,transform .3s,-webkit-transform .3s;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);max-height:0}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);max-height:100vh}@media (max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media (min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media (min-width:576px) and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media (min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media (max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-right:auto;margin-left:auto;width:100%}@media (max-width:575px){.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-right:10px;padding-left:10px}}@media (min-width:576px){.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media (min-width:768px){.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media (min-width:992px){.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media (min-width:1200px){.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:960px}.site-footer .footer-inner,.site-header .header-inner{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}